@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/scribble/assets/kalam-latin-400-normal-BthBl_aR.woff2) format("woff2"),url(/scribble/assets/kalam-latin-400-normal-Bl-H2BUA.woff) format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/scribble/assets/kalam-latin-700-normal-D2H-9ISU.woff2) format("woff2"),url(/scribble/assets/kalam-latin-700-normal-7TSuSrjP.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:300 900;src:url(/scribble/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2")}:root{--font-ui: Figtree, ui-sans-serif, system-ui, sans-serif;--font-hand: Kalam, "Segoe Print", "Bradley Hand", cursive;--text-12: 12px;--text-13: 13px;--text-14: 14px;--text-16: 16px;--hand-18: 18px;--hand-24: 24px;--leading-ui: 1.45;--leading-hand: 1.25;--leading-control: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-strong: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--control: 40px;--control-sm: 32px;--control-md: 36px;--icon: 20px;--icon-stroke: 1.5px;--top-bar: 56px;--focus-width: 2px;--focus-offset: 2px;--disabled-opacity: .55;--radius-control: 8px;--pad-surface: 6px;--border-surface: 1px;--radius-surface: calc(var(--radius-control) + var(--pad-surface) + var(--border-surface));--radius-dialog: 14px;--radius-note: 4px;--radius-frame: 6px;--radius-tooltip: 6px;--selection-gap: 4px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--dur-press: .16s;--dur-hover: .12s;--dur-tooltip: 125ms;--dur-popover: .2s;--dur-notice: .18s;--dur-dialog: .25s;--dur-drawer: .3s;--dur-icon-swap: .2s;--tooltip-delay: .35s;--paper: #f1f1ec;--paper-raised: #fbfbf8;--paper-sunk: #e6e6df;--ink: #2a2b2e;--ink-2: #56585c;--ink-3: #66686d;--line: #3a3b3f;--line-soft: rgb(42 43 46 / .14);--line-frame: rgb(42 43 46 / .32);--accent: #3457d5;--accent-hover: #2946b8;--accent-ink: #ffffff;--accent-soft: #dce4fb;--tape: rgb(231 198 107 / .72);--backdrop: rgb(30 31 34 / .36);--tooltip-bg: #2a2b2e;--tooltip-ink: #fbfbf8;--photo-paper: #ffffff;--image-outline: oklch(0 0 0 / .1);--danger: #a23b33;--danger-soft: #f7e3e0;--warning: #805d15;--pencil-graphite: #2a2b2e;--pencil-cobalt: #3457d5;--pencil-vermilion: #c8442c;--pencil-moss: #4f7a3a;--pencil-ochre: #b98222;--note-yellow: #fbe7a1;--note-yellow-ink: #4d3c06;--note-blue: #cfe0ff;--note-blue-ink: #1c2c66;--note-pink: #f8d3dc;--note-pink-ink: #6b1f33;--note-green: #d3ebcf;--note-green-ink: #1f4a24;--ink-old-black: #252622;--ink-old-gray: #3f413d;--swatch-check-dark: #252622;--paper-shadow: rgb(42 43 46 / .16);--shadow-paper: 2px 3px 0 var(--paper-shadow);--shadow-lifted: 3px 4px 0 var(--paper-shadow), 0 18px 40px -16px rgb(42 43 46 / .28);--tooth: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--tooth-opacity: .07;--spiral: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24'%3E%3Ccircle cx='6' cy='13' r='2.6' fill='%23c9c8c0'/%3E%3Cpath d='M6 13C6 5 18 4 18 10' fill='none' stroke='%237c7b76' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}:root[data-theme=dark]{--paper: #161618;--paper-raised: #1f1f22;--paper-sunk: #2a2a2e;--ink: #ecebe6;--ink-2: #b9b8b2;--ink-3: #8f8e89;--line: rgb(236 235 230 / .42);--line-soft: rgb(236 235 230 / .12);--line-frame: rgb(236 235 230 / .3);--accent: #8ca4ff;--accent-hover: #a5b8ff;--accent-ink: #10183a;--accent-soft: #2a3159;--tape: rgb(231 198 107 / .5);--backdrop: rgb(0 0 0 / .55);--tooltip-bg: #ecebe6;--tooltip-ink: #161618;--photo-paper: #2a2a2e;--image-outline: oklch(1 0 0 / .1);--danger: #f0a39b;--danger-soft: #3d2422;--warning: #edcd84;--pencil-graphite: #ecebe6;--pencil-cobalt: #8ca4ff;--pencil-vermilion: #f08a72;--pencil-moss: #9bcf86;--pencil-ochre: #ecc06a;--note-yellow: #f2d477;--note-yellow-ink: #3a2c05;--note-blue: #8ca4ff;--note-blue-ink: #141d40;--note-pink: #f2a7bc;--note-pink-ink: #4a1222;--note-green: #a6d9a0;--note-green-ink: #16351a;--ink-old-black: #eceee8;--ink-old-gray: #c8cbc4;--paper-shadow: rgb(0 0 0 / .55);--shadow-lifted: 3px 4px 0 var(--paper-shadow), 0 18px 40px -16px rgb(0 0 0 / .6);--tooth: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--tooth-opacity: .05;--spiral: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24'%3E%3Ccircle cx='6' cy='13' r='2.6' fill='%230b0b0c'/%3E%3Cpath d='M6 13C6 5 18 4 18 10' fill='none' stroke='%238a8984' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}@media(max-width:767px),(pointer:coarse){:root{--control: 44px;--control-sm: 40px;--control-md: 44px}}.theme-switching,.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition:none!important}:root{font-family:var(--font-ui);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:var(--paper)}input,select,textarea{font:inherit}:where(button){margin:0;padding:0;border:0;border-radius:var(--radius-control);color:inherit;background-color:transparent;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition-property:background-color,color,transform;transition-duration:var(--dur-hover),var(--dur-hover),var(--dur-press);transition-timing-function:ease,ease,var(--ease-out)}:where(button:disabled){cursor:default}@media(prefers-reduced-motion:no-preference){:where(button:not(:disabled,[aria-disabled=true]):active:not(.world-layer *)){transform:scale(.97)}}.tool-dock,.history-controls,.zoom-controls,.tool-options,.mobile-selection-actions,.popup-menu,.board-notice,.canvas-notice,.image-drop-indicator span{border:var(--border-surface) solid var(--line);border-radius:var(--radius-surface);background:var(--paper-raised);box-shadow:var(--shadow-paper)}:is(.ui-button:where(:not(.tool-button)),.top-bar button,.board-notice button,.app-dialog:where(:not(.page-sidebar)) button,.workspace-gate button,.popup-menu button){min-height:var(--control-md);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-control);color:var(--ink);background-color:transparent;font:inherit;font-size:var(--text-13);line-height:var(--leading-control);cursor:pointer}:is(.ui-button:where(:not(.tool-button)),.top-bar button,.board-notice button,.app-dialog:where(:not(.page-sidebar)) button,.workspace-gate button,.popup-menu button):is(:disabled,[aria-disabled=true]){opacity:var(--disabled-opacity);cursor:default}:is(.ui-button,.top-bar button,.app-dialog button).primary-action{color:var(--accent-ink);background-color:var(--accent);font-weight:var(--weight-strong)}:is(.ui-button,.app-dialog button,.popup-menu button).danger-action{color:var(--danger)}@media(hover:hover){:is(.ui-button:where(:not(.tool-button)),.top-bar button,.board-notice button,.app-dialog:where(:not(.page-sidebar)) button,.workspace-gate button,.popup-menu button):hover:not(:disabled):not([aria-disabled=true]){background-color:var(--paper-sunk)}:is(.ui-button,.top-bar button,.app-dialog button).primary-action:hover:not(:disabled){background-color:var(--accent-hover)}:is(.ui-button,.app-dialog button,.popup-menu button).danger-action:hover:not(:disabled){background-color:var(--danger-soft)}}:is(.dialog-field input,.dialog-field select,.dialog-field textarea,.share-dialog input,.share-dialog select,.sidebar-search input,.page-rename){min-width:0;width:100%;min-height:var(--control-md);padding:var(--space-2) var(--space-3);border:1px solid var(--line-frame);border-radius:var(--radius-control);color:var(--ink);background:var(--paper-raised);font:inherit;font-size:var(--text-13);line-height:var(--leading-control)}:is(.dialog-field input,.dialog-field textarea,.sidebar-search input)::placeholder{color:var(--ink-3);opacity:1}:is(.dialog-field input,.dialog-field select,.dialog-field textarea,.share-dialog input,.share-dialog select,.sidebar-search input,.page-rename):disabled{opacity:var(--disabled-opacity);cursor:default}:is(.ui-button,.top-bar,.board-notice,.app-dialog,.page-sidebar,.workspace-gate,.toolbar-area,.tool-options,.canvas-controls,.popup-menu) :is(button,input,select,textarea,a[href],summary):focus-visible,.ui-button:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}:is(.popup-menu,.tool-options,.mobile-selection-actions) button:focus-visible{outline-offset:calc(-1 * var(--focus-width))}.sk-icon{flex-shrink:0;stroke-width:var(--icon-stroke)}.sk-icon path{vector-effect:non-scaling-stroke}:is(.ui-button:where(:not(.tool-button)),.top-bar button,.app-dialog:where(:not(.page-sidebar)) button,.popup-menu button) svg{flex:none;width:var(--icon);height:var(--icon)}:is(.app-dialog,.page-sidebar,.workspace-gate) [role=alert]{color:var(--danger)}@media(prefers-reduced-motion:reduce){button.ui-button,:is(.top-bar,.board-notice,.app-dialog,.page-sidebar,.workspace-gate,.toolbar-area,.tool-options,.canvas-controls) :is(button,input,select,textarea,a[href],summary,.tool-tooltip){transition:none;animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.icon-button svg{width:var(--icon);height:var(--icon)}.icon-button{display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;cursor:pointer}@media(hover:hover){.icon-button:hover:not(:disabled){background:var(--paper-sunk)}}.icon-button:disabled{color:var(--ink-3);cursor:default;opacity:.65}@media(pointer:coarse){.icon-button{min-width:44px;min-height:44px}}.menu-root{position:relative;flex:none}.popup-menu{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:12;display:grid;min-width:220px;max-width:min(300px,calc(100vw - 32px));max-height:calc(var(--visual-height, 100dvh) - var(--frame-top) - 24px);padding:var(--pad-surface);overflow-y:auto;overscroll-behavior:contain;color:var(--ink);font-size:var(--text-14);line-height:var(--leading-ui)}.popup-menu>:is(strong,span){padding:var(--space-2) var(--space-3) 0 calc(var(--space-3) - 2px);overflow-wrap:anywhere}.popup-menu>.menu-email{padding-top:0;padding-bottom:var(--space-2);color:var(--ink-3);font-size:var(--text-12)}.popup-menu>button{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control);padding:0 var(--space-3) 0 calc(var(--space-3) - 2px);color:var(--ink);font-size:var(--text-14);text-align:left}.popup-menu>button svg{color:var(--ink-2)}.app-dialog{top:calc(var(--visual-top, 0px) + var(--visual-height, 100dvh) / 2);bottom:auto;width:min(440px,calc(100% - 2 * var(--space-4)));max-height:calc(var(--visual-height, 100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:0 auto;padding:var(--space-5);overflow:auto;overscroll-behavior:contain;transform:translateY(-50%);color:var(--ink);background:var(--paper-raised);font-size:var(--text-14);line-height:var(--leading-ui)}.app-dialog:where(:not(.page-sidebar)){border:var(--border-surface) solid var(--line);border-radius:var(--radius-dialog);box-shadow:var(--shadow-lifted);transition:opacity var(--dur-dialog) var(--ease-out),transform var(--dur-dialog) var(--ease-out)}.app-dialog::backdrop{background:var(--backdrop)}.app-dialog:where(:not(.page-sidebar))::backdrop{transition:opacity var(--dur-dialog) var(--ease-out)}@starting-style{.app-dialog:where(:not(.page-sidebar))[open]{opacity:0;transform:translateY(-50%) scale(.96)}.app-dialog:where(:not(.page-sidebar))[open]::backdrop{opacity:0}}@media(prefers-reduced-motion:reduce){.app-dialog:where(:not(.page-sidebar)){transition-property:opacity}@starting-style{.app-dialog:where(:not(.page-sidebar))[open]{transform:translateY(-50%)}}}.dialog-heading{position:sticky;top:calc(-1 * var(--space-5));z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) var(--space-3) 0;padding-block:var(--space-2);background:var(--paper-raised)}.dialog-heading h2{margin:0;font:700 var(--hand-24) / var(--leading-hand) var(--font-hand);overflow-wrap:anywhere}.app-dialog:where(:not(.page-sidebar)) .dialog-heading .icon-button{flex:none;width:var(--control);min-width:var(--control);height:var(--control);padding:0;color:var(--ink-2)}.app-dialog p{line-height:var(--leading-ui);color:var(--ink-2)}.app-dialog h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-14);font-weight:var(--weight-strong)}.app-dialog [role=alert]{padding:var(--space-3);border-radius:var(--radius-control);color:var(--danger);background:var(--danger-soft);overflow-wrap:anywhere}.app-dialog:where(:not(.page-sidebar)) button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-14)}.app-dialog button.primary-action{font-weight:var(--weight-medium);box-shadow:1px 2px 0 var(--paper-shadow)}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0}.dialog-actions .primary-action{margin-right:auto}.dialog-actions:empty{display:none}.dialog-footnote{padding:var(--space-3);border-radius:var(--radius-control);background:var(--paper);font-size:var(--text-12)}.dialog-field{display:grid;gap:var(--space-2);margin:var(--space-4) 0;color:var(--ink-2)}.dialog-field-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-3)}.dialog-field-row select{width:auto;min-height:var(--control-sm);padding-block:0}:is(.dialog-field,.share-dialog) :is(input,select,textarea){border:1px solid var(--line-frame);border-radius:var(--radius-control);background:var(--paper);color:var(--ink)}@media(max-width:767px){.app-dialog{padding:var(--space-4)}.app-dialog .dialog-heading{top:calc(-1 * var(--space-4))}}.app-shell{--workspace-sidebar-width: 252px;--frame-top: calc(var(--top-bar) + env(safe-area-inset-top));position:relative;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;color:var(--ink);background:var(--paper)}.app-body{position:relative;display:flex;flex:1;min-height:0}.canvas-area{position:relative;flex:1;min-width:0}#canvas-editor{width:100%;height:100%}.workspace-gate{position:absolute;inset:var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--ink-2);text-align:center}.workspace-gate p{max-width:28ch;margin:0;font:var(--weight-regular) var(--hand-24) / var(--leading-hand) var(--font-hand)}.workspace-gate .primary-action{box-shadow:1px 2px 0 var(--paper-shadow)}.top-bar{position:relative;z-index:10;display:flex;flex:none;align-items:center;gap:var(--space-2);height:var(--frame-top);padding:env(safe-area-inset-top) calc(var(--space-3) + env(safe-area-inset-right)) 0 calc(var(--space-2) + env(safe-area-inset-left));background:var(--paper-raised);border-bottom:1px solid var(--line-soft);font-size:var(--text-14)}.top-bar-brand{flex:none;padding:0 var(--space-1);color:var(--accent);font:var(--weight-strong) var(--hand-24) / 1 var(--font-hand)}.top-bar-divider{flex:none;width:1px;height:24px;background:var(--line-soft)}.top-bar-end{display:flex;flex:none;align-items:center;gap:var(--space-2);margin-left:auto}.top-bar-end .popup-menu{left:auto;right:0}.top-bar button{font-size:var(--text-14)}.top-bar .account-trigger:not(.avatar-trigger){min-height:var(--control-sm);padding-block:0}.top-bar .icon-button{flex:none;width:var(--control);min-width:var(--control);height:var(--control);padding:0;color:var(--ink-2)}.top-bar .share-button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);padding:0 var(--space-3) 0 calc(var(--space-3) - 2px);font-weight:var(--weight-medium);box-shadow:1px 2px 0 var(--paper-shadow)}.top-bar .board-notice{top:calc(100% + var(--space-4));inset-inline:var(--space-4);max-width:480px;max-height:40dvh}@media(max-width:767px){.top-bar .board-notice{position:fixed;top:auto;bottom:calc(var(--dock-bottom) + var(--dock-size) + var(--space-2));inset-inline:calc(var(--space-3) + env(safe-area-inset-left)) calc(var(--space-3) + env(safe-area-inset-right))}}.board-identity{display:flex;align-items:center;gap:var(--space-2);min-width:0}.board-title-input{min-width:0;max-width:100%;height:var(--control);margin:0;padding:0 var(--space-1);border:1px solid transparent;border-radius:var(--radius-control);outline:0;color:var(--ink);background:transparent;font:var(--weight-regular) var(--hand-24) / 1 var(--font-hand);text-overflow:ellipsis}@media(hover:hover){.board-title-input:hover:not(:disabled){background:var(--paper-sunk)}}.board-title-input:focus{border-color:var(--accent);background:var(--paper);text-overflow:clip}.board-title-input:disabled{color:var(--ink)}.board-location{flex:none;color:var(--ink-3);font-size:var(--text-12);white-space:nowrap}.top-bar .save-status{display:inline-flex;flex:none;align-items:center;gap:var(--space-1);min-height:var(--control-sm);padding:0 var(--space-2);color:var(--ink-3);font-size:var(--text-12);white-space:nowrap}.top-bar .save-status svg{width:16px;height:16px}.top-bar .save-status[data-attention=true]{color:var(--danger)}.avatar{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--paper-raised);background:var(--note-blue);color:var(--note-blue-ink);font:var(--weight-strong) var(--text-12) / 1 var(--font-ui)}.avatar[data-color=yellow]{background:var(--note-yellow);color:var(--note-yellow-ink)}.avatar[data-color=pink]{background:var(--note-pink);color:var(--note-pink-ink)}.avatar[data-color=green]{background:var(--note-green);color:var(--note-green-ink)}.avatar[data-color=more]{background:var(--paper-sunk);color:var(--ink-2)}.collaboration-summary{display:flex;align-items:center;color:var(--ink-3)}.collaboration-summary .avatar+.avatar{margin-left:-8px}.top-bar button.collaboration-summary{min-height:var(--control);padding:0 var(--space-1)}.account-control .account-trigger{display:flex;align-items:center;gap:var(--space-2)}.account-control .avatar-trigger{min-width:var(--control);padding:var(--space-1);border-radius:50%}.account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sign-in-short{display:none}.top-bar-account:empty{display:none}.top-bar-account .popup-menu{left:auto;right:0}.theme-swap{display:grid}.theme-swap>*{grid-area:1 / 1}.theme-swap[data-show=light]>:last-child,.theme-swap[data-show=dark]>:first-child{opacity:0;transform:scale(.25);filter:blur(4px)}@media(prefers-reduced-motion:no-preference){.theme-swap>*,.theme-switching .theme-swap>*{transition-property:opacity,transform,filter!important;transition-duration:var(--dur-icon-swap)!important;transition-timing-function:ease!important}}.page-sidebar{position:relative;z-index:2;flex:none;display:flex;flex-direction:column;gap:var(--space-2);width:var(--workspace-sidebar-width);padding:var(--space-4) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom)) env(safe-area-inset-left);color:var(--ink);background:var(--paper-raised);border-right:1px solid var(--line-soft);font:var(--weight-regular) var(--text-14) / var(--leading-ui) var(--font-ui)}.sidebar-spiral{position:absolute;top:var(--space-3);bottom:var(--space-3);right:-12px;width:22px;background:var(--spiral) repeat-y;pointer-events:none}.page-sidebar :is(.sidebar-icon-button,.dialog-heading .icon-button){display:inline-grid;place-items:center;flex:none;width:var(--control);min-width:var(--control);height:var(--control);min-height:0;padding:0;border:0;color:var(--ink-2);background-color:transparent}.page-sidebar .page-actions .sidebar-icon-button{width:var(--control-sm);min-width:var(--control-sm);height:var(--control-sm)}.page-sidebar .new-page{display:inline-flex;flex:none;align-self:flex-start;align-items:center;gap:var(--space-2);min-height:var(--control-sm);margin-left:var(--space-3);padding:0 var(--space-3) 0 calc(var(--space-3) - 2px);color:var(--ink-2);font-weight:var(--weight-medium);--icon-stroke: 2px}.sidebar-search{position:relative;flex:none;margin-left:var(--space-4)}.sidebar-search svg{position:absolute;top:50%;left:var(--space-2);transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.page-sidebar .sidebar-search input{min-height:var(--control-sm);padding:0 var(--space-2) 0 32px;border-color:transparent;background:var(--paper-sunk);font-size:var(--text-14)}.page-sidebar .sidebar-search input:focus{border-color:var(--accent);background:var(--paper)}.sidebar-pages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.sidebar-caption{margin:var(--space-2) 0 var(--space-2) var(--space-4);color:var(--ink-3);font-size:var(--text-12);font-weight:var(--weight-strong)}.page-sidebar section+section .sidebar-caption{margin-top:var(--space-4)}.sidebar-message{margin:var(--space-2) 0 var(--space-2) var(--space-4);color:var(--ink-3)}.sidebar-message button{margin-left:var(--space-1);padding:0 var(--space-1);color:var(--accent);font-weight:var(--weight-medium);text-decoration:underline}.page-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.page-row{--page-actions-width: 0px;position:relative;display:flex;align-items:center}.page-row[data-actions="1"]{--page-actions-width: calc(var(--control-sm) + var(--space-1))}.page-row[data-actions="2"]{--page-actions-width: calc(2 * var(--control-sm) + var(--space-1))}.page-open{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;min-height:var(--control);padding:0 var(--space-3) 0 0;border-radius:0 var(--radius-control) var(--radius-control) 0;color:var(--ink-2);text-align:left;font:var(--weight-regular) var(--hand-18) / var(--leading-hand) var(--font-hand)}.page-open[aria-current=page]{color:var(--ink);background-color:var(--accent-soft);font-weight:700}.page-ribbon{flex:none;align-self:stretch;width:10px;margin-left:var(--space-3)}.page-open[aria-current=page] .page-ribbon{margin-top:-6px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.page-name{display:grid;min-width:0;padding-block:var(--space-1)}.page-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-name small{color:var(--ink-3);font:var(--weight-regular) var(--text-12) / var(--leading-ui) var(--font-ui)}.page-rename{flex:1;margin-left:var(--space-3);font:var(--weight-regular) var(--hand-18) / var(--leading-hand) var(--font-hand)}.page-actions{position:absolute;right:var(--space-1);display:flex;opacity:0}.page-row:focus-within .page-actions{opacity:1}.page-row:focus-within .page-open{padding-right:var(--page-actions-width)}.sidebar-footer{flex:none;display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);padding:var(--space-3) 0 0 var(--space-3);border-top:1px solid var(--line-soft)}.sidebar-account{flex:1;min-width:0}.sidebar-utilities{display:flex;flex:none}.page-sidebar .sidebar-account-trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;min-height:var(--control);padding:var(--space-1);border:0;text-align:left;font-size:var(--text-14)}.account-text{display:grid;min-width:0}.account-text .account-name{color:var(--ink);font-weight:var(--weight-medium)}.account-text small{color:var(--ink-3);font-size:var(--text-12)}.sidebar-account .popup-menu{top:auto;bottom:calc(100% + 6px);left:0;right:auto;max-height:calc(var(--visual-height, 100dvh) - 80px)}@media(hover:hover){.page-sidebar :is(.sidebar-icon-button,.dialog-heading .icon-button,.new-page):hover,.page-open:not([aria-current=page]):hover{color:var(--ink);background-color:var(--paper-sunk)}.page-row:hover .page-actions{opacity:1}.page-row:hover .page-open{padding-right:var(--page-actions-width)}}@media(hover:none){.page-actions{opacity:1}.page-open{padding-right:var(--page-actions-width)}}.page-sidebar-mobile.app-dialog{position:fixed;inset:var(--visual-top, 0px) auto auto 0;width:min(300px,86vw);max-width:none;height:var(--visual-height, 100dvh);max-height:none;margin:0;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom)) env(safe-area-inset-left);overflow:visible;transform:none;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;transition:transform var(--dur-drawer) var(--ease-drawer),opacity var(--dur-drawer) var(--ease-drawer)}.page-sidebar-mobile:not([open]){display:none}.page-sidebar-mobile::backdrop{transition:opacity var(--dur-drawer) var(--ease-drawer)}@starting-style{.page-sidebar-mobile[open]{transform:translate(-100%)}.page-sidebar-mobile[open]::backdrop{opacity:0}}@media(prefers-reduced-motion:reduce){.page-sidebar-mobile.app-dialog{transition:opacity var(--dur-drawer) var(--ease-drawer)}@starting-style{.page-sidebar-mobile[open]{transform:none;opacity:0}}}.page-sidebar-mobile .dialog-heading{flex:none;justify-content:flex-end;margin:0;padding:0;background:none}.page-sidebar-mobile .dialog-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.save-facts{margin:0}.save-facts>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line-soft)}.save-facts>div:last-child{border-bottom:0}.save-facts dt{font-weight:var(--weight-medium)}.save-facts dd{margin:0;color:var(--ink-2);overflow-wrap:anywhere}.shortcut-list{display:grid;margin:0}.shortcut-list>div{display:grid;grid-template-columns:136px minmax(0,1fr);gap:var(--space-3);padding:var(--space-1) 0}.shortcut-list dt{color:var(--ink-3);white-space:nowrap}.shortcut-list dd{margin:0;color:var(--ink-2)}.shortcut-list kbd{display:inline-block;min-width:22px;padding:0 var(--space-1);border:1px solid var(--line-frame);border-radius:var(--radius-tooltip);background:var(--paper);color:var(--ink);font:var(--weight-medium) var(--text-12) / 20px var(--font-ui);text-align:center}.people-list{display:grid;gap:var(--space-2);margin:0 0 var(--space-5);padding:0;list-style:none}.people-list:last-child{margin-bottom:0}.person{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control)}.person-name{display:grid;flex:1;min-width:0}.person-name>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-name small,.person-role{color:var(--ink-3);font-size:var(--text-12)}.share-dialog :is(.person,.share-link) :is(select,button){flex:none;width:auto;min-height:var(--control-sm);padding-block:0}.share-link{display:flex;gap:var(--space-2);margin:0 0 var(--space-3)}.share-link input{flex:1;min-width:0;min-height:var(--control-sm);padding-block:0;color:var(--ink-2)}.share-dialog .danger-action{padding-inline:var(--space-3)}.transfer-choice{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3);margin-block:var(--space-3);border-radius:var(--radius-control);background:var(--paper);cursor:pointer}.transfer-choice input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--accent)}:is(.board-notice,.canvas-notice){position:absolute;z-index:8;display:flex;align-items:center;gap:var(--space-2);width:fit-content;max-height:40%;margin-inline:auto;padding:var(--pad-surface) var(--pad-surface) var(--pad-surface) var(--space-3);overflow:auto;overscroll-behavior:contain;color:var(--ink);font-size:var(--text-14);line-height:var(--leading-ui);transition:opacity var(--dur-notice) var(--ease-out),transform var(--dur-notice) var(--ease-out)}@starting-style{:is(.board-notice,.canvas-notice){opacity:0;transform:translateY(-4px)}}:is(.board-notice,.canvas-notice)>[role]{flex:1 1 auto;min-width:0;padding-block:var(--space-1);overflow-wrap:anywhere}.board-notice>button{flex:none}.board-notice>.sk-icon{color:var(--warning)}:is(.board-notice[data-tone=error],.canvas-notice)>.sk-icon{color:var(--danger)}.board-notice button{font-weight:var(--weight-medium)}.board-notice .icon-button{flex:none;width:var(--control-sm);min-height:var(--control-sm);height:var(--control-sm);padding:0;color:var(--ink-2)}.board-notice .icon-button svg{--icon-stroke: 2px}.canvas-notice{padding-right:var(--space-3);pointer-events:none}@media(prefers-reduced-motion:reduce){:is(.board-notice,.canvas-notice){transition-property:opacity}@starting-style{:is(.board-notice,.canvas-notice){transform:none}}}.canvas-area :is(.board-notice,.canvas-notice){top:var(--space-4);inset-inline:calc(var(--dock-left) + var(--dock-size) + var(--space-2));max-width:480px}.canvas-area .canvas-notice{top:calc(var(--space-4) + var(--notice-space, 0px))}@media(min-width:768px){.app-shell:has(.tool-options) .canvas-area :is(.board-notice,.canvas-notice){left:calc(var(--dock-left) + var(--dock-size) + var(--space-2) + 304px + var(--space-4));right:var(--space-4)}}@media(min-width:768px)and (min-height:501px){.app-shell:has(.tool-options) .canvas-area :is(.board-notice,.canvas-notice){left:calc(var(--dock-left) + var(--dock-size) + var(--space-2) + 240px + var(--space-4))}}@media(max-width:767px){.canvas-area :is(.board-notice,.canvas-notice){top:auto;bottom:calc(var(--dock-bottom) + var(--dock-size) + var(--space-2));inset-inline:calc(var(--space-3) + env(safe-area-inset-left)) calc(var(--space-3) + env(safe-area-inset-right))}.canvas-area .canvas-notice{top:auto;bottom:calc(var(--dock-bottom) + var(--dock-size) + var(--space-2) + var(--notice-space, 0px))}}@media(max-width:767px){.top-bar{gap:var(--space-1);padding-inline:calc(var(--space-1) + env(safe-area-inset-left)) calc(var(--space-2) + env(safe-area-inset-right))}.top-bar-end{gap:var(--space-1)}.top-bar-brand,.top-bar-divider,.top-bar .save-status,.top-bar .collaboration-summary,.top-bar .avatar-trigger{display:none}.top-bar:not(:has(.board-title-input)) .top-bar-brand{display:block}.board-title-input{font-size:21px}.top-bar .share-button{padding:0 var(--space-3)}.account-sign-in-full{display:none}.account-sign-in-short{display:inline}.save-facts>div{grid-template-columns:1fr;gap:var(--space-1)}.app-shell:has(.canvas-viewport[data-editing-text=true]) .board-notice{visibility:hidden}}.app-shell{--editor-visible-bottom: calc(var(--visual-top, 0px) + var(--visual-height, 100dvh));--editor-bottom-inset: max(0px, calc(100dvh - var(--editor-visible-bottom)));--editor-panel-top: max(var(--space-3), calc(var(--visual-top, 0px) - var(--frame-top) + 8px));--dock-top: var(--space-4);--dock-left: calc(var(--space-4) + 8px);--dock-size: calc(var(--control) + 2 * var(--pad-surface) + 2 * var(--border-surface));--minimap-space: calc(96px + 2 * var(--pad-surface) + 2 * var(--border-surface) + var(--space-2))}.toolbar-area{display:contents}.tool-dock{position:absolute;top:var(--dock-top);left:var(--dock-left);z-index:7;display:flex;flex-direction:column;gap:2px;padding:var(--pad-surface)}.tool-slot{position:relative;display:flex;align-items:center}.tool-divider{width:20px;height:1px;margin:var(--space-1) auto;background:var(--line-soft)}.tool-button{display:grid;place-items:center;width:var(--control);height:var(--control);color:var(--ink-2);transition:transform var(--dur-press) var(--ease-out)}.tool-button:is(.is-active,[aria-pressed=true]){color:var(--accent-ink);background:var(--accent)}@media(hover:hover){.tool-button:not(:disabled,.is-active,[aria-pressed=true]):hover{color:var(--ink);background:var(--paper-sunk)}}.tool-button:disabled{opacity:var(--disabled-opacity)}.tool-button svg{width:var(--icon);height:var(--icon)}.tool-tooltip{position:absolute;top:50%;left:calc(100% + var(--space-3));z-index:2;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-tooltip);background:var(--tooltip-bg);color:var(--tooltip-ink);font-size:var(--text-12);white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0;transform:translateY(-50%) scale(.97);transform-origin:left center;transition:opacity var(--dur-tooltip) var(--ease-out),transform var(--dur-tooltip) var(--ease-out),visibility var(--dur-tooltip)}.tool-button:focus-visible+.tool-tooltip{visibility:visible;opacity:1;transform:translateY(-50%);transition-delay:var(--tooltip-delay)}@media(hover:hover)and (pointer:fine){.tool-button:hover+.tool-tooltip{visibility:visible;opacity:1;transform:translateY(-50%);transition-delay:var(--tooltip-delay)}.tool-dock[data-warm] .tool-button:hover+.tool-tooltip{transition-duration:0ms;transition-delay:0ms}}.tool-tooltip kbd{font:inherit;opacity:.7}.canvas-controls{position:absolute;z-index:7;display:flex;gap:var(--space-2);right:calc(var(--space-4) + env(safe-area-inset-right));bottom:calc(var(--editor-bottom-inset) + var(--space-4) + env(safe-area-inset-bottom))}.history-controls,.zoom-controls{display:flex;align-items:center;gap:2px;padding:var(--pad-surface)}:is(.history-controls,.zoom-controls) :is(.icon-button,.zoom-value){height:var(--control);color:var(--ink-2)}:is(.history-controls,.zoom-controls) .icon-button{width:var(--control)}.history-controls .icon-button:disabled{opacity:var(--disabled-opacity)}@media(hover:hover){:is(.history-controls,.zoom-controls) :is(.icon-button,.zoom-value):hover:not(:disabled){color:var(--ink);background-color:var(--paper-sunk)}}.zoom-value{min-width:48px;padding:0 var(--space-1);font-size:var(--text-12);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.mobile-selection-actions{display:none}.minimap{position:absolute;z-index:5;width:192px;padding:var(--pad-surface);left:calc(var(--dock-left) + env(safe-area-inset-left));bottom:calc(var(--editor-bottom-inset) + var(--space-4) + env(safe-area-inset-bottom));border:var(--border-surface) solid var(--line);border-radius:var(--radius-control);background:var(--paper-raised);box-shadow:var(--shadow-paper);transform:rotate(-.8deg);transition:opacity var(--dur-popover) var(--ease-out)}@starting-style{.minimap{opacity:0}}.minimap:before,.minimap:after{content:"";position:absolute;top:-8px;width:40px;height:14px;background:var(--tape)}.minimap:before{left:-12px;transform:rotate(-32deg)}.minimap:after{right:-12px;transform:rotate(32deg)}.minimap svg{display:block;width:100%;height:96px;overflow:hidden;border-radius:3px;background:var(--paper);cursor:pointer;touch-action:none}.minimap rect{vector-effect:non-scaling-stroke}.minimap-frame{fill:none;stroke:var(--line-frame);stroke-width:1}.minimap-note{fill:var(--note-yellow)}.minimap-note[data-color=blue]{fill:var(--note-blue)}.minimap-note[data-color=pink]{fill:var(--note-pink)}.minimap-note[data-color=green]{fill:var(--note-green)}.minimap-photo{fill:var(--photo-paper);stroke:var(--line-soft);stroke-width:1}.minimap-ink{fill:var(--line-soft)}.minimap-view{fill:var(--accent);fill-opacity:.08;stroke:var(--accent);stroke-width:1.5}@media(max-height:559px){.minimap{left:calc(var(--dock-left) + var(--dock-size) + var(--space-2) + env(safe-area-inset-left))}}@container (max-width: 719px){.minimap{bottom:calc(var(--editor-bottom-inset) + var(--space-4) + var(--dock-size) + var(--space-2) + env(safe-area-inset-bottom))}.canvas-viewport:has(.minimap) .tool-options{--bottom-row: calc(var(--dock-size) + var(--space-2) + var(--minimap-space))}}.tool-options{position:absolute;top:var(--dock-top);left:calc(var(--dock-left) + var(--dock-size) + var(--space-2));z-index:6;width:204px;padding:var(--pad-surface);max-height:calc(var(--editor-visible-bottom) - var(--frame-top) - 2 * var(--space-4) - var(--bottom-row, var(--dock-size)) - var(--space-2) - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;color:var(--ink);cursor:default}.tool-options.is-collapsed{width:auto;max-width:240px}.canvas-viewport:has(.minimap){--bottom-row: var(--minimap-space)}.appearance-heading{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--control-sm);padding-left:var(--space-2);font-size:var(--text-12)}.appearance-heading strong{font-weight:var(--weight-strong)}.tool-options-heading-actions{display:flex;align-items:center;gap:2px}.tool-options-heading-actions .icon-button{width:var(--control-sm);height:var(--control-sm);color:var(--ink-2)}.tool-options-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:var(--space-1) var(--space-2) var(--space-2);display:grid;gap:var(--space-2)}.tool-options-content[hidden]{display:none}.option-field{min-width:0;margin:0;padding:0;border:0}.option-field :is(legend,label){display:block;width:100%;padding:0;margin-bottom:var(--space-1);color:var(--ink-2);font-size:var(--text-12);font-weight:var(--weight-medium)}.option-segments{display:flex;gap:2px;padding:2px;border-radius:var(--radius-control);background:var(--paper-sunk)}.option-segments button{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:32px;padding:var(--space-1);border-radius:var(--radius-tooltip);color:var(--ink-2);font-size:var(--text-12)}@media(hover:hover){.option-segments button:not([aria-pressed=true]):hover{color:var(--ink)}}.option-segments button[aria-pressed=true]{color:var(--ink);background:var(--paper-raised);box-shadow:0 0 0 1px var(--line-soft);font-weight:var(--weight-strong)}.option-segments [data-font=hand]{font-family:var(--font-hand);font-size:var(--text-14)}.color-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.color-swatch{position:relative;display:grid;place-items:center;width:100%;height:32px;color:var(--paper-raised)}.color-swatch:before{content:"";position:absolute;width:22px;height:22px;border:1px solid var(--line-frame);border-radius:50%;background:var(--swatch-color)}.color-swatch svg{position:relative;--icon-stroke: 2px}.color-swatch:is([aria-pressed=true],[aria-expanded=true]){background:var(--paper-sunk)}.color-more{color:var(--ink-2)}.color-more:before{content:none}.color-palette-more{margin-top:2px}@media(hover:hover){.color-swatch:hover{background:var(--paper-sunk)}}.opacity-field output{float:right;font-variant-numeric:tabular-nums}.opacity-field input{display:block;width:100%;min-height:28px;margin:0;accent-color:var(--accent);cursor:pointer}.preference-error{grid-column:1 / -1;margin:0;color:var(--danger);font-size:var(--text-12)}.empty-prompt{position:absolute;top:50%;left:50%;z-index:2;max-width:calc(100% - 2 * var(--space-4));color:var(--ink-3);text-align:center;font-size:var(--text-14);line-height:var(--leading-ui);transform:translate(-50%,-50%);pointer-events:none}.empty-prompt-content{display:grid;gap:var(--space-1)}.empty-prompt strong{color:var(--ink-2);font:var(--weight-regular) var(--hand-24) / var(--leading-hand) var(--font-hand)}.canvas-hint{position:absolute;bottom:calc(var(--editor-bottom-inset) + var(--space-4) + var(--dock-size) + var(--space-3) + env(safe-area-inset-bottom));left:50%;z-index:2;display:flex;gap:var(--space-2);align-items:center;max-width:calc(100% - 2 * var(--space-4));color:var(--ink-3);font-size:var(--text-12);line-height:var(--leading-ui);white-space:nowrap;transform:translate(-50%);pointer-events:none}.canvas-hint i{width:3px;height:3px;border-radius:50%;background:var(--line-frame)}@container (max-width: 719px){.canvas-hint{display:none}}@media(pointer:coarse){.tool-tooltip{display:none}.tool-options{width:220px}.tool-options .option-segments button,.tool-options .color-swatch,.opacity-field input{min-height:44px}}@media(pointer:coarse)and (min-width:768px){.tool-dock{max-height:calc(100% - 2 * var(--dock-top));overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}}@media(max-width:767px),(max-height:500px){.tool-options{width:304px}.tool-options-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.tool-options .option-segments button,.tool-options .color-swatch{min-height:44px}.tool-options .option-field:has(.color-palette),.tool-options .option-field:has(.option-segments button:nth-child(3)){grid-column:1 / -1}.tool-options .color-palette{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.tool-options .opacity-field{grid-column:1 / -1}.opacity-field input{min-height:44px}.canvas-hint{display:none}}@media(max-width:767px){.app-shell{--dock-bottom: calc(var(--editor-bottom-inset) + var(--space-3) + env(safe-area-inset-bottom));--tray-bottom: calc(var(--dock-bottom) + var(--dock-size) + var(--space-2) + var(--notice-space, 0px))}.tool-dock{top:auto;bottom:var(--dock-bottom);left:calc(var(--space-3) + env(safe-area-inset-left));right:calc(var(--space-3) + env(safe-area-inset-right));flex-direction:row;justify-content:space-between;max-width:390px;margin-inline:auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;--icon-stroke: 2px}.tool-dock :is(.tool-divider,.appearance-slot),.tool-tooltip{display:none}.canvas-controls{top:var(--editor-panel-top);bottom:auto;right:calc(var(--space-3) + env(safe-area-inset-right))}.zoom-controls,.minimap{display:none}.tool-options{top:auto;bottom:var(--tray-bottom);left:calc(var(--space-3) + env(safe-area-inset-left));right:calc(var(--space-3) + env(safe-area-inset-right));width:auto;max-height:min(340px,calc(var(--editor-visible-bottom) - var(--frame-top) - var(--editor-panel-top) - 2 * var(--dock-size) - var(--space-3) - 2 * var(--space-2) - var(--notice-space, 0px) - env(safe-area-inset-bottom)))}.tool-options.is-collapsed{right:auto}.mobile-selection-actions{position:absolute;bottom:var(--tray-bottom);z-index:6;left:calc(var(--space-3) + env(safe-area-inset-left));right:calc(var(--space-3) + env(safe-area-inset-right));display:flex;gap:2px;max-width:390px;margin-inline:auto;padding:var(--pad-surface);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;--icon-stroke: 2px}.mobile-selection-actions button{display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:58px;min-height:var(--control);padding:var(--space-1) var(--space-2);color:var(--ink-2);font-size:var(--text-12);font-weight:var(--weight-medium);line-height:1}@media(hover:hover){.mobile-selection-actions button:not(.is-active):hover{color:var(--ink);background:var(--paper-sunk)}}.mobile-selection-actions button.is-active{color:var(--ink);background:var(--accent-soft)}.mobile-selection-actions svg{width:var(--icon);height:var(--icon)}.app-shell:has(.tool-options--object) .mobile-selection-actions{visibility:hidden}.canvas-viewport[data-editing-text=true] :is(.toolbar-area,.tool-options,.mobile-selection-actions,.canvas-controls){visibility:hidden}.empty-prompt-copy{display:none}}.canvas-viewport{position:relative;width:100%;height:100%;overflow:clip;isolation:isolate;background:var(--paper);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;container-type:inline-size}.canvas-viewport[data-active-tool=hand],.canvas-viewport[data-space-pressed=true]{cursor:grab}.canvas-viewport[data-active-tool=text],.canvas-viewport[data-active-tool=card],.canvas-viewport[data-active-tool=connector],.canvas-viewport[data-active-tool=frame],.canvas-viewport[data-active-tool=pen]{cursor:crosshair}.canvas-viewport[data-panning=true],.canvas-viewport[data-pinching=true]{cursor:grabbing}.canvas-viewport[data-marquee-selecting=true]{cursor:crosshair}.canvas-viewport:before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--tooth);opacity:var(--tooth-opacity);pointer-events:none}.world-layer{position:absolute;left:0;top:0;width:1px;height:1px;z-index:1;transform-origin:0 0}.world-origin-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--ink-3);transform:translate(-2.5px,-2.5px);opacity:.42;pointer-events:none}.object-layer{position:absolute;inset:0;width:1px;height:1px;z-index:1}.frame-layer{position:absolute;inset:0;width:1px;height:1px;z-index:-1;pointer-events:none}.connector-layer,.connector-handle-layer,.connector-draft-layer,.stroke-layer,.stroke-draft-layer{position:absolute;top:0;left:0;width:1px;height:1px;overflow:visible;pointer-events:none}.connector-layer{z-index:0}.connector-handle-layer{z-index:3}.connector-draft-layer{z-index:2147483645}.stroke-layer{z-index:2}.stroke-draft-layer{z-index:4}.stroke-hit-area{fill:none;stroke-linecap:round;stroke-linejoin:round}.stroke-shape,.stroke-draft-path{pointer-events:none}.stroke-hit-area{stroke:transparent;pointer-events:stroke;cursor:move}.stroke-object.is-selected .stroke-hit-area,.stroke-object[data-transient-selected=true] .stroke-hit-area{stroke:var(--accent);stroke-opacity:.18}.stroke-object[data-transient-selected=false] .stroke-hit-area{stroke:transparent}.stroke-draft-path{display:none;pointer-events:none}.canvas-viewport[data-active-tool=hand] .stroke-hit-area,.canvas-viewport[data-space-pressed=true] .stroke-hit-area{cursor:grab}.connector-path,.connector-draft-path,.connector-hit-area{fill:none;vector-effect:non-scaling-stroke}.connector-path{stroke:var(--ink-2);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.connector-hit-area{stroke:transparent;stroke-width:14px;pointer-events:stroke;cursor:pointer}.connector.is-selected .connector-path,.connector[data-transient-selected=true] .connector-path{stroke:var(--accent)}.connector[data-transient-selected=false] .connector-path{stroke:var(--ink-2)}.connector.is-reconnecting .connector-path{opacity:.28}.connector-arrow,.connector-arrow-selected{fill:none;stroke:var(--ink-2);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.connector-arrow-selected{stroke:var(--accent)}.connector-draft-path{display:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 5}.connector-endpoint-handle{fill:var(--paper-raised);stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:all;cursor:crosshair}.canvas-object{--object-radius: 0px;position:absolute;cursor:move;touch-action:none}.canvas-viewport[data-active-tool=hand] .canvas-object{cursor:grab}.canvas-viewport[data-panning=true] .canvas-object{cursor:grabbing}.canvas-object:after{content:"";position:absolute;inset:calc(var(--selection-gap) * -1);border:1.5px solid transparent;border-radius:calc(var(--object-radius) + var(--selection-gap));pointer-events:none}.canvas-object.is-selected:after{border-color:var(--accent)}.canvas-object[data-transient-selected=false]:after{border-color:transparent}.canvas-object[data-transient-selected=true]:after{border-color:var(--accent)}.canvas-object.is-editing:after{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.connection-anchor{position:absolute;z-index:4;width:12px;height:12px;padding:0;border:1.5px solid var(--accent);border-radius:50%;background-color:var(--paper-raised);opacity:0;pointer-events:none;transition-property:opacity,background-color;transition-duration:var(--dur-hover);transition-timing-function:ease}.connection-anchor--top{top:-7px;left:50%;transform:translate(-50%)}.connection-anchor--right{top:50%;right:-7px;transform:translateY(-50%)}.connection-anchor--bottom{bottom:-7px;left:50%;transform:translate(-50%)}.connection-anchor--left{top:50%;left:-7px;transform:translateY(-50%)}.canvas-viewport[data-active-tool=connector] .connection-anchor,.canvas-viewport[data-connecting=true] .connection-anchor{opacity:1;pointer-events:auto;cursor:crosshair}.connection-anchor.is-target{background-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.canvas-object--text{--object-radius: var(--radius-note);min-height:52px;padding:8px 10px;border-radius:var(--object-radius)}.text-object-value,.text-object-editor{width:100%;height:100%;margin:0;color:inherit;background:transparent;font-family:inherit;font-size:17px;font-weight:550;line-height:1.45;letter-spacing:-.015em;white-space:pre-wrap;overflow-wrap:anywhere}.text-object-editor{display:block;padding:0;border:0;outline:0;resize:none;overflow:hidden;-webkit-user-select:text;user-select:text}.canvas-object--card{--object-radius: var(--radius-note);--note: var(--note-yellow);--note-ink: var(--note-yellow-ink);border-radius:var(--object-radius);color:var(--note-ink);background:var(--note);box-shadow:var(--shadow-paper)}.canvas-object--card[data-color=blue]{--note: var(--note-blue);--note-ink: var(--note-blue-ink)}.canvas-object--card[data-color=pink]{--note: var(--note-pink);--note-ink: var(--note-pink-ink)}.canvas-object--card[data-color=green]{--note: var(--note-green);--note-ink: var(--note-green-ink)}.canvas-object--card:before{content:"";position:absolute;top:-9px;left:50%;width:64px;height:18px;margin-left:-32px;background:var(--tape);transform:rotate(-2deg);pointer-events:none}.card-object-value,.card-object-editor{display:flex;width:100%;height:100%;flex-direction:column;padding:var(--space-5) var(--space-4) var(--space-4)}.card-object-value{overflow:hidden}.card-object-value strong,.card-object-editor input{color:inherit;font-size:var(--text-16);font-weight:var(--weight-strong);line-height:1.3}.card-object-value p,.card-object-editor textarea{margin:var(--space-2) 0 0;color:inherit;font-size:13px;font-weight:var(--weight-regular);line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}.canvas-object--card[data-font=hand] :is(strong,p,input,textarea){font-family:var(--font-hand);line-height:var(--leading-hand);letter-spacing:0}.canvas-object--card[data-font=hand] :is(strong,input){font-size:var(--hand-24);font-weight:700}.canvas-object--card[data-font=hand] :is(p,textarea){font-size:21px}.card-object-editor{-webkit-user-select:text;user-select:text}.card-object-editor input,.card-object-editor textarea{width:100%;padding:0;border:0;outline:0;background:transparent}.card-object-editor textarea{min-height:0;flex:1;resize:none}.canvas-object--image{padding:10px;background:var(--photo-paper);box-shadow:var(--shadow-paper)}.image-object-value,.image-object-placeholder{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.image-object-value{object-fit:contain;outline:1px solid var(--image-outline);outline-offset:-1px}.image-object-placeholder{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;place-content:center;gap:2px;color:var(--ink-3);background:var(--paper-sunk);font-size:11px;font-weight:var(--weight-medium)}.image-object-message{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:12px}.image-object-retry{pointer-events:auto;max-width:100%;padding:2px 6px;border:1px solid currentColor;border-radius:4px;color:inherit;background:var(--paper-raised);font-size:10px;line-height:12px;cursor:pointer}.image-object-placeholder[data-image-error=true]{color:var(--danger)}.canvas-object--frame{--object-radius: var(--radius-frame);pointer-events:none}.canvas-object--frame .resize-handle{pointer-events:auto}.frame-object-value,.frame-object-border{position:absolute;inset:0}.frame-object-border{border:1.5px solid var(--line-frame);border-radius:var(--object-radius)}.frame-object-title{position:absolute;bottom:100%;left:2px;z-index:1;max-width:100%;padding-bottom:2px;overflow:hidden;color:var(--ink-2);font:var(--weight-regular) var(--hand-18) / 1.4 var(--font-hand);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:move}.frame-object-title input{width:240px;max-width:100%;padding:0;border:0;border-bottom:1.5px solid var(--accent);outline:0;color:var(--ink);background:transparent;-webkit-user-select:text;user-select:text}.frame-edge-hit{position:absolute;z-index:1;display:block;pointer-events:auto}.frame-edge-hit--top,.frame-edge-hit--bottom{right:0;left:0;height:10px;cursor:move}.frame-edge-hit--top{top:-5px}.frame-edge-hit--bottom{bottom:-5px}.frame-edge-hit--right,.frame-edge-hit--left{top:0;bottom:0;width:10px;cursor:move}.frame-edge-hit--right{right:-5px}.frame-edge-hit--left{left:-5px}.frame-draft{position:absolute;z-index:-1;display:none;border:1.5px dashed var(--accent);border-radius:var(--radius-frame);background:color-mix(in srgb,var(--accent) 4.5%,transparent);pointer-events:none}.resize-handle{--handle-size: 9px;--handle-offset: calc(var(--selection-gap) * -1 - var(--handle-size) / 2);position:absolute;z-index:2;display:block;width:var(--handle-size);height:var(--handle-size);padding:0;border:1.5px solid var(--accent);border-radius:2px;background:var(--paper-raised)}.resize-handle--e{top:50%;right:var(--handle-offset);cursor:ew-resize;transform:translateY(-50%)}.resize-handle--nw{top:var(--handle-offset);left:var(--handle-offset);cursor:nwse-resize}.resize-handle--ne{top:var(--handle-offset);right:var(--handle-offset);cursor:nesw-resize}.resize-handle--sw{bottom:var(--handle-offset);left:var(--handle-offset);cursor:nesw-resize}.resize-handle--se{right:var(--handle-offset);bottom:var(--handle-offset);cursor:nwse-resize}.multi-selection-bounds{position:absolute;top:0;left:0;z-index:2147483646;pointer-events:none}.multi-selection-bounds:before{content:"";position:absolute;inset:calc(var(--selection-gap) * -2);border:1.5px dashed var(--accent);border-radius:calc(var(--radius-note) + 2 * var(--selection-gap))}.multi-selection-bounds.is-dragging{opacity:0}.multi-selection-bounds>span{position:absolute;bottom:calc(100% + 2 * var(--selection-gap) + var(--space-1));left:calc(var(--selection-gap) * -2);padding:0 var(--space-2);border-radius:999px;color:var(--accent-ink);background:var(--accent);font:var(--weight-medium) var(--text-12) / 1.5 var(--font-ui);white-space:nowrap}.remote-presence{position:absolute;top:0;left:0;z-index:2147483647;pointer-events:none}.remote-person[data-color=yellow]{--remote: var(--note-yellow);--remote-ink: var(--note-yellow-ink)}.remote-person[data-color=blue]{--remote: var(--note-blue);--remote-ink: var(--note-blue-ink)}.remote-person[data-color=pink]{--remote: var(--note-pink);--remote-ink: var(--note-pink-ink)}.remote-person[data-color=green]{--remote: var(--note-green);--remote-ink: var(--note-green-ink)}.remote-selection{position:absolute;border-radius:var(--radius-note);outline:dashed var(--remote-ink);outline-offset:var(--selection-gap)}:root[data-theme=dark] .remote-selection{outline-color:var(--remote)}.collaboration-cursor{position:absolute;top:0;left:0;transform-origin:0 0}@media(prefers-reduced-motion:no-preference){.collaboration-cursor{transition:transform .1s linear}}.collaboration-cursor svg{display:block;fill:var(--remote);stroke:var(--remote-ink);stroke-width:1.5;stroke-linejoin:round}.collaboration-cursor span{position:absolute;top:16px;left:14px;padding:1px var(--space-2);border-radius:999px;color:var(--remote-ink);background:var(--remote);font:var(--weight-medium) var(--text-12) / 1.5 var(--font-ui);white-space:nowrap}@media(pointer:coarse){.resize-handle{--handle-size: 16px;border-width:2px}.connector-endpoint-handle{r:9px;stroke-width:2px}.connection-anchor{width:20px;height:20px}.connection-anchor--top{top:-11px}.connection-anchor--right{right:-11px}.connection-anchor--bottom{bottom:-11px}.connection-anchor--left{left:-11px}.frame-edge-hit--top,.frame-edge-hit--bottom{height:20px}.frame-edge-hit--top{top:-10px}.frame-edge-hit--bottom{bottom:-10px}.frame-edge-hit--right,.frame-edge-hit--left{width:20px}.frame-edge-hit--right{right:-10px}.frame-edge-hit--left{left:-10px}}.marquee-selection{position:absolute;top:0;left:0;z-index:2;display:none;border:1px solid color-mix(in srgb,var(--accent) 85%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);pointer-events:none}.board-loading-shield{position:absolute;inset:0;z-index:2147483647;cursor:progress}.image-drop-indicator{position:absolute;inset:var(--space-3);z-index:2147483646;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:var(--radius-surface);background:color-mix(in srgb,var(--accent-soft) 45%,transparent);pointer-events:none}.image-drop-indicator span{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--ink);font-size:var(--text-14);font-weight:var(--weight-medium)}.image-drop-indicator .sk-icon{color:var(--accent);--icon-stroke: 2px}