.Toolbar-module__VaI4xq__toolbar{top:max(16px,calc(env(safe-area-inset-top) + 8px));left:calc(50% + ((var(--toolbar-left-reserve,0px) - var(--toolbar-right-reserve,0px))/2));width:max-content;max-width:calc(100vw - var(--toolbar-left-reserve,16px) - var(--toolbar-right-reserve,16px));z-index:100;-webkit-overflow-scrolling:touch;scrollbar-width:none;background-color:#fff;border-radius:12px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;min-width:0;padding:8px;display:flex;position:fixed;overflow:auto hidden;transform:translate(-50%);box-shadow:0 4px 12px #0000001a,0 1px 3px #0000000d}.Toolbar-module__VaI4xq__toolbar::-webkit-scrollbar{display:none}.Toolbar-module__VaI4xq__toolGroup{flex-shrink:0;gap:4px;display:flex}.Toolbar-module__VaI4xq__divider{background-color:#e5e7eb;flex-shrink:0;width:1px;height:24px;margin:0 4px}.Toolbar-module__VaI4xq__iconButton{cursor:pointer;color:#374151;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.Toolbar-module__VaI4xq__iconButton:hover{color:#111827;background-color:#f3f4f6}.Toolbar-module__VaI4xq__iconButton.Toolbar-module__VaI4xq__active{color:#4f46e5;background-color:#e0e7ff}.Toolbar-module__VaI4xq__colorPicker{color:#4b5563;align-items:center;gap:4px;margin-left:4px;font-size:12px;display:flex}.Toolbar-module__VaI4xq__colorInput{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;width:44px;height:44px;padding:0;overflow:hidden}.Toolbar-module__VaI4xq__colorInput::-webkit-color-swatch-wrapper{padding:0}.Toolbar-module__VaI4xq__colorInput::-webkit-color-swatch{border:none}@media (max-width:1200px){.Toolbar-module__VaI4xq__toolbar{gap:6px;min-width:0;padding:6px}.Toolbar-module__VaI4xq__iconButton{width:40px;height:40px}}@media (max-width:1024px){.Toolbar-module__VaI4xq__toolbar{top:auto;bottom:var(--bottom-toolbar-offset,max(16px,env(safe-area-inset-bottom)));z-index:200;border-radius:14px;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:max-content;min-width:0;max-width:calc(100vw - 32px);padding:6px;position:fixed;left:50%;overflow:auto hidden;transform:translate(-50%);box-shadow:0 6px 20px #0000001f}.Toolbar-module__VaI4xq__iconButton{width:40px;height:40px}.Toolbar-module__VaI4xq__divider{display:none}}@media (max-width:768px){.Toolbar-module__VaI4xq__toolbar{gap:4px;width:max-content;max-width:calc(100vw - 10px)}}@media (max-width:600px){.Toolbar-module__VaI4xq__toolbar{gap:4px;width:max-content;max-width:calc(100vw - 8px);padding:5px}.Toolbar-module__VaI4xq__iconButton{border-radius:6px;width:36px;height:36px}}
.UserMenu-module__pCivJG__userMenu{position:relative}.UserMenu-module__pCivJG__signInButton{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.UserMenu-module__pCivJG__signInButton:hover{background:#f9fafb;border-color:#d1d5db}.UserMenu-module__pCivJG__userButton{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex}.UserMenu-module__pCivJG__userButton:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.UserMenu-module__pCivJG__avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.UserMenu-module__pCivJG__dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:200px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001f}.UserMenu-module__pCivJG__userInfo{border-bottom:1px solid #e5e7eb;margin-bottom:8px;padding:8px}.UserMenu-module__pCivJG__userName{color:#1f2937;margin-bottom:4px;font-size:14px;font-weight:600}.UserMenu-module__pCivJG__userEmail{color:#6b7280;font-size:12px}.UserMenu-module__pCivJG__signOutButton{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.UserMenu-module__pCivJG__signOutButton:hover{background:#fef2f2}@media (max-width:768px){.UserMenu-module__pCivJG__signInButton{padding:6px 12px;font-size:13px}.UserMenu-module__pCivJG__userButton{width:36px;height:36px}}
.AuthModal-module__DLnrsa__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#0f172ab3;animation:.2s AuthModal-module__DLnrsa__fadeIn;position:fixed;inset:0}.AuthModal-module__DLnrsa__modal{z-index:9999;background:#fff;border-radius:20px;width:calc(100vw - 32px);max-width:440px;padding:32px 28px;animation:.3s AuthModal-module__DLnrsa__slideUp;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000004d}.AuthModal-module__DLnrsa__closeButton{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.AuthModal-module__DLnrsa__closeButton:hover{color:#111827;background:#f3f4f6}.AuthModal-module__DLnrsa__iconContainer{justify-content:center;margin-bottom:20px;display:flex}.AuthModal-module__DLnrsa__iconCircle{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.AuthModal-module__DLnrsa__title{color:#111827;text-align:center;margin:0 0 12px;font-size:24px;font-weight:700}.AuthModal-module__DLnrsa__message{color:#6b7280;text-align:center;margin:0 0 28px;font-size:16px;line-height:1.5}.AuthModal-module__DLnrsa__actions{flex-direction:column;gap:12px;display:flex}.AuthModal-module__DLnrsa__signInButton{color:#1f2937;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.AuthModal-module__DLnrsa__signInButton:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.AuthModal-module__DLnrsa__googleIcon{flex-shrink:0;width:24px;height:24px}.AuthModal-module__DLnrsa__cancelButton{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s}.AuthModal-module__DLnrsa__cancelButton:hover{color:#111827;background:#f3f4f6}.AuthModal-module__DLnrsa__note{color:#9ca3af;text-align:center;border-top:1px solid #e5e7eb;margin:20px 0 0;padding-top:20px;font-size:13px}@keyframes AuthModal-module__DLnrsa__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes AuthModal-module__DLnrsa__slideUp{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:480px){.AuthModal-module__DLnrsa__modal{border-radius:16px;padding:28px 24px}.AuthModal-module__DLnrsa__title{font-size:22px}.AuthModal-module__DLnrsa__message{margin-bottom:24px;font-size:15px}.AuthModal-module__DLnrsa__signInButton{padding:13px 20px;font-size:15px}.AuthModal-module__DLnrsa__iconCircle{width:64px;height:64px}}
.ExportModal-module__FYHWPq__overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.ExportModal-module__FYHWPq__modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:calc(100dvh - 24px);animation:.2s ease-out ExportModal-module__FYHWPq__slideUp;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}@keyframes ExportModal-module__FYHWPq__slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ExportModal-module__FYHWPq__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ExportModal-module__FYHWPq__title{color:#111827;margin:0;font-size:18px;font-weight:600}.ExportModal-module__FYHWPq__closeButton{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.ExportModal-module__FYHWPq__closeButton:hover{color:#111827;background-color:#f3f4f6}.ExportModal-module__FYHWPq__previewContainer{background-color:#f9fafb;justify-content:center;align-items:center;min-height:200px;padding:24px;display:flex}.ExportModal-module__FYHWPq__previewImage{object-fit:contain;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:100%;max-height:min(52vh,400px);box-shadow:0 4px 6px #0000000d}.ExportModal-module__FYHWPq__actions{border-top:1px solid #e5e7eb;gap:12px;padding:24px;display:flex}.ExportModal-module__FYHWPq__actionButton{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.ExportModal-module__FYHWPq__actionButton:hover{color:#111827;background-color:#f9fafb;border-color:#9ca3af}.ExportModal-module__FYHWPq__actionButton:first-child{color:#fff;background-color:#4f46e5;border-color:#4f46e5}.ExportModal-module__FYHWPq__actionButton:first-child:hover{background-color:#4338ca;border-color:#4338ca}@media (max-width:600px){.ExportModal-module__FYHWPq__modal{border-radius:10px;max-width:94vw}.ExportModal-module__FYHWPq__header{padding:12px 14px}.ExportModal-module__FYHWPq__title{font-size:16px}.ExportModal-module__FYHWPq__previewContainer{min-height:140px;padding:12px}.ExportModal-module__FYHWPq__previewImage{max-height:40vh}.ExportModal-module__FYHWPq__actions{flex-direction:column;gap:8px;padding:12px}.ExportModal-module__FYHWPq__actionButton{padding:10px 12px;font-size:13px}}@media (max-width:900px){.ExportModal-module__FYHWPq__modal{max-width:92vw}.ExportModal-module__FYHWPq__previewContainer{padding:16px}}@media (max-height:700px){.ExportModal-module__FYHWPq__previewContainer{min-height:110px;padding:10px}.ExportModal-module__FYHWPq__previewImage{max-height:32vh}}
.Whiteboard-module__RAb1fq__container{--ui-gap:clamp(10px,1.4vw,16px);--floating-top:max(92px,calc(env(safe-area-inset-top) + 84px));--boards-sidebar-width:clamp(280px,26vw,320px);--style-sidebar-width:clamp(272px,24vw,304px);--toolbar-left-reserve:calc(var(--ui-gap) + 52px);--toolbar-right-reserve:var(--ui-gap);--bottom-toolbar-offset:max(8px,env(safe-area-inset-bottom));--bottom-toolbar-height:64px;background-color:#f8f9fa;flex-direction:column;width:100dvw;height:100dvh;min-height:100vh;display:flex;position:relative;overflow:hidden}.Whiteboard-module__RAb1fq__withBoardsSidebar{--toolbar-left-reserve:calc(var(--ui-gap) + var(--boards-sidebar-width) + 14px)}.Whiteboard-module__RAb1fq__withStyleSidebar{--toolbar-right-reserve:var(--ui-gap)}.Whiteboard-module__RAb1fq__canvasContainer{flex:1;width:100%;min-width:0;height:100%;min-height:0;position:relative}.Whiteboard-module__RAb1fq__canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-pointer{cursor:default}.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-hand{cursor:grab}.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-rectangle,.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-pencil,.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-circle,.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-diamond,.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-rounded-rectangle,.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-arrow,.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-elbow-arrow{cursor:crosshair}.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-text{cursor:text}.Whiteboard-module__RAb1fq__canvas.Whiteboard-module__RAb1fq__tool-delete{cursor:not-allowed}.Whiteboard-module__RAb1fq__canvasZoomIn{cursor:zoom-in!important}.Whiteboard-module__RAb1fq__canvasZoomOut{cursor:zoom-out!important}.Whiteboard-module__RAb1fq__textInput{font-family:var(--font-lobster-two),cursive,sans-serif;color:#000;z-index:10;resize:none;white-space:pre;background:0 0;border:1px dashed #0d6efd;outline:none;margin:0;padding:0;font-size:16px;line-height:1;position:absolute;overflow:hidden}.Whiteboard-module__RAb1fq__zoomControls{bottom:max(16px,env(safe-area-inset-bottom));left:var(--ui-gap);z-index:100;background-color:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex;position:fixed;box-shadow:0 2px 8px #0000001a}.Whiteboard-module__RAb1fq__minimap{bottom:max(16px,env(safe-area-inset-bottom));right:var(--ui-gap);aspect-ratio:10/7;z-index:110;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #1118271f;border-radius:10px;width:clamp(140px,18vw,220px);height:auto;transition:none;position:fixed;overflow:hidden;box-shadow:0 8px 20px #0000001f}.Whiteboard-module__RAb1fq__minimapCanvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block}.Whiteboard-module__RAb1fq__zoomBtn{cursor:pointer;color:#4b5563;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.Whiteboard-module__RAb1fq__zoomBtn:hover{background-color:#f3f4f6}.Whiteboard-module__RAb1fq__zoomLevel{color:#374151;text-align:center;min-width:40px;font-size:12px;font-weight:500}.Whiteboard-module__RAb1fq__sidebarToggle{top:max(16px,calc(env(safe-area-inset-top) + 8px));left:var(--ui-gap);z-index:130;color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;box-shadow:0 2px 8px #00000014}.Whiteboard-module__RAb1fq__sidebarToggle:hover{background:#f9fafb}.Whiteboard-module__RAb1fq__userMenuContainer{top:max(16px,calc(env(safe-area-inset-top) + 8px));z-index:130;position:fixed;right:16px}.Whiteboard-module__RAb1fq__sharePopup{top:max(68px,calc(env(safe-area-inset-top) + 60px));right:var(--ui-gap);z-index:220;width:min(420px,calc(100vw - (var(--ui-gap)*2)));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #94a3b859;border-radius:16px;padding:14px;position:fixed;box-shadow:0 18px 40px #0f172a2e}.Whiteboard-module__RAb1fq__sharePopupHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.Whiteboard-module__RAb1fq__sharePopupEyebrow{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin:0 0 4px;font-size:11px;font-weight:700}.Whiteboard-module__RAb1fq__sharePopupTitle{color:#0f172a;margin:0;font-size:16px;font-weight:700}.Whiteboard-module__RAb1fq__sharePopupClose{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.Whiteboard-module__RAb1fq__sharePopupClose:hover{color:#0f172a;background:#e2e8f0}.Whiteboard-module__RAb1fq__sharePopupBody{align-items:center;gap:10px;display:flex}.Whiteboard-module__RAb1fq__sharePopupInput{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;flex:1;min-width:0;height:42px;padding:0 14px;font-size:13px}.Whiteboard-module__RAb1fq__sharePopupInput:focus{border-color:#60a5fa;outline:2px solid #2563eb33}.Whiteboard-module__RAb1fq__sharePopupCopyButton{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.Whiteboard-module__RAb1fq__sharePopupCopyButton:hover{background:#1d4ed8}.Whiteboard-module__RAb1fq__sidebarBackdrop{display:none}.Whiteboard-module__RAb1fq__sidebar{top:var(--floating-top);left:var(--ui-gap);z-index:120;width:var(--boards-sidebar-width);max-width:calc(100vw - (var(--ui-gap)*2));max-height:calc(100dvh - var(--floating-top) - var(--ui-gap));background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 24px #0000001f}.Whiteboard-module__RAb1fq__sidebarHeader{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.Whiteboard-module__RAb1fq__sidebarTitle{color:#111827;margin:0;font-size:14px;font-weight:600}.Whiteboard-module__RAb1fq__newBoardButton{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.Whiteboard-module__RAb1fq__newBoardButton:hover{background:#f9fafb}.Whiteboard-module__RAb1fq__sidebarSubheading{letter-spacing:.04em;text-transform:uppercase;color:#6b7280;padding:10px 12px 6px;font-size:11px}.Whiteboard-module__RAb1fq__historyList{flex-direction:column;gap:6px;min-height:0;padding:0 8px 10px;display:flex;overflow-y:auto}.Whiteboard-module__RAb1fq__historyItem{border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.Whiteboard-module__RAb1fq__historyItem:hover{background:#f9fafb}.Whiteboard-module__RAb1fq__historyItemActive{background:#eef2ff;border-color:#c7d2fe}.Whiteboard-module__RAb1fq__historyButton{text-align:left;color:#111827;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:13px;overflow:hidden}.Whiteboard-module__RAb1fq__historyButton:hover{background:#0000000a}.Whiteboard-module__RAb1fq__inlineAction{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.Whiteboard-module__RAb1fq__inlineAction:hover{color:#111827;background:#f3f4f6}.Whiteboard-module__RAb1fq__renameRow{align-items:center;gap:6px;width:100%;display:flex}.Whiteboard-module__RAb1fq__renameInput{color:#111827;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.Whiteboard-module__RAb1fq__renameInput:focus{border-color:#6366f1;outline:2px solid #c7d2fe}.Whiteboard-module__RAb1fq__styleSidebar{top:calc(var(--floating-top) + 60px);right:var(--ui-gap);z-index:120;width:var(--style-sidebar-width);max-width:calc(100vw - (var(--ui-gap)*2));max-height:calc(100dvh - var(--floating-top) - 120px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.Whiteboard-module__RAb1fq__styleSidebarHeader{color:#111827;font-size:18px;font-weight:700}.Whiteboard-module__RAb1fq__styleSection{flex-direction:column;gap:8px;display:flex}.Whiteboard-module__RAb1fq__styleLabel{color:#111827;margin:0;font-size:18px;font-weight:500}.Whiteboard-module__RAb1fq__swatchRow{flex-wrap:wrap;gap:8px;display:flex}.Whiteboard-module__RAb1fq__customColorRow{align-items:center;gap:8px;display:flex}.Whiteboard-module__RAb1fq__hiddenColorInput{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.Whiteboard-module__RAb1fq__moreColorButton{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.Whiteboard-module__RAb1fq__moreColorButton:hover{background:#f9fafb}.Whiteboard-module__RAb1fq__colorHex{color:#6b7280;min-width:70px;font-size:11px}.Whiteboard-module__RAb1fq__applyColorButton{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.Whiteboard-module__RAb1fq__applyColorButton:hover{background:#f9fafb}.Whiteboard-module__RAb1fq__applyColorButton:disabled{opacity:.45;cursor:not-allowed}.Whiteboard-module__RAb1fq__colorSwatch{cursor:pointer;border:1px solid #d1d5db;border-radius:8px;width:32px;height:32px;position:relative}.Whiteboard-module__RAb1fq__colorSwatchActive{border-color:#6366f1;box-shadow:0 0 0 2px #c7d2fe}.Whiteboard-module__RAb1fq__transparentSwatch{background-color:#fff;background-image:linear-gradient(45deg,#d1d5db 25%,#0000 25%),linear-gradient(-45deg,#d1d5db 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d1d5db 75%),linear-gradient(-45deg,#0000 75%,#d1d5db 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.Whiteboard-module__RAb1fq__optionRow{flex-wrap:wrap;gap:8px;display:flex}.Whiteboard-module__RAb1fq__styleOption{cursor:pointer;color:#111827;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:40px;display:flex}.Whiteboard-module__RAb1fq__styleOptionActive{background:#e0e7ff;border-color:#a5b4fc}.Whiteboard-module__RAb1fq__strokeWidthPreview{background:#1f2937;border-radius:999px;width:24px}.Whiteboard-module__RAb1fq__colorSwatch:disabled,.Whiteboard-module__RAb1fq__styleOption:disabled{opacity:.45;cursor:not-allowed}.Whiteboard-module__RAb1fq__styleHint{color:#6b7280;margin:4px 0 0;font-size:12px}@media (max-width:1200px){.Whiteboard-module__RAb1fq__container{--boards-sidebar-width:clamp(264px,28vw,300px);--style-sidebar-width:clamp(256px,25vw,288px)}}@media (max-width:1024px){.Whiteboard-module__RAb1fq__container{--ui-gap:10px;--boards-sidebar-width:min(320px,42vw);--style-sidebar-width:min(300px,38vw);--toolbar-left-reserve:12px;--toolbar-right-reserve:12px;--bottom-toolbar-offset:max(10px,env(safe-area-inset-bottom));--bottom-toolbar-height:64px}.Whiteboard-module__RAb1fq__withBoardsSidebar{--toolbar-left-reserve:12px}.Whiteboard-module__RAb1fq__withStyleSidebar{--toolbar-right-reserve:12px}.Whiteboard-module__RAb1fq__sidebarBackdrop{z-index:110;background:#0f172a14;border:none;padding:0;display:block;position:absolute;inset:0}.Whiteboard-module__RAb1fq__styleSidebar{width:auto;top:auto;left:10px;right:10px;bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 12px);z-index:210;border-radius:14px;max-height:min(42dvh,380px);position:fixed}.Whiteboard-module__RAb1fq__zoomControls{top:auto;left:auto;right:10px;bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 16px);z-index:190;position:fixed}.Whiteboard-module__RAb1fq__minimap{right:10px;bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 16px + 58px);z-index:150;width:clamp(120px,28vw,200px);position:fixed}.Whiteboard-module__RAb1fq__withStyleSidebar .Whiteboard-module__RAb1fq__minimap{bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 16px + 58px + min(42dvh,380px) + 12px)}}@media (max-width:900px){.Whiteboard-module__RAb1fq__container{--ui-gap:10px;--floating-top:max(56px,calc(env(safe-area-inset-top) + 48px));--boards-sidebar-width:clamp(280px,42vw,320px);--style-sidebar-width:clamp(260px,38vw,300px)}.Whiteboard-module__RAb1fq__sidebarToggle{top:max(8px,env(safe-area-inset-top));left:10px}.Whiteboard-module__RAb1fq__sidebar{max-width:calc(100vw - 20px);max-height:calc(100dvh - var(--floating-top) - 10px);left:10px}.Whiteboard-module__RAb1fq__styleSidebarHeader,.Whiteboard-module__RAb1fq__styleLabel{font-size:16px}.Whiteboard-module__RAb1fq__customColorRow{flex-wrap:wrap}}@media (max-width:768px){.Whiteboard-module__RAb1fq__container{--mobile-sidebar-top:max(52px,calc(env(safe-area-inset-top) + 44px));--toolbar-left-reserve:10px;--toolbar-right-reserve:10px}.Whiteboard-module__RAb1fq__sidebar{top:var(--mobile-sidebar-top);width:min(78vw,340px);max-width:calc(100dvw - 10px);height:calc(100dvh - var(--mobile-sidebar-top));max-height:calc(100dvh - var(--mobile-sidebar-top));border-radius:0 16px 16px 0;bottom:0;left:0;right:auto}.Whiteboard-module__RAb1fq__styleSidebar{width:auto;left:8px;right:8px;bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 8px);border-radius:12px;max-height:min(40dvh,360px)}.Whiteboard-module__RAb1fq__sharePopup{width:auto;left:8px;right:8px;top:max(54px,calc(env(safe-area-inset-top) + 46px))}.Whiteboard-module__RAb1fq__sharePopupBody{flex-direction:column;align-items:stretch}.Whiteboard-module__RAb1fq__sharePopupCopyButton{justify-content:center}.Whiteboard-module__RAb1fq__zoomControls{top:auto;left:auto;right:8px;bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 14px);gap:6px;padding:6px}.Whiteboard-module__RAb1fq__minimap{right:8px;bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 14px + 54px);width:clamp(110px,34vw,180px)}.Whiteboard-module__RAb1fq__withStyleSidebar .Whiteboard-module__RAb1fq__minimap{bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 14px + 54px + min(40dvh,360px) + 8px)}}@media (max-width:600px){.Whiteboard-module__RAb1fq__container{--bottom-toolbar-height:60px}.Whiteboard-module__RAb1fq__sidebarToggle{border-radius:8px;width:36px;height:36px}.Whiteboard-module__RAb1fq__sidebar{width:min(82vw,320px);max-width:calc(100dvw - 8px)}.Whiteboard-module__RAb1fq__sidebarHeader{padding:10px}.Whiteboard-module__RAb1fq__historyButton{padding:7px;font-size:12px}.Whiteboard-module__RAb1fq__styleSidebar{left:8px;right:8px;bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 8px);gap:10px;max-height:min(38dvh,320px);padding:10px}.Whiteboard-module__RAb1fq__swatchRow{gap:6px}.Whiteboard-module__RAb1fq__colorSwatch{width:30px;height:30px}.Whiteboard-module__RAb1fq__optionRow{gap:6px}.Whiteboard-module__RAb1fq__styleOption{width:48px;height:36px}.Whiteboard-module__RAb1fq__moreColorButton,.Whiteboard-module__RAb1fq__applyColorButton{padding:6px 9px;font-size:11px}.Whiteboard-module__RAb1fq__colorHex{min-width:64px;font-size:10px}.Whiteboard-module__RAb1fq__zoomControls{left:auto;right:8px;bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 12px);gap:6px;padding:6px}.Whiteboard-module__RAb1fq__minimap{right:8px;bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 12px + 52px);border-radius:9px;width:clamp(104px,38vw,160px)}.Whiteboard-module__RAb1fq__withStyleSidebar .Whiteboard-module__RAb1fq__minimap{bottom:calc(var(--bottom-toolbar-offset) + var(--bottom-toolbar-height) + 12px + 52px + min(38dvh,320px) + 8px)}.Whiteboard-module__RAb1fq__zoomBtn{width:26px;height:26px}}@media (max-width:480px){.Whiteboard-module__RAb1fq__minimap{display:none}}@media (max-width:420px){.Whiteboard-module__RAb1fq__sidebar{width:min(86vw,300px)}}@media (max-height:760px) and (min-width:769px){.Whiteboard-module__RAb1fq__container{--floating-top:max(56px,calc(env(safe-area-inset-top) + 48px))}.Whiteboard-module__RAb1fq__sidebar,.Whiteboard-module__RAb1fq__styleSidebar{max-height:calc(100dvh - var(--floating-top) - 10px)}}