/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--background:#1f1f1f;--panel:#272727;--panel-hover:#303030;--border:#3a3a3a;--text:#f5f5f5;--muted:#929292;--accent:#2589ff;--accent-soft:#2589ff24;--shadow:0 18px 45px #00000057;--desktop-header-height:clamp(96px, 6.04vw, 116px);--desktop-toolbar-width:clamp(144px, 7.9vw, 152px);--desktop-tool-button:clamp(56px, 3.2vw, 62px);--desktop-tool-icon:clamp(27px, 1.65vw, 31px);--desktop-tool-gap:6px;--desktop-navigation-width:clamp(340px, 18vw, 380px);--workspace-control-font:clamp(16px, .9vw, 18px);--workspace-panel-copy:clamp(16px, .86vw, 18px)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--background);color:var(--text);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-feature-settings:"ss01" 1, "cv01" 1, "cv02" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input{font:inherit}button{color:inherit}.app-shell{background:var(--background);grid-template-rows:68px 1fr;width:100vw;height:100dvh;display:grid}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(90deg,#2589ff0a,#0000 24%),#222222f5;grid-template-columns:minmax(180px,auto) minmax(120px,1fr) auto;align-items:center;min-width:0;padding:0 20px;display:grid;box-shadow:0 7px 24px #00000024}.topbar:has(.board-back-link){grid-template-columns:auto minmax(180px,auto) minmax(120px,1fr) auto}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{background:var(--accent);border-radius:10px;justify-content:center;align-items:center;gap:2px;width:34px;height:34px;display:flex;box-shadow:0 6px 16px #2589ff40}.brand-mark span{background:#fff;border-radius:3px;width:3px}.brand-mark span:first-child{height:10px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:13px}.brand h1,.brand p{white-space:nowrap;margin:0}.brand h1{letter-spacing:-.025em;font-size:16px;font-weight:720}.brand p{color:var(--muted);margin-top:2px;font-size:12px;font-weight:520}.save-status{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.save-status span{background:#f0b429;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f0b4291a}.save-status.is-saved span{background:#38c976;box-shadow:0 0 0 4px #38c9761a}.save-status.has-error span{background:#ff5a67;box-shadow:0 0 0 4px #ff5a671a}.header-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.presence-button,.share-button,.admin-button{border:1px solid var(--border);background:var(--panel);color:#c8c8c8;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:38px;font-size:12px;transition:border-color .15s,background .15s,color .15s,transform .15s;display:inline-flex}.presence-button{gap:7px;max-width:220px;padding:0 10px}.share-button{gap:7px;padding:0 11px}.presence-button strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-weight:600;overflow:hidden}.presence-dot{background:#38c976;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #38c9761a}.admin-button{width:38px;padding:0}.presence-button:hover,.share-button:hover,.admin-button:hover{background:var(--panel-hover);color:#fff;border-color:#505050;transform:translateY(-1px)}.admin-button:disabled{opacity:.42;cursor:not-allowed}.export-button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #3d92f6;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:background .14s,transform .14s;display:inline-flex}.export-button:hover{background:#3a96ff}.export-button:active{transform:translateY(1px)}.canvas-area{--grid-size:24px;--grid-x:0px;--grid-y:0px;background:radial-gradient(circle at 50% 45%,#2589ff08,#0000 44%),#202020;min-width:0;min-height:0;position:relative;overflow:hidden}.grid-background{pointer-events:none;background-image:radial-gradient(circle,#4a4a4a 1px,#0000 1.2px);background-position:var(--grid-x) var(--grid-y);background-size:var(--grid-size) var(--grid-size);opacity:.48;will-change:background-position, background-size;position:absolute;inset:0}.drawing-canvas{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.drawing-canvas.tool-brush,.drawing-canvas.tool-eraser{cursor:none}.drawing-canvas.tool-pan{cursor:grab}.drawing-canvas.tool-pan:active,.canvas-area.is-space-pan .drawing-canvas,.canvas-area.is-panning .drawing-canvas{cursor:grabbing}.water-effect-canvas{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}.local-cursor{--cursor-color:#2589ff;--cursor-size:10px;z-index:3;opacity:0;pointer-events:none;will-change:transform;width:0;height:0;transition:opacity .1s;position:absolute;top:0;left:0}.local-cursor[data-visible=true]{opacity:1}.dog-cursor{image-rendering:auto;filter:drop-shadow(0 2px 2px #0000004d);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:36px;height:36px;display:block}.dog-french-bulldog{background-image:url(/dog-french-bulldog.svg)}.dog-spitz{background-image:url(/dog-spitz.svg)}.dog-labrador{background-image:url(/dog-labrador.svg)}.dog-rottweiler{background-image:url(/dog-rottweiler.svg)}.local-cursor-dog{transform-origin:4px 30px;width:34px;height:34px;position:absolute;top:-34px;left:8px;transform:rotate(3deg)}.local-cursor-ring{width:var(--cursor-size);height:var(--cursor-size);background:var(--cursor-color);border:1.5px solid #fff;border-radius:50%;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.local-cursor-ring{background:color-mix(in srgb, var(--cursor-color) 24%, transparent)}}.local-cursor-ring{box-shadow:0 0 0 1px #0000008c, 0 2px 9px var(--cursor-color)}@supports (color:color-mix(in lab, red, red)){.local-cursor-ring{box-shadow:0 0 0 1px #0000008c, 0 2px 9px color-mix(in srgb, var(--cursor-color) 30%, transparent)}}.local-cursor-ring{transition:width .16s cubic-bezier(.2,.8,.2,1),height .16s cubic-bezier(.2,.8,.2,1),background .16s,border-color .16s,box-shadow .16s;transform:translate(-50%,-50%)}.local-cursor-drop{background:var(--cursor-color);border:1px solid #fffc;border-radius:50% 50% 50% 18%;width:6px;height:6px;position:absolute;top:-3px;left:-3px;transform:rotate(-35deg)}.local-cursor.is-eraser .local-cursor-ring{background:#d8e8f71a;border-style:dashed;box-shadow:0 0 0 1px #0000008c}.local-cursor.is-eraser .local-cursor-drop,.local-cursor:not(.is-brush) .local-cursor-drop,.local-cursor.is-pan .local-cursor-ring,.local-cursor.is-select .local-cursor-ring,.local-cursor.is-text .local-cursor-ring,.local-cursor.is-image .local-cursor-ring,.local-cursor.is-sticker .local-cursor-ring{display:none}.local-cursor.color-pop .local-cursor-ring{animation:.26s cubic-bezier(.2,.8,.2,1) cursor-color-pop}@keyframes cursor-color-pop{0%{transform:translate(-50%,-50%)scale(.72)}60%{transform:translate(-50%,-50%)scale(1.18)}to{transform:translate(-50%,-50%)scale(1)}}.remote-cursors{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.remote-cursor{will-change:transform;position:absolute;top:0;left:0}.remote-cursor .dog-cursor{border-radius:50%;width:38px;height:38px;display:block;transform:translate(-7px,-29px)rotate(-4deg)}.remote-cursor strong{color:#111;text-overflow:ellipsis;white-space:nowrap;opacity:1;background:currentColor;border-radius:6px;max-width:140px;padding:4px 7px;font-size:10px;font-weight:700;transition:opacity .32s,transform .32s;position:absolute;top:8px;left:19px;overflow:hidden;transform:translateY(0)}.presence-dog{filter:drop-shadow(0 2px 3px #0000004d);width:25px;height:25px;margin:-5px -3px -5px 0}.remote-cursor.is-idle strong{opacity:0;transform:translateY(-3px)}.toolbar{z-index:5;width:72px;max-height:calc(100% - 36px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff08,#0000 38%),#272727e8;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;align-items:center;gap:7px;padding:10px;display:flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.tool-group{flex-direction:column;gap:5px;display:flex}.icon-button,.zoom-controls button{color:#b8b8b8;cursor:pointer;background:0 0;border:0;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;transition:color .12s,background .12s,transform .12s,box-shadow .16s;display:grid}.icon-button:hover,.zoom-controls button:hover{background:var(--panel-hover);color:#fff;transform:translateY(-1px)}.icon-button:active,.zoom-controls button:active{transform:scale(.92)}.icon-button.active{background:linear-gradient(145deg, #3c98ff, var(--accent));color:#fff;animation:.22s cubic-bezier(.2,.8,.2,1) tool-selected;box-shadow:0 7px 18px #2589ff47,0 0 0 1px #7dbeff38}@keyframes tool-selected{0%{transform:scale(.84)}65%{transform:scale(1.06)}}.icon-button[data-tooltip]:after,.color-swatch[data-tooltip]:after{z-index:20;color:#e8e8e8;white-space:nowrap;content:attr(data-tooltip);opacity:0;pointer-events:none;background:#1b1b1bf7;border:1px solid #484848;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:600;line-height:1;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 15px);transform:translate(-5px,-50%)}.icon-button[data-tooltip]{position:relative}.icon-button[data-tooltip]:hover:after,.color-swatch[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%)}.icon-button:disabled{color:#555;cursor:not-allowed}.icon-button:disabled:hover{background:0 0}.toolbar-divider{background:var(--border);width:34px;height:1px;margin:2px 0}.color-picker{grid-template-columns:repeat(2,18px);justify-content:center;gap:7px;padding:3px 0;display:grid}.color-swatch,.custom-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;transition:transform .15s,outline-color .15s,box-shadow .15s;display:block;position:relative}.color-swatch{padding:0;box-shadow:inset 0 0 0 1px #ffffff1f}.color-swatch.selected{outline-offset:2px;outline:2px solid #fff;transform:scale(1.08);box-shadow:0 0 14px}.color-swatch:hover,.custom-color:hover{transform:scale(1.15)}.custom-color{background:conic-gradient(#ff5656,#ffd85a,#47d765,#3ca8ff,#9b61ff,#ff5656);overflow:hidden}.custom-color:after{background:var(--panel);content:"";border-radius:50%;position:absolute;inset:4px}.custom-color input{opacity:0;width:1px;height:1px;position:absolute}.brush-status{background:#1515158f;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;width:48px;padding:5px 6px;display:flex}.brush-status span{border:2px solid #ffffffb8;border-radius:50%;flex:none;width:16px;height:16px;transition:background-color .18s,box-shadow .18s,transform .18s}.brush-status strong{color:#d6d6d6;font-variant-numeric:tabular-nums;font-size:9px}.size-control{flex-direction:column;align-items:center;gap:7px;width:44px;display:flex}.size-label{color:var(--muted);font-size:9px}.size-row{flex-direction:column;align-items:center;gap:4px;display:flex}.size-row input{width:39px;accent-color:var(--accent)}.size-row output{color:#c3c3c3;text-align:center;background:#1e1e1e;border-radius:6px;min-width:25px;padding:2px 5px;font-size:9px}.canvas-hint{border:1px solid var(--border);color:var(--muted);pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#272727e0;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;display:flex;position:absolute;bottom:70px;right:20px}.hint-dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.zoom-controls{z-index:5;border:1px solid var(--border);height:44px;box-shadow:var(--shadow), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff08,#0000),#272727e8;border-radius:13px;align-items:center;padding:0 3px;display:flex;position:absolute;bottom:18px;right:18px}.empty-state{z-index:0;color:#d8d8d8;text-align:center;pointer-events:none;place-items:center;width:min(440px,100% - 120px);animation:.48s both empty-arrive;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state strong{letter-spacing:-.02em;margin-top:20px;font-size:19px;font-weight:680}.empty-state p{color:#929292;max-width:360px;margin:8px 0 14px;font-size:12px;line-height:1.5}.empty-state small{color:#777;background:#1c1c1c94;border:1px solid #ffffff12;border-radius:9px;padding:7px 10px;font-size:10px}.empty-ripple{background:radial-gradient(circle at 35% 30%,#67acff,#2589ff 42%,#1760ad);border:1px solid #2589ff4d;border-radius:50%;width:62px;height:62px;animation:3.2s ease-in-out infinite drop-float;position:relative;box-shadow:0 16px 40px #2589ff2e,inset 8px 8px 18px #ffffff21}.empty-ripple:before,.empty-ripple:after{content:"";border:1px solid #2589ff29;border-radius:50%;animation:2.4s ease-out infinite ripple-out;position:absolute;inset:-12px}.empty-ripple:after{animation-delay:1.2s}.empty-ripple span{filter:blur(1px);background:#ffffff6b;border-radius:50%;width:13px;height:8px;position:absolute;top:12px;left:15px;transform:rotate(-25deg)}@keyframes empty-arrive{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}}@keyframes drop-float{50%{transform:translateY(-5px)scale(1.03)}}@keyframes ripple-out{0%{opacity:.7;transform:scale(.72)}to{opacity:0;transform:scale(1.45)}}.export-notice{z-index:6;color:#a8e9c3;box-shadow:var(--shadow);background:#23382cf5;border:1px solid #32684b;border-radius:10px;padding:9px 13px;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b0bbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-card{background:#272727;border:1px solid #444;border-radius:18px;width:min(100%,420px);padding:30px;box-shadow:0 24px 80px #0000007a}.dialog-card.compact{width:min(100%,390px)}.dialog-icon{background:var(--accent);border-radius:13px;justify-content:center;align-items:center;gap:3px;width:42px;height:42px;margin-bottom:22px;display:flex}.dialog-icon span{background:#fff;border-radius:2px;width:3px}.dialog-icon span:first-child{height:12px}.dialog-icon span:nth-child(2){height:21px}.dialog-icon span:nth-child(3){height:15px}.eyebrow{color:#78b7ff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.dialog-card h2{color:#fff;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:680}.dialog-copy{color:#a3a3a3;margin:10px 0 22px;font-size:13px;line-height:1.55}.dialog-field{gap:8px;display:grid}.dialog-field span{color:#c4c4c4;font-size:12px;font-weight:600}.dialog-field input{color:#fff;background:#1e1e1e;border:1px solid #474747;border-radius:11px;outline:0;width:100%;height:46px;padding:0 13px;font-size:14px}.dialog-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2589ff21}.dialog-primary,.dialog-secondary,.dialog-danger{cursor:pointer;border-radius:10px;min-height:42px;font-size:13px;font-weight:650}.dialog-primary{background:var(--accent);color:#fff;border:1px solid #3d92f6;width:100%;margin-top:14px}.dialog-primary:disabled,.dialog-danger:disabled{opacity:.48;cursor:not-allowed}.dialog-secondary{border:1px solid var(--border);color:#c4c4c4;background:0 0}.dialog-card>.dialog-secondary{border:0;width:100%;margin-top:8px}.dialog-danger{color:#ffb1b8;background:#552b31;border:1px solid #763840}.dialog-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.dialog-error{color:#ff9da5;margin:10px 0 0;font-size:12px}.zoom-controls button{border-radius:9px;width:36px;height:36px}.zoom-controls .fit-content-button{grid-auto-flow:column;gap:6px;width:auto;min-width:36px;padding:0 9px}.fit-content-button span{font-size:10px;font-weight:600}.zoom-controls output{color:#c6c6c6;font-variant-numeric:tabular-nums;text-align:center;width:56px;font-size:11px}.zoom-controls button:disabled{opacity:.34;cursor:not-allowed}.zoom-controls button:disabled:hover{background:0 0;transform:none}.zoom-divider{background:var(--border);width:1px;height:20px;margin:0 2px}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #78b7ff}@media (width<=680px){.app-shell{grid-template-rows:60px 1fr}.topbar{grid-template-columns:1fr auto;padding:0 12px}.brand-mark{width:32px;height:32px}.brand p,.save-status{display:none}.presence-button{min-height:36px}.share-button{width:36px;min-height:36px;padding:0}.share-button span,.presence-button strong,.presence-button span:not(.presence-dot){display:none}.admin-button{width:36px;min-height:36px}.export-button{min-height:36px;padding:0 11px}.export-button span{display:none}.toolbar{scrollbar-width:none;border-radius:15px;flex-direction:row;justify-content:flex-start;gap:5px;width:auto;max-height:none;padding:7px;inset:auto 10px 10px;overflow-x:auto;transform:none}.toolbar::-webkit-scrollbar{display:none}.tool-group{flex-direction:row}.toolbar-divider{flex:none;width:1px;height:34px;margin:0 2px}.color-picker{flex:none;gap:8px;padding:0 4px;display:flex}.brush-status{flex:none;width:48px}.icon-button[data-tooltip]:after,.color-swatch[data-tooltip]:after{display:none}.size-control{flex:none;gap:3px;width:86px}.size-row{flex-direction:row}.size-row input{width:55px}.canvas-hint{display:none}.zoom-controls{top:12px;bottom:auto;right:10px}.empty-state{width:min(360px,100% - 48px);transform:translate(-50%,calc(-50% - 28px))}}@media (width<=420px){.brand h1{font-size:14px}.zoom-controls output{width:48px}.fit-content-button span{display:none}.header-actions{gap:5px}.presence-button{width:36px;padding:0}.admin-button{display:none}.dialog-card{padding:24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}.water-effect-canvas{display:none}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.grid-background.is-hidden{opacity:0}.more-wrap{position:relative}.admin-button.is-admin{color:#7ee5a6;background:#38c9761c;border-color:#38c9766b;box-shadow:0 0 18px #38c9761a}.top-menu{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffff0a,#0000 42%),#232323f7;border:1px solid #ffffff1c;border-radius:14px;gap:3px;width:220px;padding:7px;animation:.16s both menu-arrive;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 55px #00000073}.top-menu button,.top-menu-link{color:#c8c8c8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:12px;text-decoration:none;display:flex}.top-menu button:hover,.top-menu-link:hover{color:#fff;background:#303030}.top-menu>span{background:#3a3a3a;height:1px;margin:3px 5px}@keyframes menu-arrive{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.toolbar{scrollbar-width:none;overflow:visible auto}.toolbar::-webkit-scrollbar{display:none}.tool-grid{grid-template-columns:1fr;display:grid}.empty-state{z-index:4}.empty-ripple{place-items:center;font-size:28px;display:grid}.empty-ripple:after{content:"";border:1px solid #2589ff3d;border-radius:50%;animation:2.6s ease-out infinite ripple-soft;position:absolute;inset:-14px}.empty-ripple span{filter:drop-shadow(0 5px 12px #00000047);animation:4s ease-in-out infinite bubble-turn}.empty-actions{pointer-events:auto;gap:8px;margin-top:14px;display:flex}.empty-actions button{color:#d9d9d9;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#272727e0;border:1px solid #414141;border-radius:11px;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.empty-actions button:first-child{color:#fff;background:#2589ff;border-color:#3d92f6}.empty-actions button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0000003d}@keyframes ripple-soft{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}@keyframes bubble-turn{0%,to{transform:translateY(2px)rotate(-8deg)}50%{transform:translateY(-4px)rotate(8deg)}}.animated-stickers{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.board-sticker{transform-origin:50%;filter:drop-shadow(0 10px 15px #00000038);will-change:transform;place-items:center;width:68px;height:68px;font-size:54px;line-height:1;display:grid;position:absolute;top:0;left:0}.sticker-motion-0{animation:2.5s ease-in-out infinite sticker-bob}.sticker-motion-1{animation:2.9s ease-in-out infinite sticker-wiggle}.sticker-motion-2{animation:2.2s ease-in-out infinite sticker-pulse}@keyframes sticker-bob{50%{margin-top:-8px}}@keyframes sticker-wiggle{33%{rotate:-7deg}66%{rotate:7deg}}@keyframes sticker-pulse{50%{filter:drop-shadow(0 10px 18px #2589ff61)}}.sticker-popover{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#262626f5;border:1px solid #ffffff1c;border-radius:16px;width:260px;padding:14px;animation:.17s both menu-arrive;position:absolute;top:50%;left:102px;transform:translateY(-50%);box-shadow:0 22px 55px #0006}.sticker-popover>div:first-child{gap:3px;margin-bottom:12px;display:grid}.sticker-popover strong{font-size:13px}.sticker-popover small{color:#898989;font-size:10px}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.sticker-choice{cursor:pointer;background:#2d2d2d;border:1px solid #444;border-radius:12px;place-items:center;width:50px;height:50px;font-size:27px;display:grid}.sticker-choice:hover{background:#2589ff1a;border-color:#2589ffb3}.selection-actions{z-index:8;color:#aaa;min-height:42px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#272727f0;border:1px solid #414141;border-radius:13px;align-items:center;gap:12px;padding:5px 6px 5px 13px;font-size:11px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.selection-actions button{color:#ffb7bd;cursor:pointer;background:#4d2c30;border:1px solid #66383d;border-radius:8px;align-items:center;gap:6px;min-height:31px;padding:0 9px;font-size:11px;display:inline-flex}.minimap{z-index:5;color:#8f8f8f;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#262626eb;border:1px solid #414141;border-radius:14px;width:184px;padding:7px;position:absolute;bottom:74px;right:18px;box-shadow:0 15px 34px #00000042}.minimap span{letter-spacing:.08em;text-transform:uppercase;padding:2px 5px 6px;font-size:9px;font-weight:700;display:block}.minimap canvas{border-radius:9px;width:168px;height:96px;display:block}.side-panel{z-index:18;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#2589ff0f,#0000 32%),#262626f7;border:1px solid #ffffff1c;border-radius:18px;flex-direction:column;width:min(360px,100% - 28px);animation:.22s cubic-bezier(.2,.8,.2,1) both panel-enter;display:flex;position:absolute;top:14px;bottom:14px;right:14px;overflow:hidden;box-shadow:0 25px 70px #00000073}@keyframes panel-enter{0%{opacity:0;transform:translate(18px)}}.side-panel-head{border-bottom:1px solid #3a3a3a;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.side-panel-head small{color:#2589ff;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.side-panel-head h2{letter-spacing:-.03em;margin:4px 0 0;font-size:20px}.side-panel-head>button{color:#aaa;cursor:pointer;background:#303030;border:1px solid #444;border-radius:9px;width:32px;height:32px;font-size:21px}.panel-content{align-content:start;gap:14px;min-height:0;padding:18px;display:grid;overflow-y:auto}.panel-callout{color:#70b3ff;background:#2589ff14;border:1px solid #2589ff3b;border-radius:13px;gap:12px;padding:14px;display:flex}.panel-callout strong{color:#e9f3ff;font-size:12px}.panel-callout p,.settings-list p{color:#919191;margin:4px 0 0;font-size:10px;line-height:1.45}.panel-field{gap:7px;display:grid}.panel-field span{color:#bbb;font-size:11px;font-weight:650}.panel-field input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#202020;border:1px solid #454545;border-radius:10px;height:42px;padding:0 11px}.panel-primary{color:#fff;cursor:pointer;background:#2589ff;border:1px solid #3c92f8;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:42px;font-size:12px;font-weight:700;display:flex}.play-dot{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff;width:0;height:0}.play-dot.is-playing{background:#fff;border:0;border-radius:50%;width:9px;height:9px;animation:.8s ease-in-out infinite pulse-online}.panel-section-title{justify-content:space-between;align-items:center;margin:8px 0 6px;display:flex}.panel-section-title strong{font-size:12px}.panel-section-title span{color:#999;background:#343434;border-radius:10px;padding:2px 7px;font-size:10px}.snapshot-list{gap:6px;display:grid}.snapshot-list>button{color:#c8c8c8;cursor:pointer;background:#2b2b2b;border:1px solid #3c3c3c;border-radius:10px;justify-content:space-between;align-items:center;min-height:42px;padding:0 10px;font-size:11px;display:flex}.snapshot-list>button small{color:#777;font-size:9px}.panel-empty{color:#777;text-align:center;margin:10px 0;font-size:11px}.activity-list{gap:7px}.activity-list article{background:#2b2b2b;border:1px solid #3b3b3b;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.activity-list article.is-report{background:#ff5a6712;border-color:#ff5a6752}.activity-list article>span{color:#7ab8ff;background:#2589ff24;border-radius:10px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.activity-list strong{font-size:11px;display:block}.activity-list p{color:#8b8b8b;margin:3px 0 0;font-size:10px;line-height:1.3}.activity-list time{color:#696969;font-size:9px}.settings-list>label{background:#2b2b2b;border:1px solid #3c3c3c;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.dog-cursor-settings{background:radial-gradient(circle at 90% 0,#2589ff26,#0000 42%),#292929;border:1px solid #2589ff47;border-radius:14px;gap:12px;padding:14px;display:grid}.dog-cursor-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dog-cursor-heading>.dog-cursor{width:48px;height:48px}.dog-breed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dog-breed-grid button{color:#f2f2f2;text-align:left;cursor:pointer;background:#242424;border:1px solid #424242;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:1px 8px;min-width:0;min-height:90px;padding:9px;transition:border-color .16s,background .16s,transform .16s;display:grid}.dog-breed-grid button:hover{border-color:#5a5a5a;transform:translateY(-1px)}.dog-breed-grid button.is-selected{background:#2589ff1f;border-color:#2589ff;box-shadow:inset 0 0 0 1px #2589ff38}.dog-breed-grid button:focus-visible{outline-offset:2px;outline:3px solid #2589ff73}.dog-breed-grid .dog-cursor{grid-row:1/3;width:42px;height:42px}.dog-breed-grid b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.dog-breed-grid small{color:#8e8e8e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;overflow:hidden}.settings-list strong{font-size:12px}.settings-list input[type=checkbox]{accent-color:#2589ff;width:38px;height:21px}.settings-note{color:#858585;border:1px dashed #454545;border-radius:12px;padding:13px;font-size:10px;line-height:1.5}.settings-note span{color:#70d998;text-transform:uppercase;background:#38c9761f;border-radius:6px;margin-right:7px;padding:2px 6px;font-size:8px;font-weight:800;display:inline-block}.dialog-field textarea{resize:vertical;color:#fff;width:100%;font:inherit;background:#1e1e1e;border:1px solid #474747;border-radius:11px;outline:0;padding:12px 13px;font-size:14px;line-height:1.5}.dialog-dog-picker{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.dialog-dog-picker legend{color:#bdbdbd;margin-bottom:7px;font-size:11px;font-weight:700}.dialog-dog-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.dialog-dog-picker button{color:#aaa;cursor:pointer;background:#252525;border:1px solid #414141;border-radius:11px;place-items:center;gap:2px;min-width:0;min-height:70px;padding:6px 3px;display:grid}.dialog-dog-picker button.is-selected{color:#fff;background:#2589ff21;border-color:#2589ff}.dialog-dog-picker .dog-cursor{width:38px;height:38px}.dialog-dog-picker small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.dialog-field textarea:focus{border-color:#2589ff;box-shadow:0 0 0 3px #2589ff21}.dialog-primary.inline{color:#fff;background:#2589ff;border:1px solid #3c92f8;width:auto;padding:0 14px}.eyebrow.danger{color:#ff6f7b}@media (width<=980px){.minimap{display:none}.topbar{grid-template-columns:minmax(150px,1fr) auto minmax(270px,1fr)}.presence-button strong{display:none}}@media (width<=680px){.more-wrap{display:block}.more-wrap .admin-button{display:grid}.top-menu{position:fixed;top:66px;right:10px}.tool-grid{display:flex}.sticker-popover{width:auto;inset:auto 10px 78px;transform:none}.sticker-grid{grid-template-columns:repeat(8,1fr);overflow-x:auto}.sticker-choice{width:46px;height:46px}.selection-actions{top:66px}.side-panel{width:calc(100% - 16px);top:8px;bottom:78px;right:8px}.empty-actions{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){.board-sticker,.sticker-choice,.empty-ripple,.empty-ripple:after,.empty-ripple span{animation:none!important}}html,body{overscroll-behavior:none;max-width:100%}.app-shell{-webkit-user-select:none;user-select:none;max-width:100vw;overflow:hidden}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.desktop-toolbar{border-radius:16px;gap:4px;width:58px;padding:8px}.desktop-toolbar .tool-group{gap:4px}.desktop-toolbar .icon-button{border:1px solid #0000;border-radius:11px;width:40px;height:40px}.desktop-toolbar .icon-button:hover{transform:translateY(-1px)}.desktop-toolbar .icon-button.active{color:#71b5ff;background:#2589ff33;border-color:#7dbeff6b;box-shadow:0 0 0 1px #2589ff2e,0 7px 18px #2589ff29}.desktop-toolbar .toolbar-divider{width:30px;margin:3px 0}.desktop-toolbar .brush-status{width:42px;padding:5px}.desktop-toolbar .color-picker{gap:6px}.desktop-toolbar .size-control{width:40px}.mobile-toolbar,.mobile-sheet-scrim{display:none}.side-panel-scrim{display:contents}.selection-actions button{color:#d1d1d1;background:#303030;border-color:#454545}.selection-actions button:last-child{color:#ffb7bd;background:#4d2c30;border-color:#66383d}@media (width>=768px) and (width<=1023px){.topbar{padding-inline:14px}.desktop-toolbar{left:12px}.header-actions{gap:6px}.share-button span,.export-button span{display:none}.share-button,.export-button{width:38px;padding:0}}@media (width<=767px),(pointer:coarse) and (hover:none) and (width<=900px){.app-shell{grid-template-rows:calc(50px + env(safe-area-inset-top)) minmax(0, 1fr);height:100dvh}.topbar{min-height:50px;padding:env(safe-area-inset-top) 8px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#222222f0;border-bottom-color:#ffffff14;grid-template-columns:minmax(0,1fr) auto auto;box-shadow:0 5px 16px #0000002e}.brand{gap:8px}.brand-mark{border-radius:9px;width:30px;height:30px}.brand h1{text-overflow:ellipsis;font-size:13px;overflow:hidden}.brand p,.header-actions>.share-button,.header-actions>.admin-button,.header-actions>.export-button{display:none}.save-status{justify-content:center;gap:0;width:18px;font-size:0;display:flex}.save-status span{width:8px;height:8px}.header-actions{gap:5px}.presence-button{background:0 0;border-color:#0000;width:auto;min-width:44px;min-height:38px;padding:0 8px}.presence-button strong{display:none}.presence-button span:not(.presence-dot){white-space:nowrap;font-size:10px;display:inline}.more-wrap{display:block}.more-wrap .admin-button{background:0 0;border-color:#0000;width:40px;min-height:40px;display:grid}.top-menu{top:calc(52px + env(safe-area-inset-top));width:min(270px,100vw - 16px);max-height:calc(100dvh - 70px - env(safe-area-inset-top));overscroll-behavior:contain;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;right:8px;overflow-y:auto}.top-menu button{min-height:44px}.canvas-area{min-height:0;margin-bottom:calc(64px + env(safe-area-inset-bottom))}.drawing-canvas{touch-action:none;-webkit-touch-callout:none}.desktop-toolbar,.desktop-sticker-popover{display:none}.mobile-toolbar{z-index:32;height:calc(64px + env(safe-area-inset-bottom));padding:6px max(7px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));background:#232323f7;border-top:1px solid #ffffff1a;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #0000004d}.mobile-toolbar button{color:#a9a9a9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-content:center;place-items:center;gap:1px;min-width:0;min-height:48px;padding:2px;display:grid;position:relative}.mobile-toolbar button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;font-weight:650;overflow:hidden}.mobile-toolbar button.active{color:#77b8ff;background:#2589ff2e;border-color:#5aa5ff61;box-shadow:inset 0 0 0 1px #2589ff14}.mobile-tool-color{border:1px solid #fffc;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:7px;box-shadow:0 1px 5px #00000073}.mobile-toolbar button b{color:#d5d5d5;background:#202020;border-radius:4px;min-width:13px;padding:1px 2px;font-size:7px;font-weight:700;position:absolute;bottom:3px;right:5px}.mobile-sheet-scrim{z-index:45;background:#00000061;animation:.16s both sheet-scrim-in;display:block;position:fixed;inset:0}.mobile-bottom-sheet{min-height:min(34dvh,300px);max-height:min(55dvh,520px);padding-bottom:env(safe-area-inset-bottom);background:#292929;border:1px solid #ffffff1f;border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;transition:transform .18s;animation:.22s cubic-bezier(.2,.8,.2,1) both sheet-rise;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -22px 60px #00000080}.sheet-drag-zone{touch-action:none;place-items:center;min-height:26px;display:grid}.sheet-drag-zone span{background:#595959;border-radius:4px;width:42px;height:4px}.mobile-bottom-sheet>header{border-bottom:1px solid #3a3a3a;justify-content:space-between;align-items:center;min-height:54px;padding:0 16px 10px;display:flex}.mobile-bottom-sheet>header div{gap:3px;display:grid}.mobile-bottom-sheet>header strong{font-size:15px}.mobile-bottom-sheet>header small{color:#8f8f8f;font-size:10px}.mobile-bottom-sheet>header button{color:#bbb;background:#333;border:0;border-radius:12px;width:44px;height:44px;font-size:24px}.mobile-sheet-content{overscroll-behavior:contain;gap:18px;min-height:0;padding:16px;display:grid;overflow-y:auto}.mobile-sheet-content section>h3{color:#9b9b9b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:750}.mobile-style-row{align-items:center;gap:12px;display:flex}.mobile-style-row>div:last-child{gap:3px;display:grid}.mobile-style-row small{color:#8f8f8f;font-size:10px}.mobile-brush-preview{background:currentColor;border:2px solid #fff;border-radius:50%;flex:none;box-shadow:0 0 14px}@supports (color:color-mix(in lab, red, red)){.mobile-brush-preview{box-shadow:0 0 14px color-mix(in srgb, currentColor 40%, transparent)}}.mobile-color-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:7px;display:grid}.mobile-color-grid>button,.mobile-custom-color{background:#333;border:2px solid #0000;border-radius:12px;place-items:center;min-width:40px;min-height:44px;display:grid}.mobile-color-grid>button.selected{border-color:#fff;box-shadow:0 0 0 2px #2589ff}.mobile-custom-color{color:#fff;background:conic-gradient(#ff5656,#ffd85a,#47d765,#3ca8ff,#9b61ff,#ff5656);position:relative;overflow:hidden}.mobile-custom-color input{opacity:0;width:1px;height:1px;position:absolute}.mobile-custom-color span{background:#202020d9;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.mobile-width-control{grid-template-columns:auto minmax(0,1fr) 48px;align-items:center;gap:12px;min-height:48px;display:grid}.mobile-width-control>span{color:#bbb;font-size:11px;font-weight:650}.mobile-width-control input{accent-color:#2589ff;width:100%}.mobile-width-control output{color:#ddd;text-align:center;background:#202020;border-radius:8px;padding:6px;font-size:10px}.mobile-extra-tools{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:7px;display:grid}.mobile-extra-tools button{color:#c3c3c3;background:#303030;border:1px solid #414141;border-radius:12px;place-items:center;min-width:44px;min-height:48px;display:grid}.mobile-extra-tools button.active{color:#75b7ff;background:#2589ff29;border-color:#398ff4}.mobile-extra-tools button:disabled{opacity:.35}.mobile-sticker-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;display:grid;overflow-y:auto}.mobile-sticker-grid .sticker-choice{width:100%;min-height:58px}.selection-actions{justify-content:space-between;gap:4px;min-height:48px;padding:4px;inset:auto 8px 10px;transform:none}.selection-actions>span{display:none}.selection-actions button{justify-content:center;min-width:44px;min-height:40px;padding:0 8px;font-size:0}.selection-actions button svg{width:19px;height:19px}.zoom-controls{-webkit-backdrop-filter:none;backdrop-filter:none;height:42px;top:8px;bottom:auto;right:8px;box-shadow:0 8px 24px #0000003d}.zoom-controls button{width:36px;height:36px}.zoom-controls output{width:45px}.fit-content-button span,.canvas-hint,.minimap{display:none}.empty-state{width:min(340px,100% - 36px);transform:translate(-50%,-50%)}.empty-state small{display:none}.board-sticker{will-change:auto;animation-duration:4s}.side-panel-scrim{z-index:44;background:#00000061;display:block;position:fixed;inset:0}.side-panel{width:100%;height:min(55dvh,520px);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:20px 20px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) both sheet-rise;position:absolute;inset:auto 0 0}.side-panel-head{padding:16px}.side-panel-head>button{width:44px;height:44px}.panel-content{padding:14px}.modal-backdrop{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:end}.dialog-card,.dialog-card.compact{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 16px);border-radius:18px;padding:22px;overflow-y:auto}.dialog-field input,.dialog-field textarea{font-size:16px}}@media (width<=350px){.mobile-toolbar{gap:3px;padding-inline:5px}.mobile-toolbar button span{display:none}.brand h1{max-width:104px}}@media (orientation:landscape) and (height<=560px) and (hover:none){.app-shell{grid-template-rows:calc(46px + env(safe-area-inset-top)) minmax(0, 1fr)}.topbar{min-height:46px}.canvas-area{margin-bottom:calc(58px + env(safe-area-inset-bottom))}.mobile-toolbar{height:calc(58px + env(safe-area-inset-bottom));padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.mobile-toolbar button{min-height:46px}.mobile-bottom-sheet,.side-panel{height:auto;max-height:72dvh}.mobile-sheet-content{grid-template-columns:1fr 1fr}}@keyframes sheet-rise{0%{transform:translateY(100%)}}@keyframes sheet-scrim-in{0%{opacity:0}}@media (width>=1024px){.app-shell{grid-template-rows:var(--desktop-header-height) minmax(0, 1fr)}.topbar{grid-template-columns:minmax(230px,1fr) auto minmax(470px,1fr);padding-inline:18px}.brand{gap:13px}.brand-mark{border-radius:12px;width:42px;height:42px}.brand-mark span{width:4px}.brand-mark span:first-child{height:13px}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){height:16px}.brand h1{font-size:16px;font-weight:650}.brand p{margin-top:3px;font-size:12px}.save-status{background:#27272775;border:1px solid #ffffff12;border-radius:12px;gap:9px;min-height:42px;padding-inline:13px;font-size:12px}.save-status span,.presence-dot{width:8px;height:8px}.header-actions{gap:7px}.presence-button,.share-button,.admin-button,.export-button{border-radius:11px;min-height:42px}.presence-button{max-width:245px;padding-inline:13px;font-size:12px}.presence-button strong{max-width:96px}.share-button{padding-inline:13px}.admin-button{width:42px}.export-button{padding-inline:16px}.header-actions svg{width:19px;height:19px}.desktop-toolbar{width:var(--desktop-toolbar-width);gap:var(--desktop-tool-gap);overscroll-behavior:contain;border-radius:18px;max-height:min(680px,100% - 28px);padding:11px;left:14px}.desktop-toolbar .tool-group{gap:var(--desktop-tool-gap)}.desktop-toolbar .icon-button{width:var(--desktop-tool-button);height:var(--desktop-tool-button);border-radius:12px}.desktop-toolbar .icon-button svg{width:var(--desktop-tool-icon);height:var(--desktop-tool-icon)}.desktop-toolbar .toolbar-divider{width:48px;margin-block:4px}.desktop-toolbar .brush-status{width:60px;min-height:32px;padding:6px 7px}.desktop-toolbar .brush-status span{width:20px;height:20px}.desktop-toolbar .brush-status strong{font-size:10px}.desktop-toolbar .color-picker{grid-template-columns:repeat(2,20px);gap:6px;padding-block:4px}.desktop-toolbar .color-swatch,.desktop-toolbar .custom-color{width:20px;height:20px}.desktop-toolbar .size-control{gap:7px;width:64px}.desktop-toolbar .size-label{font-size:10px}.desktop-toolbar .size-row input{width:58px}.desktop-toolbar .size-row output{min-width:31px;font-size:10px}.sticker-popover{left:calc(14px + var(--desktop-toolbar-width) + 10px)}.navigation-panel{z-index:6;width:var(--desktop-navigation-width);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff08,#0000 42%),#262626f0;border:1px solid #414141;border-radius:17px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;bottom:18px;right:18px;overflow:hidden;box-shadow:0 18px 42px #00000052,inset 0 1px #ffffff0d}.navigation-heading{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:13px;left:14px;right:14px}.navigation-heading span{color:#b5b5b5;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:750}.navigation-heading strong{color:#a4a4a4;background:#121212b8;border:1px solid #ffffff14;border-radius:7px;padding:3px 6px;font-size:9px;font-weight:650}.navigation-panel .minimap{cursor:crosshair;touch-action:none;background:#202020;border:0;border-radius:11px;width:100%;height:105px;padding:0;display:block;position:static;box-shadow:inset 0 0 0 1px #ffffff12}.navigation-panel .zoom-controls{width:100%;height:42px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1818188a;border-color:#ffffff12;border-radius:12px;grid-template-columns:38px minmax(48px,1fr) 38px 46px;gap:3px;padding:2px;display:grid;position:static}.navigation-panel .zoom-controls button{border-radius:9px;width:38px;height:36px}.navigation-panel .zoom-controls output{place-items:center;width:auto;font-size:12px;font-weight:650;display:grid}.navigation-panel .zoom-controls .reset-zoom-button{color:#b8b8b8;width:46px;font-size:10px;font-weight:700}.navigation-panel>.fit-content-button{color:#c4c4c4;cursor:pointer;background:#1f1f1fb8;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:29px;font-size:11px;font-weight:650;display:inline-flex}.navigation-panel>.fit-content-button:hover{color:#fff;background:#2589ff1c;border-color:#2589ff6b}.navigation-panel>.fit-content-button span{font-size:11px}}.board-access-badge{color:#bfc6ce;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:13px;align-items:center;min-height:42px;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex}.board-access-badge:before{content:"";background:#f0b429;border-radius:50%;width:7px;height:7px;margin-right:8px;box-shadow:0 0 0 4px #f0b4291a}.board-access-badge.can-edit:before{background:#38c976;box-shadow:0 0 0 4px #38c9761a}.app-shell.is-readonly .desktop-toolbar,.app-shell.is-readonly .mobile-toolbar,.app-shell.is-readonly .mobile-bottom-sheet,.app-shell.is-readonly .selection-actions,.app-shell.is-readonly .empty-actions{display:none}.app-shell.is-readonly .drawing-canvas{cursor:grab}.shared-board-error{z-index:8;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#222222f0;border:1px solid #ffffff1c;border-radius:20px;justify-items:center;width:min(390px,100vw - 36px);padding:28px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000061}.shared-board-error>span{color:#ff7681;background:#ff5a671f;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:14px;font-size:26px;display:grid}.shared-board-error strong{color:#fff;font-size:20px}.shared-board-error p{color:var(--muted);margin:8px 0 18px;font-size:13px;line-height:1.55}.shared-board-error a{background:var(--accent);color:#fff;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:700;text-decoration:none}.share-dialog{border-radius:28px;width:min(840px,100vw - 48px);max-height:min(900px,100dvh - 48px);padding:44px 46px 40px;overflow-y:auto}.share-dialog-head,.share-dialog-foot{justify-content:space-between;align-items:center;gap:16px;display:flex}.share-dialog-head h2,.share-dialog-head p{margin:0}.share-dialog-head h2{margin-top:10px;font-size:34px;line-height:1.15}.share-dialog-head>button{border:1px solid var(--border);background:var(--panel);color:#d7d7d7;cursor:pointer;border-radius:16px;flex:none;width:54px;height:54px;font-size:31px}.share-mode-list{gap:14px;margin-top:28px;display:grid}.share-mode-list>button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff08;border-radius:20px;grid-template-columns:60px minmax(0,1fr) 32px;align-items:center;gap:19px;width:100%;min-height:104px;padding:18px 22px;transition:all .15s;display:grid}.share-mode-list>button:hover,.share-mode-list>button.active{background:#2589ff1a;border-color:#3a97ff9e}.share-mode-list>button:disabled{opacity:.62;cursor:wait}.share-mode-list>button>span{color:#62adff;background:#2589ff21;border-radius:17px;place-items:center;width:60px;height:60px;font-size:25px;display:grid}.share-mode-list div{gap:8px;display:grid}.share-mode-list strong{color:#f4f7fb;font-size:20px;line-height:1.25}.share-mode-list small{color:#b7bec8;font-size:16px;line-height:1.45}.share-mode-list b{color:#62adff;text-align:center;font-size:25px}.share-link-box{background:#2589ff14;border:1px solid #3a97ff57;border-radius:16px;align-items:center;gap:14px;margin-top:22px;padding:12px 12px 12px 18px;display:flex}.share-link-box span{color:#bcd9fa;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.share-link-box button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:52px;padding:0 22px;font-size:16px;font-weight:700}.share-dialog-foot{margin-top:28px}.share-dialog-foot small{color:#b7bec8;font-size:15px}.share-dialog>.dialog-copy{color:#c7ccd4;margin:17px 0 0;font-size:17px;line-height:1.6}.share-dialog .eyebrow{font-size:14px}.share-dialog-foot .dialog-secondary{border-radius:14px;min-height:52px;padding-inline:22px;font-size:16px}.share-mode-list>button:focus-visible,.share-dialog-head>button:focus-visible,.share-link-box button:focus-visible,.share-dialog-foot .dialog-secondary:focus-visible{outline-offset:3px;outline:3px solid #8ac2ff}@media (width<=760px){.board-access-badge{display:none}.share-dialog{border-radius:20px;width:min(100%,560px);max-height:calc(100dvh - 24px);padding:28px 22px 22px}.share-dialog-head h2{font-size:27px}.share-dialog-head>button{width:46px;height:46px}.share-mode-list>button{grid-template-columns:44px minmax(0,1fr) 22px;gap:13px;min-height:84px;padding-block:13px;padding-inline:12px}.share-mode-list>button>span{width:44px;height:44px}.share-mode-list strong{font-size:16px}.share-mode-list small{font-size:14px}}@media (width>=1024px) and (width<=1439px){:root{--desktop-header-height:78px;--desktop-toolbar-width:82px;--desktop-tool-button:44px;--desktop-tool-icon:21px;--desktop-navigation-width:204px}.topbar{grid-template-columns:minmax(205px,1fr) auto minmax(420px,1fr);padding-inline:16px}.brand-mark{width:38px;height:38px}.save-status{min-height:40px;padding-inline:11px}.presence-button,.share-button,.admin-button,.export-button{min-height:40px}.admin-button{width:40px}.desktop-toolbar{max-height:min(620px,100% - 24px);padding:10px}.desktop-toolbar .brush-status{width:56px}.desktop-toolbar .size-control{width:58px}.desktop-toolbar .size-row input{width:52px}.navigation-panel{border-radius:15px;padding:9px;bottom:16px;right:16px}.navigation-panel .minimap{height:92px}.navigation-panel .zoom-controls{grid-template-columns:36px minmax(44px,1fr) 36px 43px;height:40px}.navigation-panel .zoom-controls button{width:36px;height:34px}.navigation-panel .zoom-controls .reset-zoom-button{width:43px}}@media (width<=1023px){.navigation-panel{display:contents}.navigation-heading,.navigation-panel .minimap,.navigation-panel>.fit-content-button{display:none}}@media (width>=1024px){:root{--desktop-navigation-height:clamp(286px, 29vh, 320px);--desktop-header-control-height:clamp(56px, 3.35vw, 64px)}.topbar{background:linear-gradient(#ffffff0a,#0000 48%),linear-gradient(90deg,#2589ff12,#0000 25%),#242426f7;border-bottom-color:#3d3d3d;grid-template-columns:minmax(250px,1fr) auto minmax(520px,1fr);padding-inline:clamp(18px,1.25vw,24px);box-shadow:0 14px 36px #00000040,inset 0 1px #ffffff0f}.brand{gap:clamp(13px,.85vw,16px)}.brand-mark{background:linear-gradient(180deg, #ffffff2e, transparent 42%), var(--accent);border:1px solid #8acdff61;border-radius:clamp(15px,1vw,19px);width:clamp(50px,3vw,58px);height:clamp(50px,3vw,58px);box-shadow:0 10px 24px #2589ff47,inset 0 1px #ffffff47}.brand h1{letter-spacing:-.025em;font-size:clamp(19px,1.12vw,21px);font-weight:720}.brand p{margin-top:4px;font-size:clamp(13px,.72vw,14px)}.save-status{height:var(--desktop-header-control-height);min-height:var(--desktop-header-control-height);font-size:var(--workspace-control-font);white-space:nowrap;background:linear-gradient(#ffffff0d,#0000),#2a2a2dc7;border-color:#ffffff17;border-radius:17px;padding-inline:clamp(14px,.9vw,18px);line-height:1;box-shadow:0 8px 20px #00000024,inset 0 1px #ffffff0f}.save-status span,.presence-dot{width:9px;height:9px;box-shadow:0 0 12px}.header-actions{height:var(--desktop-header-control-height);white-space:nowrap;align-items:stretch;gap:clamp(6px,.42vw,8px)}.presence-button,.share-button,.admin-button,.export-button{height:var(--desktop-header-control-height);min-height:var(--desktop-header-control-height);font-size:var(--workspace-control-font);white-space:nowrap;background:linear-gradient(#ffffff0d,#0000),#2b2b2edb;border-color:#ffffff1a;border-radius:clamp(14px,.9vw,18px);flex:none;line-height:1;transition:transform .15s cubic-bezier(.2,.8,.2,1),border-color .15s,background .15s,box-shadow .15s;box-shadow:0 8px 18px #00000021,inset 0 1px #ffffff0f}.presence-button:hover,.share-button:hover,.admin-button:hover,.export-button:hover{transform:translateY(-2px)}.presence-button:active,.share-button:active,.admin-button:active,.export-button:active{transform:scale(.97)}.presence-button{grid-template-columns:9px 32px max-content minmax(0,max-content);align-items:center;max-width:340px;padding-inline:clamp(14px,.94vw,18px);display:grid}.presence-button .presence-dog{width:32px;height:32px}.presence-button>span:not(.presence-dot){white-space:nowrap;flex:none}.presence-button strong{min-width:0;max-width:132px;font-size:inherit;text-align:left;line-height:1.2;display:block}.share-button,.export-button{padding-inline:clamp(15px,1vw,20px)}.admin-button{width:clamp(50px,3vw,58px)}.more-wrap{height:var(--desktop-header-control-height);flex:none;place-items:stretch stretch;display:grid}.more-wrap>.admin-button{height:100%}.header-actions svg{flex:none;width:clamp(22px,1.3vw,25px);height:clamp(22px,1.3vw,25px)}.top-menu,.side-panel,.sticker-popover{border-radius:22px;animation:.16s cubic-bezier(.2,.8,.2,1) desktop-panel-arrive;box-shadow:0 24px 60px #0000006b,inset 0 1px #ffffff12}.top-menu button,.side-panel button,.sticker-popover button{font-size:14px}.desktop-toolbar{width:var(--desktop-toolbar-width);background:linear-gradient(#ffffff0f,#0000 24%),linear-gradient(135deg,#2589ff0d,#0000 44%),#28282bf2;border:1px solid #414144;border-radius:clamp(20px,1.25vw,24px);align-items:stretch;gap:clamp(7px,.45vw,9px);max-height:calc(100% - clamp(24px,1.7vw,32px));padding:clamp(11px,.78vw,15px);animation:.16s cubic-bezier(.2,.8,.2,1) desktop-panel-arrive;left:clamp(12px,.84vw,16px);overflow-x:visible;box-shadow:0 24px 56px #00000061,0 6px 18px #0003,inset 0 1px #ffffff14}.desktop-toolbar .toolbar-section-title{color:#b8bac2;letter-spacing:.015em;text-align:left;width:100%;font-size:clamp(13px,.73vw,14px);font-weight:720;line-height:1.2;display:block}.desktop-toolbar .tool-group,.desktop-toolbar .tool-grid,.desktop-toolbar .toolbar-action-row{grid-template-columns:repeat(2, var(--desktop-tool-button));gap:var(--desktop-tool-gap);justify-content:center;display:grid}.desktop-toolbar .icon-button{width:var(--desktop-tool-button);height:var(--desktop-tool-button);color:#c2c4cb;background:linear-gradient(#ffffff08,#0000),#2323269e;border:1px solid #0000;border-radius:clamp(15px,.95vw,18px);transition:color .14s,background .14s,border-color .14s,transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .16s;box-shadow:inset 0 1px #ffffff0a}.desktop-toolbar .icon-button:hover{color:#fff;background:linear-gradient(#ffffff14,#0000),#343439;border-color:#ffffff1a;transform:translateY(-2px)}.desktop-toolbar .icon-button:active{transform:scale(.97)}.desktop-toolbar .icon-button.active{background:linear-gradient(#ffffff2b,#0000 48%),linear-gradient(145deg,#369eff,#207eef);border-color:#83caff73;box-shadow:0 9px 22px #2589ff47,0 0 18px #5b6fff26,inset 0 1px #ffffff38}.desktop-toolbar .icon-button svg{width:var(--desktop-tool-icon);height:var(--desktop-tool-icon);filter:drop-shadow(0 1px #0000003d)}.desktop-toolbar .icon-button[data-tooltip]:after,.desktop-toolbar .color-swatch[data-tooltip]:after{border-radius:11px;padding:9px 11px;font-size:14px;line-height:1.15;left:calc(100% + 18px);box-shadow:0 12px 28px #00000052}.desktop-toolbar .toolbar-divider{background:linear-gradient(90deg,#0000,#4a4a4f 15% 85%,#0000);width:100%;margin-block:2px}.desktop-toolbar .brush-status{background:linear-gradient(#ffffff0d,#0000),#1f1f22c7;border-color:#ffffff1a;border-radius:15px;justify-content:flex-start;gap:10px;width:100%;min-height:50px;padding:7px 9px}.desktop-toolbar .brush-status span{border:3px solid #ffffffe6;flex:none;width:34px;height:34px;box-shadow:0 7px 14px #00000047,inset 0 2px 3px #ffffff3d}.desktop-toolbar .brush-status strong{color:#f1f2f5;font-size:15px}.desktop-toolbar .color-picker{grid-template-columns:repeat(4,clamp(22px,1.25vw,24px));justify-content:space-between;gap:6px;width:100%;padding-block:3px}.desktop-toolbar .color-swatch,.desktop-toolbar .custom-color{width:clamp(22px,1.25vw,24px);height:clamp(22px,1.25vw,24px)}.desktop-toolbar .color-swatch.selected{outline-offset:2px;outline-width:3px;transform:scale(1.05)}.desktop-toolbar .size-control{gap:0;width:100%}.desktop-toolbar .size-row{gap:8px;width:100%}.desktop-toolbar .size-row input{width:min(76px,100% - 38px);min-width:0}.desktop-toolbar .size-row output{border-radius:10px;min-width:34px;min-height:30px;font-size:14px}.sticker-popover{left:calc(clamp(12px, .84vw, 16px) + var(--desktop-toolbar-width) + 12px)}.navigation-panel{width:var(--desktop-navigation-width);height:var(--desktop-navigation-height);background:linear-gradient(#ffffff0f,#0000 30%),linear-gradient(135deg,#594cff0d,#0000 46%),#28282bf2;border:1px solid #414144;border-radius:clamp(20px,1.25vw,24px);grid-template-rows:minmax(0,1fr) 52px 42px;gap:7px;padding:11px;animation:.16s cubic-bezier(.2,.8,.2,1) desktop-panel-arrive;display:grid;bottom:clamp(16px,1vw,20px);right:clamp(16px,1vw,20px);box-shadow:0 24px 56px #00000061,0 6px 18px #0003,inset 0 1px #ffffff14}.navigation-heading{top:17px;left:18px;right:18px}.navigation-heading span{color:#d4d5da;font-size:var(--workspace-panel-copy);letter-spacing:.035em;text-transform:none}.navigation-heading strong{color:#c2c4cb;border-radius:10px;padding:5px 8px;font-size:clamp(14px,.78vw,16px)}.navigation-panel .minimap{background:radial-gradient(circle at 30% 20%,#2589ff12,#0000 45%),#202023;border-radius:15px;height:100%;min-height:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff0d}.navigation-panel .zoom-controls{background:#1d1d20c7;border-radius:15px;grid-template-columns:46px minmax(56px,1fr) 46px 58px;gap:4px;height:52px;padding:3px}.navigation-panel .zoom-controls button{background:linear-gradient(#ffffff0d,#0000),#2f2f33c7;border:1px solid #ffffff12;border-radius:13px;width:46px;height:46px}.navigation-panel .zoom-controls output{font-size:var(--workspace-panel-copy);font-weight:720}.navigation-panel .zoom-controls .reset-zoom-button{width:58px;font-size:clamp(14px,.78vw,16px)}.navigation-panel>.fit-content-button{min-height:42px;font-size:var(--workspace-panel-copy);border-radius:13px}.navigation-panel>.fit-content-button span{font-size:var(--workspace-panel-copy)}.identity-dialog{border-radius:28px;width:min(680px,100vw - 64px);max-height:calc(100dvh - 40px);padding:clamp(42px,2.6vw,50px);overflow-y:auto}.board-access-badge{height:var(--desktop-header-control-height);font-size:var(--workspace-control-font)}.identity-dialog .dialog-icon{border-radius:17px;width:56px;height:56px;margin-bottom:26px}.identity-dialog .eyebrow{margin-bottom:10px;font-size:14px}.identity-dialog h2{font-size:clamp(34px,2vw,39px);line-height:1.12}.identity-dialog .dialog-copy{margin:14px 0 26px;font-size:17px;line-height:1.6}.identity-dialog .dialog-field{gap:10px}.identity-dialog .dialog-field span,.identity-dialog .dialog-dog-picker legend{font-size:15px}.identity-dialog .dialog-field input{border-radius:14px;height:58px;padding-inline:17px;font-size:17px}.identity-dialog .dialog-dog-picker{gap:10px;margin-top:4px}.identity-dialog .dialog-dog-picker>div{gap:10px}.identity-dialog .dialog-dog-picker button{border-radius:16px;gap:6px;min-height:112px;padding:10px 6px}.identity-dialog .dialog-dog-picker .dog-cursor{width:58px;height:58px}.identity-dialog .dialog-dog-picker small{font-size:12px;font-weight:650}.identity-dialog .dialog-primary,.identity-dialog .dialog-secondary{border-radius:14px;min-height:56px;font-size:17px}}@media (width>=1024px) and (width<=1439px){:root{--desktop-header-height:clamp(86px, 6.7vw, 92px);--desktop-toolbar-width:clamp(124px, 9.6vw, 134px);--desktop-tool-button:clamp(50px, 3.95vw, 54px);--desktop-tool-icon:clamp(25px, 2vw, 27px);--desktop-tool-gap:6px;--desktop-navigation-width:clamp(268px, 22vw, 302px);--desktop-navigation-height:clamp(236px, 31vh, 268px);--desktop-header-control-height:clamp(50px, 4vw, 54px);--workspace-control-font:clamp(14px, 1.22vw, 16px);--workspace-panel-copy:clamp(14px, 1.16vw, 16px)}.topbar{grid-template-columns:minmax(205px,1fr) auto minmax(430px,1fr);padding-inline:16px}.brand-mark{width:48px;height:48px}.brand h1{font-size:19px}.brand p{font-size:13px}.presence-button strong{max-width:clamp(78px,7vw,104px)}.save-status,.presence-button,.share-button,.admin-button,.export-button{height:var(--desktop-header-control-height);min-height:46px}.admin-button{width:var(--desktop-header-control-height)}.desktop-toolbar{border-radius:20px;gap:6px;padding:9px}.desktop-toolbar .brush-status{min-height:44px;padding:5px 7px}.desktop-toolbar .brush-status span{width:28px;height:28px}.desktop-toolbar .color-picker{grid-template-columns:repeat(4,21px);gap:5px}.desktop-toolbar .color-swatch,.desktop-toolbar .custom-color{width:21px;height:21px}.navigation-panel{border-radius:19px;padding:9px}.navigation-panel .zoom-controls{grid-template-columns:41px minmax(48px,1fr) 41px 52px;height:48px}.navigation-panel .zoom-controls button{width:41px;height:41px}.navigation-panel .zoom-controls .reset-zoom-button{width:52px}.navigation-panel>.fit-content-button{min-height:38px}}@media (width<=760px){.identity-dialog{width:100%;padding:24px}.identity-dialog h2{font-size:27px}.identity-dialog .dialog-copy{font-size:15px}.identity-dialog .dialog-dog-picker button{min-height:82px}.identity-dialog .dialog-dog-picker .dog-cursor{width:44px;height:44px}.identity-dialog .dialog-dog-picker small{font-size:10px}}@media (width>=1024px) and (width<=1179px){.share-button{width:var(--desktop-header-control-height);padding:0}.share-button span{display:none}.presence-button strong{max-width:64px}}@keyframes desktop-panel-arrive{0%{opacity:0;transform:translateY(-50%)scale(.97)}}@media (width>=1024px){.navigation-panel{transform-origin:100% 100%}.navigation-panel,.top-menu,.side-panel,.sticker-popover{animation-name:desktop-surface-arrive}}@keyframes desktop-surface-arrive{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.desktop-toolbar,.navigation-panel,.top-menu,.side-panel,.sticker-popover{animation:none}}.boards-page,.boards-signin{isolation:isolate;color:#eef7ff;background:radial-gradient(circle at 12% 8%,#2589ff45,#0000 34rem),radial-gradient(circle at 88% 32%,#b776ff2b,#0000 36rem),#07111f;min-height:100dvh;position:relative}.boards-page{height:100dvh;padding:0 clamp(28px,5vw,92px) 92px;overflow:auto}.boards-page:before,.boards-page:after,.boards-signin:before,.boards-signin:after{z-index:-2;content:"";pointer-events:none;position:fixed;inset:-18%}.boards-page:before,.boards-signin:before{filter:blur(12px);background:radial-gradient(circle at 20% 24%,#2589ff36 0 9%,#0000 28%),radial-gradient(circle at 76% 30%,#8b5cf626 0 8%,#0000 27%),radial-gradient(circle at 62% 82%,#27c7b514 0 7%,#0000 25%);animation:18s ease-in-out infinite alternate boards-aurora}.boards-page:after,.boards-signin:after{z-index:-1;opacity:.2;background-image:linear-gradient(#6cabea1f 1px,#0000 1px),linear-gradient(90deg,#6cabea1f 1px,#0000 1px);background-size:54px 54px;animation:28s linear infinite boards-grid-drift;inset:0;-webkit-mask-image:linear-gradient(#0000009e,#0000 76%);mask-image:linear-gradient(#0000009e,#0000 76%)}.boards-header{z-index:1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;min-height:102px;display:flex;position:relative}.boards-brand,.boards-user,.board-card,.boards-section-title a,.signin-back{color:inherit;text-decoration:none}.boards-brand{align-items:center;gap:15px;display:flex}.boards-brand>span:last-child{gap:2px;display:grid}.boards-brand strong{letter-spacing:-.035em;font-size:21px;font-weight:760}.boards-brand small{color:#8195ad;letter-spacing:-.01em;font-size:14px;font-weight:520}.boards-brand-mark{background:linear-gradient(145deg,#1f8cff,#1262d8);border-radius:15px;justify-content:center;align-items:center;gap:3px;width:48px;height:48px;display:flex;box-shadow:0 10px 30px #2589ff4d}.boards-brand-mark i{background:#fff;border-radius:99px;width:4px}.boards-brand-mark i:first-child{opacity:.72;height:12px}.boards-brand-mark i:nth-child(2){height:20px}.boards-brand-mark i:nth-child(3){opacity:.84;height:15px}.boards-user{align-items:center;gap:12px;font-size:16px;font-weight:560;display:flex}.boards-user>span{color:#8bc6ff;background:#183454;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.boards-user a{color:#8397ae;margin-left:8px;text-decoration:none}.boards-hero{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(410px,.82fr);align-items:end;gap:clamp(42px,7vw,92px);max-width:1320px;margin:0 auto;padding:clamp(64px,7vw,112px) 0 66px;display:grid;position:relative}.boards-hero p,.boards-section-title p,.boards-signin>p{color:#4da2ff;letter-spacing:.13em;margin:0 0 12px;font-size:14px;font-weight:760}.boards-hero h1{letter-spacing:-.06em;max-width:720px;margin:0 0 22px;font-size:clamp(52px,5.45vw,82px);font-weight:720;line-height:.96}.boards-hero>div>span{color:#91a5bb;max-width:580px;font-size:19px;font-weight:450;line-height:1.52;display:block}.board-create{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1c2fc7;border:1px solid #86bbf129;border-radius:25px;padding:28px;box-shadow:0 28px 70px #0000003d}.board-create label{color:#b8c8d8;margin-bottom:12px;font-size:15px;font-weight:680;display:block}.board-create>div{gap:11px;display:flex}.board-create input{color:#fff;background:#040e1bb3;border:1px solid #ffffff1f;border-radius:13px;outline:none;flex:1;min-width:0;height:56px;padding:0 17px;font-size:16px}.board-create input:focus{border-color:#2589ff;box-shadow:0 0 0 3px #2589ff26}.board-create button{color:#fff;letter-spacing:-.015em;cursor:pointer;background:#2589ff;border:0;border-radius:13px;min-width:160px;font-size:15px;font-weight:740}.board-create button:disabled{opacity:.45;cursor:default}.boards-library{z-index:1;max-width:1320px;margin:0 auto;position:relative}.boards-section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.boards-section-title p{margin-bottom:6px}.boards-section-title h2{letter-spacing:-.045em;margin:0;font-size:33px;font-weight:700}.boards-section-title a{color:#a8caeb;font-size:16px;font-weight:650}.boards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.board-card{background:#0a192bd6;border:1px solid #ffffff17;border-radius:20px;grid-template-columns:1fr auto;gap:15px;min-width:0;padding:17px 17px 20px;transition:transform .16s,border-color .16s;display:grid;position:relative}.board-card:hover{border-color:#419bfa80;transform:translateY(-3px)}.board-card-preview{background-color:#0b1c30;background-image:linear-gradient(#3d70a51c 1px,#0000 1px),linear-gradient(90deg,#3d70a51c 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:13px;grid-column:1/-1;height:170px;position:relative;overflow:hidden}.board-card-preview span{border-radius:99px;display:block;position:absolute}.board-card-preview span:first-child{background:#2589ff;width:82px;height:8px;top:34%;left:22%;transform:rotate(-12deg)}.board-card-preview span:nth-child(2){border:3px solid #b776ff;width:42px;height:42px;top:43%;right:20%}.board-card-preview span:nth-child(3){border:3px solid #34c759;border-radius:8px;width:58px;height:40px;bottom:12%;left:43%}.board-card h3{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:19px;font-weight:680;overflow:hidden}.board-card p{color:#8fa5ba;margin:0;font-size:14px}.board-card>strong{color:#5daaff;align-self:center}.boards-empty,.boards-loading{text-align:center;color:#879bb0;background:#0917288c;border:1px dashed #77acde38;border-radius:22px;align-content:center;place-items:center;min-height:280px;display:grid}.boards-empty span{color:#65b0ff;font-size:34px}.boards-empty h3{color:#eaf5ff;margin:12px 0 7px;font-size:20px}.boards-empty p{max-width:480px;margin:0;font-size:15px;line-height:1.55}.boards-error{color:#ff8891}.boards-signin{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.signin-orbit{border:1px solid #56a9ff40;border-radius:50%;width:112px;height:112px;margin-bottom:32px;position:relative;box-shadow:0 0 70px #2589ff33}.signin-orbit span{background:#58aaff;border-radius:50%;position:absolute;box-shadow:0 0 16px #2589ff}.signin-orbit span:first-child{width:13px;height:13px;top:11px;left:20px}.signin-orbit span:nth-child(2){background:#b776ff;width:9px;height:9px;top:50px;right:9px}.signin-orbit span:nth-child(3){background:#34c759;width:17px;height:17px;bottom:8px;left:45px}.boards-signin h1{letter-spacing:-.06em;text-wrap:balance;max-width:820px;margin:0;font-size:clamp(44px,6.4vw,74px);font-weight:720;line-height:.98}.boards-signin>span{color:#91a5bb;text-wrap:balance;max-width:620px;margin:24px 0 32px;font-size:18px;font-weight:450;line-height:1.55}.boards-signin>a:not(.signin-back){color:#fff;letter-spacing:-.015em;background:#2589ff;border-radius:15px;padding:17px 25px;font-size:17px;font-weight:740;text-decoration:none;box-shadow:0 14px 34px #2589ff4d}.boards-signin small{color:#70869d;margin-top:16px;font-size:14px}.signin-back{color:#8fb4d8;margin-top:40px;font-size:15px;font-weight:560}.boards-link,.board-back-link{color:#cfe6fa;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:11px;justify-content:center;align-items:center;height:40px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.boards-link{padding:0 15px;font-size:13px}.board-back-link{flex:0 0 38px;width:38px;font-size:19px}@media (width<=820px){.boards-hero{grid-template-columns:1fr;align-items:stretch}.boards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boards-link{display:none}}@media (width<=560px){.boards-page{padding-inline:16px}.boards-header{min-height:72px}.boards-user strong{display:none}.boards-user a{margin-left:0}.boards-hero{gap:30px;padding-top:42px}.boards-hero h1{font-size:42px}.board-create>div{flex-direction:column}.board-create button{height:46px}.boards-grid{grid-template-columns:1fr}.boards-section-title{flex-direction:column;align-items:flex-start}.board-back-link{display:none}}@keyframes boards-aurora{0%{transform:translate(-4%,-3%)scale(1)}33%{transform:translate(5%,2%)scale(1.09)}66%{transform:translate(1%,6%)scale(1.04)}to{transform:translate(-3%,1%)scale(1.1)}}@keyframes boards-grid-drift{0%{background-position:0 0}to{background-position:108px 54px}}@media (prefers-reduced-motion:reduce){.boards-page:before,.boards-page:after,.boards-signin:before,.boards-signin:after{animation:none}}@media (width>=1024px){.topbar{grid-template-columns:minmax(230px,auto) minmax(120px,1fr) auto}.topbar:has(.board-back-link){grid-template-columns:auto minmax(200px,auto) minmax(120px,1fr) auto}.save-status{justify-self:center;width:max-content}}.board-identity{align-items:center;gap:14px;min-width:0;display:flex}@media (width>=1024px){:is(.topbar,.topbar:has(.board-back-link)){grid-template-columns:minmax(310px,auto) minmax(140px,1fr) auto;column-gap:clamp(18px,1.4vw,28px)}.board-identity{gap:clamp(12px,.85vw,17px)}.board-back-link{width:clamp(50px,3vw,58px);height:var(--desktop-header-control-height);border-radius:clamp(14px,.9vw,18px);flex-basis:clamp(50px,3vw,58px);font-size:clamp(24px,1.45vw,28px)}.boards-link{height:var(--desktop-header-control-height);font-size:var(--workspace-control-font);background:linear-gradient(#ffffff14,#0000),#2589ff24;border-color:#5baeff5c;border-radius:clamp(14px,.9vw,18px);padding-inline:clamp(21px,1.4vw,28px);box-shadow:inset 0 1px #ffffff12}.boards-link:hover{background:#2589ff38;border-color:#5baeff9e}}@media (width>=1440px){.boards-page{padding-inline:clamp(52px,5.2vw,112px)}.boards-header{min-height:124px}.boards-brand{gap:18px}.boards-brand-mark{border-radius:18px;width:58px;height:58px}.boards-brand strong{font-size:25px}.boards-brand small{font-size:16px}.boards-user{gap:14px;font-size:18px}.boards-user>span{width:48px;height:48px}.boards-hero,.boards-library{max-width:1500px}.boards-hero{grid-template-columns:minmax(0,1.04fr) minmax(500px,.84fr);gap:clamp(64px,6vw,112px);padding:clamp(76px,7vh,104px) 0 78px}.boards-hero p,.boards-section-title p{font-size:16px}.boards-hero h1{max-width:850px;margin-bottom:28px;font-size:clamp(76px,4.8vw,94px)}.boards-hero>div>span{max-width:660px;font-size:22px}.board-create{border-radius:29px;padding:34px}.board-create label{margin-bottom:14px;font-size:17px}.board-create input{border-radius:15px;height:64px;padding-inline:20px;font-size:18px}.board-create button{border-radius:15px;min-width:190px;font-size:17px}.boards-section-title{margin-bottom:29px}.boards-section-title h2{font-size:41px}.boards-section-title a{background:#2589ff1a;border:1px solid #5baeff4d;border-radius:15px;align-items:center;gap:13px;min-height:54px;padding:0 20px;font-size:17px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.boards-section-title a:hover{background:#2589ff2e;border-color:#5baeff9e;transform:translateY(-2px)}.boards-section-title a b{color:#59abff;font-size:22px}.boards-grid{gap:26px}.board-card{border-radius:24px;padding:21px 21px 24px}.board-card-preview{border-radius:16px;height:204px}.board-card h3{font-size:23px}.board-card p{font-size:16px}}.boards-page:before,.boards-page:after,.boards-signin:before,.boards-signin:after{z-index:0}.boards-page:before,.boards-signin:before{opacity:.9;filter:blur(8px);animation-duration:12s}.boards-page:after,.boards-signin:after{opacity:.26;animation-duration:18s}@media (width>=1024px){:root{--desktop-header-height:clamp(84px, 5.25vw, 100px);--desktop-toolbar-width:clamp(124px, 6.8vw, 138px);--desktop-tool-button:clamp(50px, 2.85vw, 55px);--desktop-tool-icon:clamp(23px, 1.4vw, 27px);--desktop-navigation-width:clamp(300px, 16.3vw, 330px);--desktop-navigation-height:clamp(252px, 25.5vh, 286px);--desktop-header-control-height:clamp(50px, 2.9vw, 56px);--workspace-control-font:clamp(14px, .78vw, 16px);--workspace-panel-copy:clamp(14px, .76vw, 16px)}:is(.topbar,.topbar:has(.board-back-link)){grid-template-columns:minmax(276px,auto) minmax(130px,1fr) auto;column-gap:clamp(15px,1.05vw,21px)}.brand-mark{border-radius:clamp(14px,.85vw,17px);width:clamp(46px,2.65vw,52px);height:clamp(46px,2.65vw,52px)}.brand h1{font-size:clamp(18px,1vw,20px)}.brand p{font-size:clamp(12px,.68vw,13px)}.board-back-link{border-radius:clamp(13px,.8vw,16px);flex-basis:clamp(46px,2.65vw,52px);width:clamp(46px,2.65vw,52px);font-size:clamp(22px,1.25vw,25px)}.boards-link{border-radius:clamp(13px,.8vw,16px);padding-inline:clamp(18px,1.15vw,23px)}.desktop-toolbar{border-radius:clamp(18px,1.05vw,21px);gap:clamp(6px,.38vw,8px);padding:clamp(10px,.66vw,13px)}.desktop-toolbar .toolbar-section-title{font-size:clamp(12px,.66vw,13px)}.desktop-toolbar .icon-button{border-radius:clamp(13px,.82vw,16px)}.desktop-toolbar .brush-status{min-height:44px}.desktop-toolbar .brush-status span{width:29px;height:29px}.desktop-toolbar .brush-status strong,.desktop-toolbar .size-row output{font-size:13px}.desktop-toolbar .color-picker{grid-template-columns:repeat(4,clamp(20px,1.1vw,22px))}.desktop-toolbar .color-swatch,.desktop-toolbar .custom-color{width:clamp(20px,1.1vw,22px);height:clamp(20px,1.1vw,22px)}.navigation-panel{border-radius:clamp(18px,1.05vw,21px);grid-template-rows:minmax(0,1fr) 46px 38px;gap:6px;padding:10px}.navigation-heading{top:15px;left:16px;right:16px}.navigation-panel .zoom-controls{border-radius:13px;grid-template-columns:40px minmax(52px,1fr) 40px 52px;height:46px}.navigation-panel .zoom-controls button{border-radius:11px;width:40px;height:40px}.navigation-panel .zoom-controls .reset-zoom-button{width:52px;font-size:14px}.navigation-panel>.fit-content-button{border-radius:11px;min-height:38px}.identity-dialog{border-radius:25px;width:min(630px,100vw - 64px);padding:clamp(38px,2.2vw,44px)}.identity-dialog h2{font-size:clamp(31px,1.8vw,36px)}.identity-dialog .dialog-copy,.identity-dialog .dialog-field input,.identity-dialog .dialog-primary,.identity-dialog .dialog-secondary{font-size:16px}.identity-dialog .dialog-field input{height:54px}.identity-dialog .dialog-dog-picker button{min-height:102px}.identity-dialog .dialog-dog-picker .dog-cursor{width:54px;height:54px}.identity-dialog .dialog-primary,.identity-dialog .dialog-secondary{min-height:52px}.share-dialog{border-radius:25px;width:min(770px,100vw - 48px);padding:38px 40px 36px}.share-dialog-head h2{font-size:31px}.share-mode-list>button{border-radius:18px;grid-template-columns:54px minmax(0,1fr) 28px;gap:17px;min-height:94px;padding:16px 19px}.share-mode-list>button>span{width:54px;height:54px}.share-mode-list strong{font-size:18px}.share-mode-list small,.share-link-box span,.share-link-box button,.share-dialog-foot .dialog-secondary{font-size:15px}}@media (width>=1440px){.boards-page{padding-inline:clamp(46px,4.6vw,96px)}.boards-header{min-height:110px}.boards-brand{gap:16px}.boards-brand-mark{border-radius:16px;width:52px;height:52px}.boards-brand strong{font-size:22px}.boards-brand small{font-size:14px}.boards-user{gap:12px;font-size:16px}.boards-user>span{width:42px;height:42px}.boards-hero,.boards-library{max-width:1400px}.boards-hero{grid-template-columns:minmax(0,1.04fr) minmax(460px,.84fr);gap:clamp(54px,5vw,90px);padding:clamp(64px,6vh,84px) 0 66px}.boards-hero p,.boards-section-title p{font-size:15px}.boards-hero h1{max-width:780px;margin-bottom:24px;font-size:clamp(66px,4.25vw,82px)}.boards-hero>div>span{max-width:610px;font-size:19px}.board-create{border-radius:26px;padding:30px}.board-create label{margin-bottom:12px;font-size:16px}.board-create input{border-radius:14px;height:58px;padding-inline:18px;font-size:17px}.board-create button{border-radius:14px;min-width:176px;font-size:16px}.boards-section-title{margin-bottom:25px}.boards-section-title h2{font-size:36px}.boards-section-title a{border-radius:14px;gap:11px;min-height:48px;padding-inline:18px;font-size:16px}.boards-section-title a b{font-size:20px}.boards-grid{gap:23px}.board-card{border-radius:22px;padding:19px 19px 22px}.board-card-preview{border-radius:15px;height:184px}.board-card h3{font-size:21px}.board-card p{font-size:15px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}