.WhiteboardCanvas-module__qvBNKq__container{background:color-mix(in srgb, var(--grey-1) 30%, var(--background) 70%);border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__mainArea{flex:1;min-width:0;display:flex;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__leftToolbar{z-index:40;flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.WhiteboardCanvas-module__qvBNKq__leftToolbarContent{box-sizing:border-box;pointer-events:auto;flex-direction:column;display:flex}.WhiteboardCanvas-module__qvBNKq__leftToolbarBottom{box-sizing:border-box;gap:var(--spacing-sm);background:var(--background);border:1px solid var(--grey-1);border-radius:var(--radius-md);pointer-events:auto;flex-direction:column;align-self:flex-start;width:50px;padding:6px;display:flex}.WhiteboardCanvas-module__qvBNKq__rightToolbar{background:var(--background);border:1px solid var(--grey-1);border-radius:var(--radius-md);z-index:40;pointer-events:auto;flex-direction:column;align-self:flex-start;gap:0;width:240px;height:auto;max-height:100%;padding:0;display:flex;position:relative;overflow-y:auto}.WhiteboardCanvas-module__qvBNKq__rightSide{z-index:40;pointer-events:none;align-items:stretch;gap:12px;display:flex;position:absolute;top:18px;bottom:18px;right:18px}.WhiteboardCanvas-module__qvBNKq__panelSection{border-bottom:1px solid var(--grey-2);padding:16px}.WhiteboardCanvas-module__qvBNKq__panelSection:last-child{border-bottom:none}.WhiteboardCanvas-module__qvBNKq__panelSectionHeader{letter-spacing:.5px;color:var(--grey-4);margin-bottom:12px;font-size:11px;font-weight:500}.WhiteboardCanvas-module__qvBNKq__panelSectionToggle{width:100%;color:var(--grey-4);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.WhiteboardCanvas-module__qvBNKq__panelSectionToggle:hover .WhiteboardCanvas-module__qvBNKq__panelSectionHeader,.WhiteboardCanvas-module__qvBNKq__panelSectionToggleExpanded .WhiteboardCanvas-module__qvBNKq__panelSectionHeader{color:var(--grey-5)}.WhiteboardCanvas-module__qvBNKq__panelSectionToggleExpanded{padding-bottom:12px}.WhiteboardCanvas-module__qvBNKq__panelSectionToggle .WhiteboardCanvas-module__qvBNKq__panelSectionHeader{margin-bottom:0}.WhiteboardCanvas-module__qvBNKq__panelSectionChevron{flex-shrink:0;transition:transform .18s,color .18s}.WhiteboardCanvas-module__qvBNKq__panelSectionChevronExpanded{transform:rotate(180deg)}.WhiteboardCanvas-module__qvBNKq__panelRow{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__panelRow:last-child{margin-bottom:0}.WhiteboardCanvas-module__qvBNKq__panelLabel{color:var(--foreground);flex-shrink:0;font-size:13px}.WhiteboardCanvas-module__qvBNKq__panelGrid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:12px;display:grid}.WhiteboardCanvas-module__qvBNKq__panelInputGroup{cursor:ew-resize;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.WhiteboardCanvas-module__qvBNKq__panelInputGroup.WhiteboardCanvas-module__qvBNKq__dragging{cursor:grabbing}.WhiteboardCanvas-module__qvBNKq__panelInputGroup .WhiteboardCanvas-module__qvBNKq__panelInputField{cursor:inherit}.WhiteboardCanvas-module__qvBNKq__panelInputGroup .WhiteboardCanvas-module__qvBNKq__panelInputField:focus{cursor:text}.WhiteboardCanvas-module__qvBNKq__panelInputField{border:none;border-bottom:1px solid var(--grey-3);width:100%;color:var(--foreground);-moz-appearance:textfield;background:0 0;outline:none;padding-bottom:2px;font-size:13px}.WhiteboardCanvas-module__qvBNKq__panelInputField::-webkit-outer-spin-button{-webkit-appearance:none;opacity:0;margin:0;transition:opacity .15s}.WhiteboardCanvas-module__qvBNKq__panelInputField::-webkit-inner-spin-button{-webkit-appearance:none;opacity:0;margin:0;transition:opacity .15s}.WhiteboardCanvas-module__qvBNKq__panelInputField:hover::-webkit-outer-spin-button{opacity:1}.WhiteboardCanvas-module__qvBNKq__panelInputField:hover::-webkit-inner-spin-button{opacity:1}.WhiteboardCanvas-module__qvBNKq__panelInputField:focus::-webkit-outer-spin-button{opacity:1}.WhiteboardCanvas-module__qvBNKq__panelInputField:focus::-webkit-inner-spin-button{opacity:1}.WhiteboardCanvas-module__qvBNKq__panelInputField:hover,.WhiteboardCanvas-module__qvBNKq__panelInputField:focus{-moz-appearance:number-input}.WhiteboardCanvas-module__qvBNKq__panelInputField:disabled{opacity:.6}.WhiteboardCanvas-module__qvBNKq__panelInputField:read-only:not(:disabled){-moz-appearance:textfield}.WhiteboardCanvas-module__qvBNKq__panelInputField:read-only:not(:disabled)::-webkit-outer-spin-button{display:none}.WhiteboardCanvas-module__qvBNKq__panelInputField:read-only:not(:disabled)::-webkit-inner-spin-button{display:none}.WhiteboardCanvas-module__qvBNKq__inputPrefix{color:var(--grey-4);text-align:center;width:16px;font-size:12px;font-weight:500}.WhiteboardCanvas-module__qvBNKq__inputSuffix{color:var(--grey-4);font-size:12px}.WhiteboardCanvas-module__qvBNKq__rotationIcon{color:var(--grey-4);text-align:center;width:16px;font-size:14px}.WhiteboardCanvas-module__qvBNKq__panelAlignRow{align-items:center;gap:4px;margin-top:4px;display:flex}.WhiteboardCanvas-module__qvBNKq__alignButton{width:28px;height:28px;color:var(--grey-4);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.WhiteboardCanvas-module__qvBNKq__alignButton:hover:not(:disabled){background:var(--grey-1);color:var(--foreground)}.WhiteboardCanvas-module__qvBNKq__alignButton:disabled{opacity:.4;cursor:not-allowed}.WhiteboardCanvas-module__qvBNKq__alignButton.WhiteboardCanvas-module__qvBNKq__active{background:var(--grey-1)}.WhiteboardCanvas-module__qvBNKq__alignSpacer{flex:1}.WhiteboardCanvas-module__qvBNKq__toggleSwitch{width:44px;height:24px;position:relative}.WhiteboardCanvas-module__qvBNKq__toggleSwitch input{opacity:0;width:0;height:0}.WhiteboardCanvas-module__qvBNKq__toggleSlider{background:var(--grey-2);cursor:pointer;border-radius:12px;transition:all .3s;position:absolute;inset:0}.WhiteboardCanvas-module__qvBNKq__toggleSlider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:3px;left:3px}.WhiteboardCanvas-module__qvBNKq__toggleSwitch input:checked+.WhiteboardCanvas-module__qvBNKq__toggleSlider{background:var(--accent)}.WhiteboardCanvas-module__qvBNKq__toggleSwitch input:checked+.WhiteboardCanvas-module__qvBNKq__toggleSlider:before{transform:translate(20px)}.WhiteboardCanvas-module__qvBNKq__panelSlider{cursor:pointer;appearance:none;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--value-percent,100%), var(--grey-2) var(--value-percent,100%), var(--grey-2) 100%);border-radius:2px;flex:1;min-width:0;max-width:100px;height:4px}.WhiteboardCanvas-module__qvBNKq__panelSlider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:14px;height:14px;box-shadow:none;border:none;border-radius:50%}.WhiteboardCanvas-module__qvBNKq__panelSlider::-moz-range-thumb{background:var(--accent);cursor:pointer;width:14px;height:14px;box-shadow:none;border:none;border-radius:50%}.WhiteboardCanvas-module__qvBNKq__panelSlider::-moz-range-track{background:0 0}.WhiteboardCanvas-module__qvBNKq__panelSlider::-webkit-slider-runnable-track{background:0 0}.WhiteboardCanvas-module__qvBNKq__panelValueSmall{color:var(--grey-4);text-align:right;flex-shrink:0;min-width:40px;font-size:12px}.WhiteboardCanvas-module__qvBNKq__panelSelect{border:1px solid var(--grey-2);border-radius:var(--radius-sm);background:var(--background);width:100%;color:var(--foreground);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:8px 12px;font-size:13px}.WhiteboardCanvas-module__qvBNKq__panelSelect:disabled{opacity:.6;cursor:not-allowed}.WhiteboardCanvas-module__qvBNKq__panelButton{border-radius:var(--radius-sm);background:var(--accent);width:100%;color:var(--background);cursor:pointer;border:none;padding:8px 12px;font-size:13px;font-weight:500;transition:opacity .15s}.WhiteboardCanvas-module__qvBNKq__panelButton:hover{opacity:.9}.WhiteboardCanvas-module__qvBNKq__strokeToggle{border:1px solid var(--grey-2);border-radius:var(--radius-sm);display:flex;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__strokeButton{width:32px;height:28px;color:var(--grey-4);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.WhiteboardCanvas-module__qvBNKq__strokeButton.WhiteboardCanvas-module__qvBNKq__active{background:var(--grey-1);color:var(--foreground)}.WhiteboardCanvas-module__qvBNKq__segmentedControl{background:var(--grey-1);border-radius:6px;gap:0;width:100%;padding:2px;display:flex}.WhiteboardCanvas-module__qvBNKq__segmentedButton{color:var(--grey-4);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.WhiteboardCanvas-module__qvBNKq__segmentedButton.WhiteboardCanvas-module__qvBNKq__active{background:var(--panel-bg);color:var(--foreground);box-shadow:0 1px 3px #0000001a}.WhiteboardCanvas-module__qvBNKq__segmentedButton:hover:not(.WhiteboardCanvas-module__qvBNKq__active){color:var(--foreground)}.WhiteboardCanvas-module__qvBNKq__toggleSwitch{background:var(--grey-3);cursor:pointer;border:none;border-radius:12px;width:48px;height:24px;padding:0;transition:background-color .2s;position:relative}.WhiteboardCanvas-module__qvBNKq__toggleSwitch.WhiteboardCanvas-module__qvBNKq__checked{background:var(--light-blue)}.WhiteboardCanvas-module__qvBNKq__toggleKnob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:4px;left:4px}.WhiteboardCanvas-module__qvBNKq__toggleSwitch.WhiteboardCanvas-module__qvBNKq__checked .WhiteboardCanvas-module__qvBNKq__toggleKnob{transform:translate(24px)}.WhiteboardCanvas-module__qvBNKq__colorRow{align-items:center;gap:10px;padding:8px 0;display:flex}.WhiteboardCanvas-module__qvBNKq__colorCheckbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.WhiteboardCanvas-module__qvBNKq__colorSwatch{border-radius:var(--radius-sm);cursor:pointer;border:none;width:32px;height:24px;padding:0}.WhiteboardCanvas-module__qvBNKq__colorSwatch:where(div){border:1px solid var(--grey-2)}.WhiteboardCanvas-module__qvBNKq__colorMixerButton{cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:auto;font-size:16px}.WhiteboardCanvas-module__qvBNKq__colorMixerButton:hover{opacity:1}.WhiteboardCanvas-module__qvBNKq__effectRow{align-items:center;gap:10px;padding:6px 0;display:flex}.WhiteboardCanvas-module__qvBNKq__effectPreview{border-radius:var(--radius-sm);background:repeating-conic-gradient(#ddd 0% 25%,#0000 0% 50%) 50%/8px 8px;width:32px;height:24px}.WhiteboardCanvas-module__qvBNKq__expandIcon{color:var(--grey-4);margin-left:auto;font-size:12px}.WhiteboardCanvas-module__qvBNKq__fontSelect{border:1px solid var(--grey-2);border-radius:var(--radius-sm);background:var(--background);width:100%;color:var(--foreground);margin-bottom:8px;padding:8px 12px;font-size:13px}.WhiteboardCanvas-module__qvBNKq__textInputRow{grid-template-columns:60px 1fr;gap:8px;margin-bottom:8px;display:grid}.WhiteboardCanvas-module__qvBNKq__textSmallInput{border:1px solid var(--grey-2);border-radius:var(--radius-sm);background:var(--grey-1);color:var(--foreground);text-align:center;padding:6px 8px;font-size:13px}.WhiteboardCanvas-module__qvBNKq__textOptionsRow{gap:4px;margin-bottom:8px;display:flex}.WhiteboardCanvas-module__qvBNKq__textOptionInput{border:1px solid var(--grey-2);border-radius:var(--radius-sm);background:var(--grey-1);width:40px;color:var(--foreground);text-align:center;padding:6px;font-size:12px}.WhiteboardCanvas-module__qvBNKq__textAlignGroup{border:1px solid var(--grey-2);border-radius:var(--radius-sm);display:flex;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__textAlignButton{border:none;border-right:1px solid var(--grey-2);width:28px;height:28px;color:var(--grey-4);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:14px;display:flex}.WhiteboardCanvas-module__qvBNKq__textAlignButton:last-child{border-right:none}.WhiteboardCanvas-module__qvBNKq__textAlignButton.WhiteboardCanvas-module__qvBNKq__active{background:var(--accent);color:#fff}.WhiteboardCanvas-module__qvBNKq__textFormatRow{gap:8px;padding-top:8px;display:flex}.WhiteboardCanvas-module__qvBNKq__textFormatButton{border:1px solid var(--grey-2);border-radius:var(--radius-sm);width:32px;height:28px;color:var(--foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:14px;display:flex}.WhiteboardCanvas-module__qvBNKq__textFormatButton:disabled{opacity:.4;cursor:not-allowed}.WhiteboardCanvas-module__qvBNKq__toolbarSection{flex-direction:column;gap:0;display:flex}.WhiteboardCanvas-module__qvBNKq__leftToolbarRow{box-sizing:border-box;background:var(--background);border-left:1px solid var(--grey-1);border-right:1px solid var(--grey-1);justify-content:center;align-items:center;width:50px;padding:3px 6px;display:flex;overflow:visible}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowFirst{border-top:1px solid var(--grey-1);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);padding-top:6px}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowLast{border-bottom:1px solid var(--grey-1);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);padding-bottom:6px}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowBeforeExpand,.WhiteboardCanvas-module__qvBNKq__leftToolbarRowAfterExpand{position:relative}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowBeforeExpand:after,.WhiteboardCanvas-module__qvBNKq__leftToolbarRowAfterExpand:after{content:"";background:var(--background);pointer-events:none;z-index:3;width:1px;height:7px;position:absolute;right:-1px}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowBeforeExpand:after{bottom:-1px}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowAfterExpand:after{top:-1px}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowExpanded{justify-content:flex-start;width:50px;padding-left:0;padding-right:0;position:relative}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowOpen{z-index:2;border-right:none;width:98px}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowOpenWide{width:146px}.WhiteboardCanvas-module__qvBNKq__leftToolbarRowOpen:after{content:"";border-top:1px solid var(--grey-1);border-right:1px solid var(--grey-1);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-bottom:1px solid var(--grey-1);background:var(--background);pointer-events:none;z-index:0;position:absolute;inset:-1px -2px -1px 49px}.WhiteboardCanvas-module__qvBNKq__shapeToolSeam{background:linear-gradient(var(--background), var(--background)) top left / 1px 6px no-repeat, linear-gradient(var(--background), var(--background)) bottom left / 1px 6px no-repeat;pointer-events:none;z-index:1;opacity:0;width:8px;position:absolute;top:-1px;bottom:-1px;left:48.5px;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__shapeToolSeam:before,.WhiteboardCanvas-module__qvBNKq__shapeToolSeam:after{content:"";background:var(--background);width:7px;height:7px;position:absolute;left:0}.WhiteboardCanvas-module__qvBNKq__shapeToolSeam:before{border-left:1px solid var(--grey-1);border-top:1px solid var(--grey-1);border-top-left-radius:7px;top:0}.WhiteboardCanvas-module__qvBNKq__shapeToolSeam:after{border-left:1px solid var(--grey-1);border-bottom:1px solid var(--grey-1);border-bottom-left-radius:7px;bottom:0}.WhiteboardCanvas-module__qvBNKq__shapeToolSeamVisible{opacity:1}.WhiteboardCanvas-module__qvBNKq__shapeToolGroup{width:100%;height:38px;position:relative;overflow:visible}.WhiteboardCanvas-module__qvBNKq__shapeToolMain{justify-content:center;align-items:center;width:50px;height:38px;display:flex;position:absolute;top:0;left:0}.WhiteboardCanvas-module__qvBNKq__shapeToolPrimary{z-index:2;flex:0 0 38px;position:relative}.WhiteboardCanvas-module__qvBNKq__shapeToolArm{opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:6px;width:0;height:38px;display:flex;position:absolute;top:0;left:50px;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__shapeToolArmExpanded{opacity:1;pointer-events:auto;width:96px}.WhiteboardCanvas-module__qvBNKq__shapeToolSecondary,.WhiteboardCanvas-module__qvBNKq__shapeToolTertiary{z-index:2;flex:0 0 38px;position:relative}.WhiteboardCanvas-module__qvBNKq__textToolSeam{background:linear-gradient(var(--background), var(--background)) top left / 1px 6px no-repeat, linear-gradient(var(--background), var(--background)) bottom left / 1px 6px no-repeat;pointer-events:none;z-index:1;opacity:0;width:8px;position:absolute;top:-1px;bottom:-1px;left:48.5px;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__textToolSeam:before,.WhiteboardCanvas-module__qvBNKq__textToolSeam:after{content:"";background:var(--background);width:7px;height:7px;position:absolute;left:0}.WhiteboardCanvas-module__qvBNKq__textToolSeam:before{border-left:1px solid var(--grey-1);border-top:1px solid var(--grey-1);border-top-left-radius:7px;top:0}.WhiteboardCanvas-module__qvBNKq__textToolSeam:after{border-left:1px solid var(--grey-1);border-bottom:1px solid var(--grey-1);border-bottom-left-radius:7px;bottom:0}.WhiteboardCanvas-module__qvBNKq__textToolSeamVisible{opacity:1}.WhiteboardCanvas-module__qvBNKq__textToolGroup{width:100%;height:38px;position:relative;overflow:visible}.WhiteboardCanvas-module__qvBNKq__textToolMain{justify-content:center;align-items:center;width:50px;height:38px;display:flex;position:absolute;top:0;left:0}.WhiteboardCanvas-module__qvBNKq__textToolPrimary{z-index:2;flex:0 0 38px;position:relative}.WhiteboardCanvas-module__qvBNKq__textToolArm{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:0;height:38px;display:flex;position:absolute;top:0;left:50px;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__textToolArmExpanded{opacity:1;pointer-events:auto;width:48px}.WhiteboardCanvas-module__qvBNKq__textToolSecondary{z-index:2;flex:0 0 38px;position:relative}.WhiteboardCanvas-module__qvBNKq__toolbarSectionSpacing{margin-bottom:32px}.WhiteboardCanvas-module__qvBNKq__toolbarDivider{background:var(--grey-2);height:1px;margin:var(--spacing-xs) 0}.WhiteboardCanvas-module__qvBNKq__zoomLabel{color:var(--grey-4);text-align:center;padding:var(--spacing-xs) 0;font-size:11px;font-weight:500}.WhiteboardCanvas-module__qvBNKq__topBarStack{z-index:40;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:0}.WhiteboardCanvas-module__qvBNKq__topBarMainGroup{align-items:center;gap:0;display:flex;position:relative}.WhiteboardCanvas-module__qvBNKq__topBar{box-sizing:border-box;background:var(--background);border:1px solid var(--grey-1);border-radius:0 var(--radius-md) var(--radius-md) 0;z-index:0;border-left:none;align-items:center;gap:8px;height:50px;margin-left:-18px;padding:0 6px 0 36px;display:flex;position:relative}.WhiteboardCanvas-module__qvBNKq__topBarSection{align-items:center;gap:12px;display:flex}.WhiteboardCanvas-module__qvBNKq__topBarSidebarButton{border:1px solid var(--grey-2);background:var(--background);width:68px;height:62px;color:var(--grey-4);cursor:pointer;box-shadow:0 0 18px color-mix(in srgb, var(--foreground) 10%, transparent);isolation:isolate;z-index:1;border-left:none;border-radius:0 9999px 9999px 0;justify-content:center;align-self:center;align-items:center;margin:0;padding:0;transition:border-color .15s,color .15s;display:flex;position:relative}.WhiteboardCanvas-module__qvBNKq__topBarSidebarButton:before{content:"";border-radius:inherit;background:linear-gradient(to right, var(--grey-2), var(--grey-5));opacity:0;pointer-events:none;-webkit-mask-composite:xor;padding:1px 1px 1px 0;transition:opacity .15s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.WhiteboardCanvas-module__qvBNKq__topBarSidebarButton svg{z-index:1;position:relative}.WhiteboardCanvas-module__qvBNKq__topBarSidebarButton:hover{color:var(--foreground);border-color:#0000}.WhiteboardCanvas-module__qvBNKq__topBarSidebarButton:hover:before{opacity:1}.WhiteboardCanvas-module__qvBNKq__topBarZoomCard{box-sizing:border-box;background:var(--background);border:1px solid var(--grey-1);border-radius:var(--radius-md);align-items:center;gap:4px;height:50px;padding:0 6px;display:flex}.WhiteboardCanvas-module__qvBNKq__topBarMenu{align-items:center;display:flex;position:relative}.WhiteboardCanvas-module__qvBNKq__topBarDropdown{background:var(--background);border:1px solid var(--grey-1);border-radius:var(--radius-md);min-width:180px;box-shadow:0 8px 24px color-mix(in srgb, var(--grey-7) 12%, transparent);z-index:110;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.WhiteboardCanvas-module__qvBNKq__topBarDropdownItem{border-radius:var(--radius-sm);width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;padding:10px 12px;font-size:13px;display:flex}.WhiteboardCanvas-module__qvBNKq__topBarDropdownItem:hover{background:var(--grey-1)}.WhiteboardCanvas-module__qvBNKq__topBarLeft,.WhiteboardCanvas-module__qvBNKq__topBarRight{z-index:40;background:var(--background);border:1px solid var(--grey-1);border-radius:var(--radius-md);align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;top:12px}.WhiteboardCanvas-module__qvBNKq__topBarLeft{left:12px}.WhiteboardCanvas-module__qvBNKq__topBarRight{right:12px}.WhiteboardCanvas-module__qvBNKq__toolbar{background:var(--background);border-bottom:1px solid var(--grey-1);justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.WhiteboardCanvas-module__qvBNKq__toolbarTitle{color:var(--foreground);font-size:15px;font-weight:600}.WhiteboardCanvas-module__qvBNKq__zoomControls{background:var(--grey-1);border-radius:var(--radius-md);align-items:center;gap:4px;padding:4px;display:flex}.WhiteboardCanvas-module__qvBNKq__zoomButton{width:38px;height:38px;color:var(--foreground);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;transition:background .15s;display:flex}.WhiteboardCanvas-module__qvBNKq__zoomButton svg{width:18px;height:18px}.WhiteboardCanvas-module__qvBNKq__zoomButton:hover{background:var(--grey-2)}.WhiteboardCanvas-module__qvBNKq__zoomDisplay{color:var(--foreground);text-align:center;min-width:44px;font-size:12px;font-weight:500}.WhiteboardCanvas-module__qvBNKq__toolGroup{align-items:center;gap:var(--spacing-xs);display:flex}.WhiteboardCanvas-module__qvBNKq__toolButton{border-radius:var(--radius-md);width:38px;height:38px;color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:20px;transition:background-color .15s;display:flex}.WhiteboardCanvas-module__qvBNKq__toolButton svg{width:18px;height:18px}.WhiteboardCanvas-module__qvBNKq__toolButton:hover:not(:disabled){background:var(--hover-bg)}.WhiteboardCanvas-module__qvBNKq__toolButton:disabled{opacity:.2;cursor:not-allowed}.WhiteboardCanvas-module__qvBNKq__toolButton.WhiteboardCanvas-module__qvBNKq__active{background:color-mix(in srgb, var(--grey-1) 50%, var(--background) 50%);border-color:var(--grey-1);color:var(--foreground)}.WhiteboardCanvas-module__qvBNKq__separator{background:var(--grey-2);width:1px;height:24px}.WhiteboardCanvas-module__qvBNKq__colorLabel{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--grey-5);font-size:13px;display:flex}.WhiteboardCanvas-module__qvBNKq__colorInput{border:1px solid var(--grey-2);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;padding:0}.WhiteboardCanvas-module__qvBNKq__colorInput:where(input)::-webkit-color-swatch-wrapper{padding:0}.WhiteboardCanvas-module__qvBNKq__colorInput:where(input)::-webkit-color-swatch{border-radius:var(--radius-xs);border:none}.WhiteboardCanvas-module__qvBNKq__spacer{flex:1}.WhiteboardCanvas-module__qvBNKq__keybindsButton{border-radius:var(--radius-md);width:38px;height:38px;color:var(--foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:600;display:flex}.WhiteboardCanvas-module__qvBNKq__keybindsButton svg{width:18px;height:18px}.WhiteboardCanvas-module__qvBNKq__keybindsButton:hover,.WhiteboardCanvas-module__qvBNKq__keybindsButtonActive{background:var(--grey-1)}.WhiteboardCanvas-module__qvBNKq__layersPanel{background:var(--background);border:1px solid var(--grey-1);border-radius:var(--radius-md);pointer-events:auto;flex-direction:column;align-self:flex-start;width:180px;height:auto;max-height:100%;display:flex;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__layersList{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.WhiteboardCanvas-module__qvBNKq__layerItem{cursor:pointer;align-items:center;gap:6px;padding:4px 6px;display:flex;position:relative;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__layerItemName{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;opacity:.66;flex:1;min-width:0;font-size:13px;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__layerItem:hover{background:var(--grey-1);padding-right:42px}.WhiteboardCanvas-module__qvBNKq__layerItem:hover .WhiteboardCanvas-module__qvBNKq__layerItemName{max-width:calc(100% - 45px)}.WhiteboardCanvas-module__qvBNKq__layerItemName:hover,.WhiteboardCanvas-module__qvBNKq__layerItem:hover .WhiteboardCanvas-module__qvBNKq__layerItemName{opacity:1}.WhiteboardCanvas-module__qvBNKq__layerItemHidden .WhiteboardCanvas-module__qvBNKq__layerItemName,.WhiteboardCanvas-module__qvBNKq__layerItemHidden .WhiteboardCanvas-module__qvBNKq__layerItemName:hover,.WhiteboardCanvas-module__qvBNKq__layerItemHidden:hover .WhiteboardCanvas-module__qvBNKq__layerItemName{opacity:.33}.WhiteboardCanvas-module__qvBNKq__layerItemSelected{background:var(--grey-2)}.WhiteboardCanvas-module__qvBNKq__layerItemIcon{opacity:.25;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.WhiteboardCanvas-module__qvBNKq__layerVisibilityBtn{cursor:pointer;opacity:0;width:18px;height:18px;color:var(--foreground);z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:6px}.WhiteboardCanvas-module__qvBNKq__layerItem:hover .WhiteboardCanvas-module__qvBNKq__layerVisibilityBtn,.WhiteboardCanvas-module__qvBNKq__layerGroupHeader:hover .WhiteboardCanvas-module__qvBNKq__layerVisibilityBtn{opacity:.6}.WhiteboardCanvas-module__qvBNKq__layerVisibilityBtn:last-child{right:28px}.WhiteboardCanvas-module__qvBNKq__layerVisibilityBtn:hover{opacity:1}.WhiteboardCanvas-module__qvBNKq__layerVisibilityBtnAlwaysVisible{opacity:.6}.WhiteboardCanvas-module__qvBNKq__layersEmpty{text-align:center;color:var(--grey-3);padding:24px 16px;font-size:13px}.WhiteboardCanvas-module__qvBNKq__layerGroupHeader{cursor:pointer;background:var(--grey-1);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 8px;display:flex;position:relative;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__layerGroupHeader:hover{padding-right:42px}.WhiteboardCanvas-module__qvBNKq__layerGroupHeader:hover .WhiteboardCanvas-module__qvBNKq__layerGroupName{max-width:calc(100% - 55px)}.WhiteboardCanvas-module__qvBNKq__layerGroupHeader:hover{background:var(--grey-2)}.WhiteboardCanvas-module__qvBNKq__layerGroupHeaderSelected{background:var(--grey-3)}.WhiteboardCanvas-module__qvBNKq__layerGroupHeaderPartial{background:#3b82f61a}.WhiteboardCanvas-module__qvBNKq__layerGroupIcon{font-size:14px}.WhiteboardCanvas-module__qvBNKq__layerGroupNames{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.WhiteboardCanvas-module__qvBNKq__layerGroupName{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__layerGroupCount{opacity:.6;white-space:nowrap;font-size:11px}.WhiteboardCanvas-module__qvBNKq__layerItemNested{background:#00000005;padding-left:40px}.WhiteboardCanvas-module__qvBNKq__layerItemNested.WhiteboardCanvas-module__qvBNKq__layerItemSelected{background:var(--grey-2)}.WhiteboardCanvas-module__qvBNKq__layerItemDragging{opacity:.5}.WhiteboardCanvas-module__qvBNKq__layerItem:active{cursor:grabbing}.WhiteboardCanvas-module__qvBNKq__dropIndicator{pointer-events:none}.WhiteboardCanvas-module__qvBNKq__keybindsGroup{border-bottom:1px solid var(--grey-2);padding:12px 16px}.WhiteboardCanvas-module__qvBNKq__keybindsGroup:last-child{border-bottom:none}.WhiteboardCanvas-module__qvBNKq__keybindsGroupTitle{text-transform:uppercase;letter-spacing:.05em;color:var(--grey-3);margin-bottom:8px;font-size:11px;font-weight:600}.WhiteboardCanvas-module__qvBNKq__keybindItem{justify-content:space-between;align-items:center;padding:3px 0;font-size:13px;display:flex}.WhiteboardCanvas-module__qvBNKq__keybindKey{background:var(--grey-1);color:var(--accent);border-radius:4px;padding:2px 8px;font-family:SF Mono,Consolas,Monaco,monospace;font-size:12px;font-weight:500}.WhiteboardCanvas-module__qvBNKq__keybindDesc{color:var(--foreground);opacity:.8}.WhiteboardCanvas-module__qvBNKq__status{font-size:12px;font-weight:500}.WhiteboardCanvas-module__qvBNKq__connected{color:var(--green)}.WhiteboardCanvas-module__qvBNKq__connecting{color:var(--orange)}.WhiteboardCanvas-module__qvBNKq__disconnected{color:var(--grey-4)}.WhiteboardCanvas-module__qvBNKq__canvasContainer{flex:1;min-width:0;position:relative;overflow:hidden}.WhiteboardCanvas-module__qvBNKq__recursiveGrid{pointer-events:none;position:absolute;inset:0}.WhiteboardCanvas-module__qvBNKq__canvas{cursor:crosshair;z-index:1;width:100%;height:100%;position:absolute;inset:0}.WhiteboardCanvas-module__qvBNKq__staticCanvas{pointer-events:none}.WhiteboardCanvas-module__qvBNKq__canvas[data-tool=select]{cursor:default}.WhiteboardCanvas-module__qvBNKq__canvas.WhiteboardCanvas-module__qvBNKq__panning{cursor:grabbing}.WhiteboardCanvas-module__qvBNKq__shapePopup{background:var(--background);border:1px solid var(--grey-2);border-radius:var(--radius-md);z-index:200;min-width:200px;padding:16px;position:absolute;box-shadow:0 4px 20px #00000026}.WhiteboardCanvas-module__qvBNKq__shapePopupTitle{color:var(--foreground);margin-bottom:12px;font-size:13px;font-weight:600}.WhiteboardCanvas-module__qvBNKq__shapePopupRow{align-items:center;gap:8px;margin-bottom:10px;display:flex}.WhiteboardCanvas-module__qvBNKq__shapePopupLabel{color:var(--grey-5);width:50px;font-size:12px}.WhiteboardCanvas-module__qvBNKq__shapePopupInput{border:1px solid var(--grey-2);border-radius:var(--radius-sm);background:var(--grey-1);color:var(--foreground);outline:none;flex:1;padding:8px 10px;font-size:13px}.WhiteboardCanvas-module__qvBNKq__shapePopupInput:focus{border-color:var(--accent)}.WhiteboardCanvas-module__qvBNKq__shapePopupActions{gap:8px;margin-top:14px;display:flex}.WhiteboardCanvas-module__qvBNKq__shapePopupBtn{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s}.WhiteboardCanvas-module__qvBNKq__shapePopupBtnPrimary{background:var(--accent);color:#fff}.WhiteboardCanvas-module__qvBNKq__shapePopupBtnPrimary:hover{opacity:.9}.WhiteboardCanvas-module__qvBNKq__shapePopupBtnSecondary{background:var(--grey-1);color:var(--foreground)}.WhiteboardCanvas-module__qvBNKq__shapePopupBtnSecondary:hover{background:var(--grey-2)}.WhiteboardCanvas-module__qvBNKq__brushToolbar{z-index:40;box-sizing:border-box;background:var(--background);border:1px solid var(--grey-1);border-radius:var(--radius-md);align-items:center;gap:12px;height:50px;padding:0 16px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.WhiteboardCanvas-module__qvBNKq__brushToolbarContent{align-items:center;gap:16px;display:flex}.WhiteboardCanvas-module__qvBNKq__brushToolbarItem{align-items:center;gap:8px;display:flex}.WhiteboardCanvas-module__qvBNKq__brushToolbarLabel{color:var(--grey-4);font-size:12px;font-weight:500}.WhiteboardCanvas-module__qvBNKq__brushColorPreview{border-radius:var(--radius-sm);border:1px solid var(--grey-2);cursor:pointer;width:24px;height:24px;transition:transform .1s,box-shadow .1s}.WhiteboardCanvas-module__qvBNKq__brushColorPreview:hover{transform:scale(1.1);box-shadow:0 2px 4px #0000001a}.WhiteboardCanvas-module__qvBNKq__brushSizeValue,.WhiteboardCanvas-module__qvBNKq__brushStyleValue{color:var(--foreground);min-width:40px;font-size:13px;font-weight:500}.WhiteboardCanvas-module__qvBNKq__brushSizeControl{border-radius:6px;align-items:center;padding:4px 8px;transition:background-color .15s;display:flex}.WhiteboardCanvas-module__qvBNKq__brushToolbarItem:hover .WhiteboardCanvas-module__qvBNKq__brushSizeControl{background-color:var(--grey-2)}.WhiteboardCanvas-module__qvBNKq__brushSizeSlider{width:0;height:4px;accent-color:var(--accent);cursor:pointer;opacity:0;margin-left:0;transition:width .2s,opacity .15s,margin-left .2s}.WhiteboardCanvas-module__qvBNKq__brushToolbarItem:hover .WhiteboardCanvas-module__qvBNKq__brushSizeSlider{opacity:1;width:80px;margin-left:8px;margin-right:12px}.WhiteboardCanvas-module__qvBNKq__curveOptions{border-radius:var(--radius-md);background:var(--grey-1);align-items:center;gap:4px;padding:2px;display:flex}.WhiteboardCanvas-module__qvBNKq__curveOptionButton{width:auto;min-width:58px;padding:0 10px;font-size:12px}.WhiteboardCanvas-module__qvBNKq__fontSelect{border:1px solid var(--grey-2);background-color:var(--panel-bg);color:var(--foreground);cursor:pointer;border-radius:6px;outline:none;min-width:100px;padding:4px 8px;font-size:13px}.WhiteboardCanvas-module__qvBNKq__fontSelect:hover{background-color:var(--grey-2)}.WhiteboardCanvas-module__qvBNKq__fontSelect:focus{border-color:var(--accent)}.WhiteboardCanvas-module__qvBNKq__richTextContainer p,.WhiteboardCanvas-module__qvBNKq__richTextContainer ul,.WhiteboardCanvas-module__qvBNKq__richTextContainer ol{margin-block:0;margin:0;padding:0}.WhiteboardCanvas-module__qvBNKq__richTextContainer .ProseMirror{outline:none;width:100%;min-height:100%}.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer{font-kerning:none;font-variant-ligatures:none;font-feature-settings:"kern" 0, "liga" 0, "clig" 0}.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer .ProseMirror{font-kerning:none;font-variant-ligatures:none;font-feature-settings:"kern" 0, "liga" 0, "clig" 0}.WhiteboardCanvas-module__qvBNKq__richTextContainer ul,.WhiteboardCanvas-module__qvBNKq__richTextContainer ol{padding-inline-start:1.5em}.WhiteboardCanvas-module__qvBNKq__richTextContainer li{margin:0}.WhiteboardCanvas-module__qvBNKq__richTextContainer u{text-decoration:none;position:relative}.WhiteboardCanvas-module__qvBNKq__richTextContainer u:after{content:"";border-bottom:.085em solid;position:absolute;bottom:.12em;left:0;right:0}.WhiteboardCanvas-module__qvBNKq__richTextContainer s,.WhiteboardCanvas-module__qvBNKq__richTextContainer strike,.WhiteboardCanvas-module__qvBNKq__richTextContainer del{text-decoration:none;position:relative}.WhiteboardCanvas-module__qvBNKq__richTextContainer s:after,.WhiteboardCanvas-module__qvBNKq__richTextContainer strike:after,.WhiteboardCanvas-module__qvBNKq__richTextContainer del:after{content:"";border-bottom:.085em solid;position:absolute;top:.71em;left:0;right:0}.WhiteboardCanvas-module__qvBNKq__richTextContainer [data-overline]{text-decoration:none;position:relative}.WhiteboardCanvas-module__qvBNKq__richTextContainer [data-overline]:after{content:"";border-top:.085em solid;position:absolute;top:.125em;left:0;right:0}.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer u{text-underline-offset:.12em;text-decoration-skip-ink:none;text-decoration-line:underline;text-decoration-thickness:.085em;position:static}.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer u:after{content:none}.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer s,.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer strike,.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer del{text-decoration-skip-ink:none;text-decoration-line:line-through;text-decoration-thickness:.085em;position:static}.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer s:after,.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer strike:after,.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer del:after{content:none}.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer [data-overline]{text-decoration-skip-ink:none;text-decoration-line:overline;text-decoration-thickness:.085em;position:static}.WhiteboardCanvas-module__qvBNKq__richTextEditorContainer [data-overline]:after{content:none}.WhiteboardCanvas-module__qvBNKq__formatButton{border-radius:var(--radius-md);width:28px;height:28px;color:var(--foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;transition:background-color .15s;display:flex}.WhiteboardCanvas-module__qvBNKq__formatButton:hover:not(:disabled){background:var(--hover-bg)}.WhiteboardCanvas-module__qvBNKq__formatButton:disabled{opacity:.4;cursor:not-allowed}.WhiteboardCanvas-module__qvBNKq__formatButtonActive{background:var(--grey-2);color:#fff}.WhiteboardCanvas-module__qvBNKq__formatSeparator{background:var(--grey-2);width:1px;height:20px;margin:0 4px}