.ui-toast[data-v-fbb231c8]{z-index:80;text-align:center;border:1px solid #0000;border-radius:14px;min-width:min(240px,100vw - 32px);max-width:calc(100vw - 32px);padding:12px 16px;font-size:.9rem;font-weight:700;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0f172a29}.ui-toast.is-success[data-v-fbb231c8]{color:#065f46;background:#ecfdf5f5;border-color:#0478572e}.ui-toast.is-error[data-v-fbb231c8]{color:#b42318;background:#fef2f2fa;border-color:#dc26262e}.ui-toast-fade-enter-active[data-v-fbb231c8],.ui-toast-fade-leave-active[data-v-fbb231c8]{transition:opacity .18s,transform .18s}.ui-toast-fade-enter-from[data-v-fbb231c8],.ui-toast-fade-leave-to[data-v-fbb231c8]{opacity:0;transform:translate(-50%,-6px)}@media (prefers-reduced-motion:reduce){.ui-toast-fade-enter-active[data-v-fbb231c8],.ui-toast-fade-leave-active[data-v-fbb231c8]{transition:opacity .01ms linear}.ui-toast-fade-enter-from[data-v-fbb231c8],.ui-toast-fade-leave-to[data-v-fbb231c8]{transform:translate(-50%)}}.platform-page-header[data-v-d6029385]{grid-template-columns:84px minmax(0,1fr) 84px;align-items:center;gap:10px;min-height:58px;display:grid}.platform-page-header__side[data-v-d6029385]{align-items:center;min-width:0;display:flex}.platform-page-header__side--left[data-v-d6029385]{justify-content:flex-start}.platform-page-header__side--right[data-v-d6029385]{justify-content:flex-end}.platform-page-header__title-wrap[data-v-d6029385]{justify-self:center;align-items:center;gap:10px;min-width:0;display:flex}.platform-page-header__title[data-v-d6029385]{min-width:0;color:var(--color-ink);letter-spacing:-.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.45rem;font-weight:850;line-height:1.1;overflow:hidden}.platform-page-header__spacer[data-v-d6029385]{width:44px;height:44px;display:block}.platform-page-header__button[data-v-d6029385-s]{border:1px solid var(--color-line);background:var(--color-surface-strong);width:44px;height:44px;color:var(--color-ink);font:inherit;border-radius:14px;place-items:center;padding:0;font-size:1.05rem;display:inline-grid}.platform-page-header__button[data-v-d6029385-s]:hover{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:var(--color-panel-emphasis)}.platform-page-header__button[data-v-d6029385-s]:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-page-header__button svg[data-v-d6029385-s]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:20px;height:20px}@media (width<=1023px){.platform-page-header--mobile-hidden[data-v-d6029385],.platform-page-header--desktop-only[data-v-d6029385]{display:none}}@media (width>=1024px){.platform-page-header--desktop-toolbar[data-v-d6029385]{grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;gap:14px;min-height:52px}.platform-page-header--desktop-toolbar .platform-page-header__side[data-v-d6029385]{min-width:0}.platform-page-header--desktop-toolbar .platform-page-header__title-wrap[data-v-d6029385]{justify-self:start}.platform-page-header--desktop-toolbar .platform-page-header__title[data-v-d6029385]{letter-spacing:0;text-align:left;font-size:1.9rem}}@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-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia: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;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-semibold:600;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mb-4\.5{margin-bottom:calc(var(--spacing) * 4.5)}.mb-\[18px\]{margin-bottom:18px}.\!flex{display:flex!important}.\!grid{display:grid!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.\!w-full{width:100%!important}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-full{width:100%}.\!min-w-0{min-width:calc(var(--spacing) * 0)!important}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)_116px\]{grid-template-columns:minmax(0,1fr) 116px}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[10px\]{gap:10px}.gap-\[var\(--space-2\)\]{gap:var(--space-2)}.gap-\[var\(--space-3\)\]{gap:var(--space-3)}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--color-accent\)\]{border-color:var(--color-accent)}.border-\[var\(--color-line\)\]{border-color:var(--color-line)}.bg-\[var\(--color-panel-emphasis\)\]{background-color:var(--color-panel-emphasis)}.bg-\[var\(--color-panel-quiet\)\]{background-color:var(--color-panel-quiet)}.p-\[12px\]{padding:12px}.p-\[var\(--space-3\)\]{padding:var(--space-3)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-ink\)\]{color:var(--color-ink)}.text-\[var\(--color-subtle\)\]{color:var(--color-subtle)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media not all and (width>=767px){.max-\[767px\]\:p-\[14px\]{padding:14px}}@media (width>=80rem){.xl\:flex{display:flex}.xl\:hidden{display:none}}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}:root{--font-sans:"Inter", "SF Pro Display", "Segoe UI", system-ui, sans-serif;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--radius-sm:10px;--radius-md:14px;--radius-lg:16px;--radius-pill:999px;--duration-fast:.16s;--duration-base:.24s;--ease-standard:cubic-bezier(.22, 1, .36, 1);--focus-ring:#2563eb38;--scrollbar-thumb:#8da0c34d;--app-viewport-height:100vh;--mobile-viewport-inset:0px;--mobile-workspace-drawer-height:min(56vh, 580px);--platform-tabbar-offset:0px;--platform-selection-bar-offset:132px;--color-qr-surface:#fff}[data-theme=dark]{--color-app-bg:#060911;--color-bg-secondary:#0d1422;--color-surface:#101826;--color-surface-strong:#111a2b;--color-surface-soft:#162136;--color-panel-shell:#111a2b;--color-panel-quiet:#111a2b;--color-panel-muted:#182233;--color-panel-emphasis:#65d4ff1f;--color-floating-surface:#050a12f5;--color-stage-bg:#0b111a;--color-stage-overlay-grid:#ffffff08;--color-canvas-shell-outer:#0c121eb8;--color-canvas-shell-inner:#161e2ed1;--color-canvas-shell-border:#adbfe42e;--color-canvas-ruler-fill:#090e18f2;--color-canvas-ruler-border:#adbfe43d;--color-canvas-empty-text:#e6eeffb8;--color-canvas-blank-fill:#111a2b;--color-canvas-assist-mask-fill:#111a2beb;--color-canvas-backdrop-grid:#9fbdff1f;--color-canvas-backdrop-guide:#5a90ff70;--color-canvas-grid:#abbee047;--color-canvas-guide-10:#3872ffcc;--color-canvas-guide-5:#5a90ffdb;--color-canvas-board-divider:#f59e0bb8;--color-canvas-border:#7da7ffd1;--color-canvas-axis:#ceddffb8;--color-minimap-bg:#08111d;--color-minimap-board-stroke:#adc4eb38;--color-minimap-cell-stroke:#070c146b;--color-minimap-grid-stroke:#abc2e81f;--color-minimap-guide-stroke:#d0e0ff47;--color-minimap-canvas-bg:#111a2b;--color-minimap-viewport-border:#65d4ffeb;--color-minimap-viewport-ring:#ffffff47;--color-empty-preview-bg:#111a2b;--color-empty-preview-border:#adbfe42e;--color-empty-preview-bead:#1f2b3e;--color-empty-preview-bead-accent:#65d4ff;--color-empty-preview-bead-muted:#5b6f94;--color-ink:#edf3ff;--color-subtle:#8da0c3;--color-line:#94a8cd29;--color-accent:#65d4ff;--color-accent-ink:#06111f;--color-accent-strong:#39a7ff;--color-accent-soft:#65d4ff29;--color-success:#6ee7b7;--color-warning:#fbbf24;--color-danger:#fb7185;--color-contrast-control-bg:#ffffff0a;--color-contrast-control-bg-hover:#ffffff14;--color-contrast-control-ink:#edf3ff;--color-contrast-control-border:#94a8cd29;--shadow-soft:0 5px 14px #00000029;--shadow-strong:0 14px 30px #00000042;--focus-ring:#65d4ff3d}[data-theme=light]{--color-app-bg:#f7f8fb;--color-bg-secondary:#eef1f6;--color-surface:#fff;--color-surface-strong:#fff;--color-surface-soft:#f8fafc;--color-panel-shell:#fff;--color-panel-quiet:#fff;--color-panel-muted:#f3f6fb;--color-panel-emphasis:#4f7cff1a;--color-floating-surface:#fffffffa;--color-stage-bg:#eef2f7;--color-stage-overlay-grid:#4755690f;--color-canvas-shell-outer:#f5f8ffc7;--color-canvas-shell-inner:#ffffffeb;--color-canvas-shell-border:#8da4d257;--color-canvas-ruler-fill:#f6f9fffa;--color-canvas-ruler-border:#8da4d266;--color-canvas-empty-text:#2d3c58db;--color-canvas-blank-fill:#fff;--color-canvas-assist-mask-fill:#fffffff2;--color-canvas-backdrop-grid:#8199c914;--color-canvas-backdrop-guide:#678cde52;--color-canvas-grid:#8091b32e;--color-canvas-guide-10:#3f6bd670;--color-canvas-guide-5:#597ed68f;--color-canvas-board-divider:#d97706b8;--color-canvas-border:#6b8cdc9e;--color-canvas-axis:#58698ad1;--color-minimap-bg:#dce8fb;--color-minimap-board-stroke:#4661942e;--color-minimap-cell-stroke:#5b74a352;--color-minimap-grid-stroke:#5c76a62e;--color-minimap-guide-stroke:#3b568842;--color-minimap-canvas-bg:#f4f7ff;--color-minimap-viewport-border:#2f5fe7b8;--color-minimap-viewport-ring:#ffffffb8;--color-empty-preview-bg:#fff;--color-empty-preview-border:#8da4d257;--color-empty-preview-bead:#e6ebf5;--color-empty-preview-bead-accent:#2f5fe7;--color-empty-preview-bead-muted:#aebbd3;--color-ink:#121a2b;--color-subtle:#5e6d84;--color-line:#0f172a1f;--color-accent:#2f5fe7;--color-accent-ink:#fff;--color-accent-strong:#2249b8;--color-accent-soft:#4f7cff1f;--color-success:#047857;--color-warning:#b45309;--color-danger:#dc2626;--color-contrast-control-bg:#fffffff5;--color-contrast-control-bg-hover:#f3f7ff;--color-contrast-control-ink:#121a2b;--color-contrast-control-border:#0f172a1f;--shadow-soft:0 3px 8px #1018280b;--shadow-strong:0 10px 24px #1018281a;--focus-ring:#2563eb38;--scrollbar-thumb:#6e81a557}[data-theme=focus]{--color-app-bg:#0a0d10;--color-bg-secondary:#12171d;--color-surface:#12171d;--color-surface-strong:#12171d;--color-surface-soft:#1e262e;--color-panel-shell:#12171d;--color-panel-quiet:#12171d;--color-panel-muted:#1b232c;--color-panel-emphasis:#38bdf81f;--color-floating-surface:#0a0d10f5;--color-stage-bg:#10151b;--color-stage-overlay-grid:#ffffff08;--color-canvas-shell-outer:#0c1115d1;--color-canvas-shell-inner:#161d24e6;--color-canvas-shell-border:#a2b8d429;--color-canvas-ruler-fill:#0c1115f5;--color-canvas-ruler-border:#a2b8d438;--color-canvas-empty-text:#e9f0fac2;--color-canvas-blank-fill:#181f28;--color-canvas-assist-mask-fill:#181f28eb;--color-canvas-backdrop-grid:#7c92ae1a;--color-canvas-backdrop-guide:#5c8ad257;--color-canvas-grid:#a8b8cd3d;--color-canvas-guide-10:#4591e9c7;--color-canvas-guide-5:#67a5f0cc;--color-canvas-board-divider:#f59e0bad;--color-canvas-border:#5da5efb8;--color-canvas-axis:#c7d3e4ad;--color-minimap-bg:#10151b;--color-minimap-board-stroke:#a2b8d433;--color-minimap-cell-stroke:#080c1170;--color-minimap-grid-stroke:#a8b8cd24;--color-minimap-guide-stroke:#c7d3e442;--color-minimap-canvas-bg:#181f28;--color-minimap-viewport-border:#38bdf8d6;--color-minimap-viewport-ring:#ffffff3d;--color-empty-preview-bg:#181f28;--color-empty-preview-border:#a2b8d429;--color-empty-preview-bead:#24303b;--color-empty-preview-bead-accent:#38bdf8;--color-empty-preview-bead-muted:#64748b;--color-ink:#f4f7fb;--color-subtle:#a5b2c0;--color-line:#b9c8dc24;--color-accent:#38bdf8;--color-accent-ink:#0a0d10;--color-accent-strong:#0ea5e9;--color-accent-soft:#38bdf82e;--color-success:#34d399;--color-warning:#d97706;--color-danger:#f87171;--color-contrast-control-bg:#ffffff08;--color-contrast-control-bg-hover:#ffffff0f;--color-contrast-control-ink:#f4f7fb;--color-contrast-control-border:#b9c8dc24;--shadow-soft:0 8px 18px #0003;--shadow-strong:0 18px 40px #00000052;--focus-ring:#38bdf83d;--scrollbar-thumb:#8094b047}:root{color:var(--color-ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:var(--app-viewport-height);font-family:var(--font-sans);background:var(--color-app-bg);overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,select,textarea{font:inherit}button,a,canvas,[role=button]{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard)}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.45}input,select,button:focus,a:focus,canvas:focus,[role=button]:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 4px var(--focus-ring)}input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:14px;flex:0 0 36px;place-items:center;width:36px;height:36px;margin:0;display:grid;position:relative}input[type=checkbox]:before{content:"";border:1px solid var(--color-contrast-control-border);background:var(--color-contrast-control-bg);border-radius:8px;width:22px;height:22px;display:block;box-shadow:inset 0 1px #ffffff38}input[type=checkbox]:after{content:"";opacity:0;border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:6px;margin-top:-2px;position:absolute;transform:rotate(-45deg)}input[type=checkbox]:checked:before{background:var(--color-accent);border-color:#65d4ff6b}input[type=checkbox]:checked:after{opacity:1}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.48}canvas{touch-action:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button:hover:not(:disabled),button:active:not(:disabled){transform:none}}@media (pointer:coarse){.platform-project-card__menu-trigger{width:34px;height:34px}}.studio-root{min-height:var(--app-viewport-height);color:var(--color-ink);background:linear-gradient(180deg, var(--color-app-bg) 0%, var(--color-bg-secondary) 100%);position:relative;overflow:hidden}.studio-root.is-immersive{background:var(--color-stage-bg)}.studio-root.is-standalone-route{height:var(--app-viewport-height)}.studio-noise{pointer-events:none;opacity:.08;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.studio-shell{z-index:1;min-height:var(--app-viewport-height);height:var(--app-viewport-height);gap:var(--space-1);padding:var(--space-1);flex-direction:column;padding-bottom:0;display:flex;position:relative;overflow:visible}.studio-root.is-immersive .studio-shell{gap:0;padding:0}.platform-shell{z-index:1;height:var(--app-viewport-height);min-height:var(--app-viewport-height);background:var(--color-app-bg);display:grid;position:relative;overflow:hidden}.platform-sidebar{display:none}.platform-content{grid-template-rows:auto minmax(0,1fr);align-content:start;min-width:0;min-height:0;display:grid}.platform-header{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:20px min(6vw,48px) 10px;display:grid}.platform-header h1{color:var(--color-ink);letter-spacing:0;text-align:center;margin:0;font-size:1.55rem;font-weight:850}.platform-header__actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.platform-header__create{display:none}.platform-header__utility,.platform-header__utility-spacer{place-items:center;width:44px;height:44px;display:grid}.platform-header__utility{border:1px solid var(--color-line);background:var(--color-surface-strong);color:var(--color-ink);border-radius:14px;font-size:1.05rem}.platform-account-menu-shell{position:relative}.platform-account-trigger{overflow:hidden}.platform-account-trigger__avatar{object-fit:cover;width:100%;height:100%}.platform-account-menu{gap:8px;width:min(280px,100vw - 24px);padding:12px;top:68px;left:auto;right:22px}.settings-list{border:1px solid var(--color-line);background:var(--color-surface-strong);border-radius:18px;display:grid;overflow:hidden}.settings-list--danger{margin-top:6px}.settings-list__item{border:0;border-bottom:1px solid var(--color-line);width:100%;min-height:76px;color:var(--color-ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.settings-list__item:last-child{border-bottom:0}.settings-list__item:hover:not(:disabled){background:color-mix(in srgb, var(--color-panel-emphasis) 46%, var(--color-surface-strong));transform:none}.settings-list__item--danger .settings-list__main strong,.settings-list__item--danger .settings-list__value-text,.settings-list__item--danger .settings-list__chevron{color:var(--color-danger)}.settings-list__main{gap:4px;min-width:0;display:grid}.settings-list__main strong{color:var(--color-ink);font-size:.96rem;font-weight:820}.settings-list__main p{color:var(--color-subtle);margin:0;font-size:.84rem;font-weight:650;line-height:1.45}.settings-list__value{min-width:0;max-width:56%;color:var(--color-subtle);justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.settings-list__value--avatar{max-width:none}.settings-list__value-text{color:var(--color-subtle);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:760;overflow:hidden}.settings-list__avatar{border:1px solid color-mix(in srgb, var(--color-accent) 16%, var(--color-line));background:color-mix(in srgb, var(--color-accent) 10%, var(--color-panel-muted));width:34px;height:34px;color:var(--color-accent-strong);border-radius:12px;flex:0 0 34px;place-items:center;font-size:.88rem;font-weight:850;display:grid;overflow:hidden}.settings-list__avatar img{object-fit:cover;width:100%;height:100%}.settings-list__chevron{color:var(--color-subtle);flex:none;font-size:1rem;font-weight:820}.settings-theme-dialog{gap:12px;display:grid}.settings-theme-option{border:1px solid var(--color-line);background:var(--color-panel-muted);width:100%;min-height:88px;color:var(--color-ink);text-align:left;border-radius:18px;gap:6px;padding:16px 18px;display:grid}.settings-theme-option.is-active{border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-line));background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-strong))}.settings-theme-option strong{font-size:.98rem;font-weight:830}.settings-theme-option span{color:var(--color-subtle);font-size:.84rem;font-weight:680;line-height:1.5}.platform-inline-toolbar{justify-content:flex-end;display:flex}.platform-main-wrap{min-width:0;min-height:0;display:grid}.platform-main-wrap.is-stash-layout{grid-template-columns:minmax(0,1fr)}.platform-main{min-height:0;overflow-y:auto;overflow-y:overlay;flex:1;padding:0 min(6vw,48px)}.platform-main--subpage{grid-template-rows:minmax(0,1fr) auto;align-items:stretch;min-height:0;padding-bottom:20px;display:grid;overflow:hidden}.platform-compliance-footer,.share-compliance-footer{min-width:0;color:var(--color-subtle);justify-content:center;font-size:.78rem;font-weight:680;line-height:1.4;display:flex}.platform-compliance-footer{max-width:1120px;margin:0 auto;padding:4px 0 24px}.share-compliance-footer{padding:4px 0 0}.platform-compliance-footer a,.share-compliance-footer a{color:inherit;text-decoration:none}.platform-compliance-footer a:hover,.share-compliance-footer a:hover{color:var(--color-accent-strong);text-decoration:underline}@media (width<=1023px){.platform-compliance-footer{padding-bottom:calc(20px + var(--platform-tabbar-offset))}}.platform-inspector{display:none}.platform-page{gap:18px;max-width:1120px;margin:0 auto;padding-bottom:20px;display:grid}.platform-content.has-selection-bar .platform-main:not(.platform-main--subpage)>.platform-page--projects{padding-bottom:calc(var(--platform-selection-bar-offset) + env(safe-area-inset-bottom))}.platform-page-loading{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-strong);min-height:220px;color:var(--color-subtle);place-items:center;font-size:.92rem;font-weight:720;display:grid}.platform-blocking-loading{z-index:80;background:color-mix(in srgb, var(--color-app-bg) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.platform-blocking-loading.is-solid{background:var(--color-app-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.platform-blocking-loading__panel{border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-line));border-radius:var(--radius-modal);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 96%, var(--color-accent-soft)), var(--color-surface-strong));min-width:min(320px,100vw - 48px);box-shadow:var(--shadow-strong);color:var(--color-ink);justify-items:center;gap:8px;padding:24px 26px 22px;display:grid}.platform-blocking-loading__panel strong{font-size:1rem;font-weight:850}.platform-blocking-loading__panel small{color:var(--color-subtle);font-size:.82rem;font-weight:700}.platform-blocking-loading__mark,.ui-button__loader,.toolbar-save-trigger__loader,.platform-selection-delete__loader{grid-template-columns:repeat(2,1fr);gap:3px;display:grid}.platform-blocking-loading__mark{width:34px;height:34px;margin-bottom:3px}.platform-blocking-loading__mark i,.ui-button__loader i,.toolbar-save-trigger__loader i,.platform-selection-delete__loader i{background:var(--color-accent);border-radius:6px;animation:.9s ease-in-out infinite bead-loading-pop;display:block;box-shadow:inset 0 -1px #0000001f}.platform-blocking-loading__mark i:nth-child(2),.ui-button__loader i:nth-child(2),.toolbar-save-trigger__loader i:nth-child(2),.platform-selection-delete__loader i:nth-child(2){animation-delay:90ms}.platform-blocking-loading__mark i:nth-child(3),.ui-button__loader i:nth-child(3),.toolbar-save-trigger__loader i:nth-child(3),.platform-selection-delete__loader i:nth-child(3){animation-delay:.18s}.platform-blocking-loading__mark i:nth-child(4),.ui-button__loader i:nth-child(4),.toolbar-save-trigger__loader i:nth-child(4),.platform-selection-delete__loader i:nth-child(4){animation-delay:.27s}.platform-loading-fade-enter-active,.platform-loading-fade-leave-active{transition:opacity .18s}.platform-loading-fade-enter-from,.platform-loading-fade-leave-to{opacity:0}.platform-page-heading{display:none}.platform-page-heading__copy{gap:4px;display:grid}.platform-heading-title-row{align-items:center;gap:10px;min-width:0;display:inline-flex}.platform-view-toggle--heading{display:none}.platform-page-heading h2{color:var(--color-ink);margin:0;font-size:1.5rem;font-weight:850;line-height:1.12}.platform-page-heading p,.platform-page-heading small{color:var(--color-subtle);margin:0;font-size:.84rem;font-weight:720;line-height:1.45}.platform-page-heading__action{min-width:88px}.platform-page--stack{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.platform-page.platform-page--subpage-shell{grid-template-rows:auto minmax(0,1fr);gap:14px;width:100%;max-width:1160px;height:100%;min-height:0;margin:0 auto;padding-bottom:0;display:grid}@media (width>=1024px){.platform-page.platform-page--subpage-shell{gap:18px;max-width:1280px}}.platform-page__scroll{min-height:0;overflow-y:auto;overflow-y:overlay;align-content:start;gap:18px;padding-right:4px;display:grid}.platform-page--home{gap:18px;max-width:1180px}.platform-hero{border:1px solid var(--color-line);background:var(--color-surface-strong);box-shadow:none;border-radius:16px;grid-template-columns:minmax(0,.92fr) minmax(320px,.88fr);align-items:stretch;gap:24px;padding:22px;display:grid}.platform-hero__copy{align-content:center;justify-items:start;gap:0;min-width:0;display:grid}.platform-hero__intro{justify-items:start;min-width:0;display:grid}.platform-pill{border:1px solid color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-strong));width:fit-content;color:var(--color-accent-strong);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.platform-hero h2{max-width:15ch;color:var(--color-ink);letter-spacing:0;text-wrap:balance;margin:12px 0 0;font-size:1.7rem;font-weight:850;line-height:1.16}.platform-hero p{max-width:52ch;color:var(--color-subtle);margin:8px 0 0;font-size:.92rem;font-weight:680;line-height:1.56}.platform-hero__actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.platform-hero__flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:28px;display:grid}.platform-hero__flow-item{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 42%, var(--color-surface-strong));border-radius:14px;align-content:start;gap:6px;min-width:0;min-height:116px;padding:12px;display:grid}.platform-hero__flow-item span{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface-strong));width:fit-content;color:var(--color-accent-strong);border-radius:999px;padding:4px 7px;font-size:.7rem;font-weight:850;line-height:1;display:inline-flex}.platform-hero__flow-item strong{color:var(--color-ink);font-size:.88rem;font-weight:850;line-height:1.25}.platform-hero__flow-item small{color:var(--color-subtle);font-size:.75rem;font-weight:700;line-height:1.45}.platform-primary-action,.platform-secondary-action,.platform-new-button,.platform-select-button,.platform-section__head button,.platform-auth-form button,.platform-depot-panel button{border:1px solid var(--color-line);border-radius:14px;min-height:46px;padding:10px 14px;font-weight:800}.platform-primary-action,.platform-new-button,.platform-auth-form button[type=submit]{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:var(--color-accent);color:#fff}.platform-secondary-action,.platform-select-button,.platform-section__head button,.platform-auth-form button,.platform-depot-panel button{background:var(--color-panel-quiet);color:var(--color-ink)}.platform-home-summary{gap:12px;min-width:0;display:grid}.platform-home-panel{border-left:1px solid var(--color-line);gap:14px;min-width:0;padding-left:22px;display:grid}.platform-home-workbench{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);background:linear-gradient(var(--color-stage-overlay-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-stage-overlay-grid) 1px, transparent 1px), color-mix(in srgb, var(--color-panel-muted) 34%, var(--color-surface-strong));background-size:18px 18px,18px 18px,auto;border-radius:16px;align-items:stretch;min-width:0;padding:12px;display:grid;position:relative;overflow:hidden}.platform-home-workbench__paper{border:1px solid color-mix(in srgb, var(--color-line) 76%, transparent);background:color-mix(in srgb, var(--color-surface-strong) 88%, transparent);border-radius:15px;grid-template-rows:auto minmax(0,1fr) auto auto;gap:9px;min-width:0;padding:11px;display:grid;box-shadow:0 6px 12px #0f172a0f}.platform-home-workbench__toolbar{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}.platform-home-workbench__toolbar span{background:color-mix(in srgb, var(--color-accent) 26%, var(--color-line));border-radius:999px;width:8px;height:8px}.platform-home-workbench__toolbar strong{background:color-mix(in srgb, var(--color-line) 70%, transparent);min-width:0;max-width:92px;color:var(--color-subtle);text-align:center;white-space:nowrap;border-radius:999px;justify-self:end;padding:3px 8px;font-size:.66rem;font-weight:850;line-height:1;display:block}.platform-home-workbench__board{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 28%, var(--color-surface-strong));border-radius:12px;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;min-width:0;padding:9px;display:grid}.platform-home-workbench__board span{aspect-ratio:1;background:color-mix(in srgb, var(--color-accent-soft) 20%, var(--color-panel-muted));border-radius:4px;min-width:0}.platform-home-workbench__board span:nth-child(8n+3),.platform-home-workbench__board span:nth-child(8n+4),.platform-home-workbench__board span:nth-child(19),.platform-home-workbench__board span:nth-child(20),.platform-home-workbench__board span:nth-child(27),.platform-home-workbench__board span:nth-child(28){background:#3267e6}.platform-home-workbench__board span:nth-child(12),.platform-home-workbench__board span:nth-child(13),.platform-home-workbench__board span:nth-child(21),.platform-home-workbench__board span:nth-child(29),.platform-home-workbench__board span:nth-child(37){background:#bd5b12}.platform-home-workbench__board span:nth-child(22),.platform-home-workbench__board span:nth-child(23),.platform-home-workbench__board span:nth-child(30),.platform-home-workbench__board span:nth-child(31),.platform-home-workbench__board span:nth-child(38),.platform-home-workbench__board span:nth-child(39){background:#0f8f73}.platform-home-workbench__legend{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.platform-home-workbench__legend span{background:color-mix(in srgb, var(--color-panel-muted) 54%, var(--color-surface-strong));color:var(--color-subtle);border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:.68rem;font-weight:800;display:inline-flex}.platform-home-workbench__legend em{color:var(--color-ink);font-style:normal;font-weight:900}.platform-home-workbench__legend i{background:var(--color-accent);border-radius:999px;width:7px;height:7px}.platform-home-workbench__legend span:nth-child(2) i{background:#bd5b12}.platform-home-workbench__legend span:nth-child(3) i{background:#0f8f73}.platform-home-workbench__footer{border-top:1px solid color-mix(in srgb, var(--color-line) 70%, transparent);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-top:9px;display:flex}.platform-home-workbench__footer span{background:color-mix(in srgb, var(--color-accent-soft) 34%, var(--color-panel-muted));min-width:0;color:var(--color-accent-strong);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 8px;font-size:.7rem;font-weight:850;line-height:1;display:inline-flex}.platform-home-summary__head{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.platform-home-summary__head strong{color:var(--color-ink);font-size:.96rem;font-weight:850}.platform-home-summary__head span{color:var(--color-subtle);font-size:.74rem;font-weight:740}.platform-home-stats{gap:2px;display:grid}.platform-home-stat{border-bottom:1px solid color-mix(in srgb, var(--color-line) 72%, transparent);justify-content:space-between;align-items:baseline;gap:14px;min-width:0;padding:9px 0;display:flex}.platform-home-stat span{color:var(--color-subtle);font-size:.78rem;font-weight:760}.platform-home-stat strong{overflow-wrap:anywhere;min-width:0;color:var(--color-ink);text-align:right;font-size:1.2rem;font-weight:880;line-height:1}.platform-home-draft-row{border:1px solid color-mix(in srgb, var(--color-line) 82%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 52%, var(--color-surface-strong));min-width:0;min-height:44px;color:var(--color-ink);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.platform-home-draft-row:hover{border-color:color-mix(in srgb, var(--color-accent) 20%, var(--color-line));background:var(--color-panel-emphasis);transform:translateY(-1px)}.platform-home-draft-row:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-home-draft-row>span{background:var(--color-success);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-success) 12%, transparent);border-radius:5px}.platform-home-draft-row strong{min-width:0;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:820;overflow:hidden}.platform-home-draft-row small{color:var(--color-accent-strong);white-space:nowrap;font-size:.74rem;font-weight:800}.platform-hero__preview{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface-strong) 90%, var(--color-panel-muted));border-radius:16px;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;min-height:236px;padding:16px;display:grid;position:relative;overflow:hidden}.platform-hero__preview:before{content:"";pointer-events:none;background:linear-gradient(var(--color-stage-overlay-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-stage-overlay-grid) 1px, transparent 1px);opacity:.64;background-size:18px 18px;position:absolute;inset:0}.platform-hero__art,.platform-hero__metrics,.platform-hero__status{z-index:1;position:relative}.platform-hero__art{border:1px solid color-mix(in srgb, var(--color-line) 82%, var(--color-surface-strong));background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 92%, transparent), color-mix(in srgb, var(--color-panel-muted) 70%, var(--color-surface-strong)));border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:132px;padding:14px;display:grid}.platform-hero__board{border:1px solid color-mix(in srgb, var(--color-line) 78%, var(--color-panel-muted));background:color-mix(in srgb, var(--color-stage-bg) 68%, var(--color-surface-strong));border-radius:14px;grid-template-columns:repeat(8,1fr);gap:5px;width:min(100%,172px);padding:10px;display:grid}.platform-hero__board span{aspect-ratio:1;background:color-mix(in srgb, var(--color-empty-preview-bead) 82%, var(--color-surface-strong));border-radius:50%;min-width:8px;box-shadow:inset 0 1px #ffffff80}.platform-hero__board span:nth-child(8n+3),.platform-hero__board span:nth-child(8n+4),.platform-hero__board span:nth-child(8n+11),.platform-hero__board span:nth-child(8n+12){background:var(--color-accent)}.platform-hero__board span:nth-child(19),.platform-hero__board span:nth-child(20),.platform-hero__board span:nth-child(27),.platform-hero__board span:nth-child(28),.platform-hero__board span:nth-child(36){background:var(--color-warning)}.platform-hero__board span:nth-child(39),.platform-hero__board span:nth-child(40),.platform-hero__board span:nth-child(47),.platform-hero__board span:nth-child(48){background:var(--color-success)}.platform-hero__note{justify-items:end;gap:8px;min-width:82px;display:grid}.platform-hero__note strong,.platform-hero__note span{border:1px solid var(--color-line);background:var(--color-surface-strong);color:var(--color-ink);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:820;display:inline-flex}.platform-hero__note span{color:var(--color-subtle);font-weight:760}.platform-hero__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.platform-hero__metric{border:1px solid color-mix(in srgb, var(--color-line) 82%, var(--color-surface-strong));background:color-mix(in srgb, var(--color-surface-strong) 88%, var(--color-panel-muted));border-radius:13px;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;min-height:44px;padding:9px 10px;display:flex}.platform-hero__metric strong{overflow-wrap:anywhere;min-width:0;color:var(--color-ink);text-align:right;font-size:1rem;font-weight:850;line-height:1}.platform-hero__metric span{color:var(--color-subtle);white-space:nowrap;order:-1;font-size:.72rem;font-weight:780;line-height:1.25}.platform-hero__status{border:1px solid color-mix(in srgb, var(--color-line) 84%, var(--color-panel-muted));background:color-mix(in srgb, var(--color-surface-strong) 88%, var(--color-panel-muted));border-radius:13px;align-items:center;gap:10px;min-width:0;min-height:40px;padding:8px 11px;display:flex}.platform-hero__status span{background:var(--color-success);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-success) 12%, transparent);border-radius:5px;flex:0 0 12px}.platform-hero__status strong{min-width:0;color:var(--color-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:800;overflow:hidden}.platform-shortcuts,.platform-mine-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.platform-shortcut,.platform-mine-card,.platform-project-card,.platform-empty-card,.platform-depot-panel{border:1px solid var(--color-line);background:var(--color-surface-strong);box-shadow:none;border-radius:16px}.platform-shortcut,.platform-mine-card,.platform-project-card{min-height:118px;color:var(--color-ink);text-align:left;justify-items:start;gap:6px;padding:16px;display:grid;position:relative}.platform-shortcut{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}.platform-shortcut:hover{border-color:color-mix(in srgb, var(--color-accent) 20%, var(--color-line));background:color-mix(in srgb, var(--color-panel-muted) 54%, var(--color-surface-strong));transform:translateY(-1px)}.platform-shortcut:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-shortcuts--home .platform-shortcut{grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:12px;min-height:82px;padding:14px}.platform-shortcuts--home .platform-shortcut>div{gap:4px;min-width:0;display:grid}.platform-shortcuts--home .platform-shortcut strong,.platform-shortcuts--home .platform-shortcut small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.platform-shortcuts--home{grid-template-columns:minmax(0,1.12fr) minmax(0,1.12fr) minmax(0,.88fr) minmax(0,.88fr)}.platform-shortcut--primary{border-color:color-mix(in srgb, var(--color-accent) 20%, var(--color-line));background:color-mix(in srgb, var(--color-accent-soft) 22%, var(--color-surface-strong))}.platform-shortcut--secondary{background:color-mix(in srgb, var(--color-panel-muted) 28%, var(--color-surface-strong))}.platform-shortcuts--home .platform-shortcut--primary span{background:var(--color-accent);color:#fff;box-shadow:0 10px 20px color-mix(in srgb, var(--color-accent) 18%, transparent)}.platform-shortcuts--home .platform-shortcut--secondary span{background:color-mix(in srgb, var(--color-accent-soft) 24%, var(--color-panel-muted))}.platform-project-card__open{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-items:start;gap:8px;padding:0;display:grid;position:relative}.platform-project-card__topbar{justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;min-height:32px;display:flex}.platform-project-card__topbar.is-selection-mode{visibility:visible}.platform-project-card__footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.platform-project-card__footer .ui-button{justify-content:center;width:100%}.platform-project-card__menu-trigger{z-index:3;border:1px solid color-mix(in srgb, var(--color-line) 72%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 54%, var(--color-surface-strong));width:34px;height:34px;color:var(--color-subtle);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:12px;flex:none;place-items:center;font-size:1rem;font-weight:850;line-height:1;display:grid}.platform-project-card__menu-trigger:hover,.platform-project-card__menu-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-line));background:var(--color-panel-emphasis);color:var(--color-ink);transform:translateY(-1px)}.platform-project-card__menu-trigger:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-project-card__menu-trigger--placeholder{pointer-events:none;opacity:0}.platform-project-card__menu{z-index:4;border:1px solid var(--color-line);background:var(--color-surface-strong);min-width:148px;box-shadow:var(--shadow-soft);border-radius:14px;display:grid;position:absolute;top:56px;right:16px;overflow:hidden}.platform-project-card__menu button{border:0;border-bottom:1px solid var(--color-line);min-height:44px;color:var(--color-ink);font:inherit;text-align:left;background:0 0;padding:11px 14px;font-weight:760}.platform-project-card__menu .ui-button{box-shadow:none;border-radius:0;justify-content:flex-start}.platform-project-card__menu .ui-button__content{justify-content:flex-start}.platform-project-card__menu button:hover,.platform-project-card__menu button:focus-visible{background:var(--color-panel-muted);outline:none}.platform-project-card__menu button:disabled{cursor:wait;opacity:.72}.platform-project-card__menu button:last-child{color:var(--color-danger);border-bottom:0}.platform-batch-toolbar{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:36;border:1px solid color-mix(in srgb, var(--color-line) 84%, transparent);background:color-mix(in srgb, var(--color-floating-surface) 98%, var(--color-surface-strong));width:min(520px,100vw - 32px);box-shadow:var(--shadow-soft);border-radius:22px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"summary toggle""actions actions";align-items:center;gap:12px;padding:14px;display:grid;position:fixed;transform:translate(-50%)}.platform-batch-toolbar__summary{grid-area:summary;align-items:center;gap:10px;min-width:0;padding-inline:4px;display:inline-flex}.platform-batch-toolbar__summary span{background:color-mix(in srgb, var(--color-accent-soft) 64%, var(--color-surface-strong));width:36px;height:36px;color:var(--color-accent-strong);border-radius:14px;flex:0 0 36px;place-items:center;font-size:.9rem;font-weight:900;display:grid}.platform-batch-toolbar strong{min-width:0;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:850;overflow:hidden}.platform-batch-toolbar__toggle{border:1px solid color-mix(in srgb, var(--color-line) 86%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 42%, var(--color-surface-strong));min-height:40px;color:var(--color-subtle);font:inherit;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border-radius:999px;grid-area:toggle;justify-self:end;padding:0 16px;font-size:.82rem;font-weight:740;line-height:1}.platform-batch-toolbar__toggle:hover{border-color:color-mix(in srgb, var(--color-accent) 16%, var(--color-line));background:color-mix(in srgb, var(--color-accent-soft) 12%, var(--color-surface-strong));color:var(--color-accent-strong)}.platform-batch-toolbar__toggle:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-batch-toolbar__actions{grid-area:actions;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.platform-batch-toolbar__actions--single{grid-template-columns:minmax(0,1fr)}.platform-batch-toolbar__action{white-space:nowrap;border-radius:16px;justify-content:center;gap:10px;min-height:52px}.platform-batch-toolbar__action .ui-button__content{gap:10px}.platform-batch-toolbar__action--upload{border-color:color-mix(in srgb, var(--color-accent) 30%, var(--color-line));background:color-mix(in srgb, var(--color-accent-soft) 72%, var(--color-surface-strong));color:var(--color-accent-strong)}.platform-batch-toolbar__action-icon{border-radius:9px;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:.9rem;font-weight:900;line-height:1;display:grid}.platform-batch-toolbar__action--upload .platform-batch-toolbar__action-icon{background:color-mix(in srgb, var(--color-accent-soft) 46%, var(--color-surface-strong));color:var(--color-accent-strong)}.platform-batch-toolbar__action--upload:disabled .platform-batch-toolbar__action-icon{background:color-mix(in srgb, var(--color-ink) 12%, var(--color-surface-strong));color:color-mix(in srgb, var(--color-ink) 56%, transparent)}.platform-batch-toolbar__action--delete .platform-batch-toolbar__action-icon{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-strong));color:var(--color-danger)}.platform-draft-page-header__icon{border:1px solid color-mix(in srgb, var(--color-warning) 20%, var(--color-line));background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-strong));color:#d97706;border-radius:12px;place-items:center;width:34px;height:34px;display:inline-grid}.platform-draft-page-header__icon svg{stroke-width:2px;width:18px;height:18px}.platform-draft-shelf-card{text-align:left;border-color:color-mix(in srgb, var(--color-warning) 34%, var(--color-line));background:var(--color-surface-strong);align-content:start;overflow:hidden}.platform-draft-shelf-card__preview{background:linear-gradient(135deg, color-mix(in srgb, var(--color-warning) 15%, transparent), transparent 48%), color-mix(in srgb, var(--color-panel-muted) 80%, var(--color-surface-strong));color:#d97706;border-radius:16px;place-items:center;width:100%;min-height:110px;display:grid;position:relative;overflow:hidden}.platform-draft-shelf-card__preview:before{border:1px dashed color-mix(in srgb, var(--color-warning) 28%, var(--color-line));content:"";border-radius:13px;position:absolute;inset:13px}.platform-draft-shelf-card__preview:after{background:color-mix(in srgb, var(--color-warning) 10%, transparent);content:"";border-radius:999px;width:102px;height:102px;position:absolute;bottom:-30px;right:-26px}.platform-draft-shelf-card__icon-shell{z-index:1;border:1px solid color-mix(in srgb, var(--color-warning) 22%, var(--color-line));background:linear-gradient(180deg, color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-strong)), var(--color-surface-strong));width:64px;height:64px;box-shadow:0 14px 28px color-mix(in srgb, var(--color-warning) 12%, transparent), inset 0 1px 0 #ffffffb8;border-radius:20px;place-items:center;display:grid;position:relative}.platform-draft-shelf-card__icon{color:#d97706;stroke-width:1.8px;place-items:center;width:30px;height:30px;display:grid}.platform-draft-shelf-card__footer{background:0 0;border-top:0;justify-items:start;gap:8px;padding:0;display:grid}.platform-draft-shelf-card__text{min-width:0;color:var(--color-ink);line-height:1.22}.platform-draft-shelf-card__count{color:var(--color-subtle)}.platform-project-card__open:focus-visible{outline:none}.platform-project-card:has(.platform-project-card__open:focus-visible){box-shadow:0 0 0 3px var(--focus-ring)}.platform-project-card__check{border:1px solid color-mix(in srgb, var(--color-accent) 34%, var(--color-line));background:var(--color-surface-strong);width:32px;height:32px;color:var(--color-accent-strong);cursor:pointer;border-radius:12px;flex:0 0 32px;place-items:center;font-size:.84rem;font-style:normal;font-weight:850;display:grid;position:static}.platform-project-card__check:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-project-card.is-selected .platform-project-card__check{background:var(--color-accent);color:#fff}.platform-project-card.is-selected{border-color:color-mix(in srgb, var(--color-accent) 36%, var(--color-line));background:color-mix(in srgb, var(--color-panel-emphasis) 18%, var(--color-surface-strong));box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 72%, transparent)}.platform-shortcut span,.platform-mine-card span{background:color-mix(in srgb, var(--color-accent-soft) 38%, var(--color-panel-muted));width:44px;height:44px;color:var(--color-accent-strong);border-radius:14px;place-items:center;font-size:1.2rem;font-weight:850;display:grid}.platform-mine-card__icon svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:22px;height:22px;display:block}.platform-shortcut--blue{background:var(--color-accent);color:#fff;border-color:#4f7cff47}.platform-shortcut--blue span{color:#fff;background:#ffffff2e}.platform-shortcut strong,.platform-mine-card strong,.platform-project-card strong{color:inherit;font-size:1rem;font-weight:850}.platform-mine-card--link{font:inherit;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);text-decoration:none}.platform-mine-card--link:hover{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:var(--color-panel-emphasis);transform:translateY(-1px)}.platform-mine-card--link:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-shortcut small,.platform-mine-card small,.platform-project-card small{color:var(--color-subtle);font-size:.78rem;font-weight:720}.platform-shortcut--blue small{color:#ffffffc7}.platform-section{gap:12px;display:grid}.platform-section__head,.platform-depot-group>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.platform-section__head h2{color:var(--color-ink);margin:0;font-size:1.1rem;font-weight:850}.platform-project-strip,.platform-project-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.platform-project-card__thumb{background:var(--color-panel-muted);width:100%;min-height:110px;color:var(--color-accent-strong);border-radius:16px;place-items:center;font-size:1.2rem;font-weight:850;display:grid;position:relative;overflow:hidden}.platform-project-card__thumb img{object-fit:contain;width:100%;height:100%;min-height:110px}.platform-project-card__thumb>span{place-items:center;width:100%;min-height:110px;display:grid}.platform-project-grid:not(.is-list) .platform-project-card__thumb{aspect-ratio:1;min-height:0}.platform-project-grid:not(.is-list) .platform-project-card__thumb img,.platform-project-grid:not(.is-list) .platform-project-card__thumb>span{min-height:0}.platform-project-card--large{min-height:280px}.platform-project-card__privacy{background:color-mix(in srgb, var(--color-accent) 11%, var(--color-surface-strong));min-height:30px;color:var(--color-accent-strong);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;padding:5px 10px;font-size:.72rem;font-weight:850;display:inline-grid}.platform-project-strip .platform-project-card{align-content:start}.platform-project-strip .platform-project-card__thumb{aspect-ratio:1;min-height:0}.platform-project-strip .platform-project-card__thumb img,.platform-project-strip .platform-project-card__thumb>span{min-height:0}.platform-project-card__privacy--placeholder,.platform-project-card__privacy.is-hidden{visibility:hidden}.platform-project-grid.is-list{grid-template-columns:1fr}.platform-project-grid.is-list .platform-project-card{min-height:112px}.platform-project-grid.is-list .platform-project-card__open{grid-template:"thumb title"min-content"thumb meta"min-content/132px minmax(0,1fr);align-content:center;align-items:center;gap:7px 14px;min-height:100%}.platform-project-grid.is-list .platform-project-card__topbar{justify-content:flex-end;width:auto;max-width:calc(100% - 180px);position:absolute;top:16px;right:16px}.platform-project-grid.is-list .platform-project-card__thumb{grid-area:thumb;min-height:86px}.platform-project-grid.is-list .platform-project-card__thumb img,.platform-project-grid.is-list .platform-project-card__thumb>span{min-height:86px}.platform-project-grid.is-list .platform-project-card strong{grid-area:title;max-width:100%}.platform-project-grid.is-list .platform-project-card small{grid-area:meta}.platform-project-grid.is-list .platform-draft-shelf-card{grid-template:"thumb footer"1fr/124px minmax(0,1fr);align-items:center;min-height:112px}.platform-project-grid.is-list .platform-draft-shelf-card__topbar{display:none}.platform-project-grid.is-list .platform-draft-shelf-card__preview{grid-area:thumb;min-height:112px;padding:14px}.platform-project-grid.is-list .platform-draft-shelf-card__icon-shell{border-radius:22px;width:68px;height:68px}.platform-project-grid.is-list .platform-draft-shelf-card__footer{text-align:left;background:0 0;border-top:0;border-left:0;grid-area:footer;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:18px 20px;display:flex}.platform-project-grid.is-list .platform-draft-shelf-card__count{border:1px solid color-mix(in srgb, var(--color-warning) 18%, var(--color-line));background:color-mix(in srgb, var(--color-warning) 7%, var(--color-surface-strong));border-radius:999px;flex:none;padding:5px 9px}.platform-empty-card,.platform-depot-panel{color:var(--color-ink);gap:10px;padding:18px;display:grid}.platform-empty-card .platform-secondary-action{width:fit-content;margin-top:2px}.platform-empty-card span,.platform-depot-panel p{color:var(--color-subtle);font-size:.86rem;font-weight:650;line-height:1.55}.platform-project-toolbar{border:1px solid var(--color-line);background:var(--color-surface-strong);box-shadow:none;border-radius:16px;grid-template-columns:auto minmax(240px,1fr) auto;grid-template-areas:"view search actions";align-items:center;gap:10px;padding:12px;display:grid}.platform-project-actions{grid-area:actions;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.platform-view-toggle,.platform-search{border:1px solid var(--color-line);background:var(--color-panel-muted);border-radius:14px;min-height:48px}.platform-view-toggle{background:var(--color-panel-muted);grid-area:view;grid-auto-columns:44px;grid-auto-flow:column;justify-content:start;justify-self:start;align-items:center;gap:6px;width:fit-content;padding:4px;display:grid}.platform-view-toggle button{width:44px;height:44px;color:var(--color-subtle);background:0 0;border:0;border-radius:10px;place-items:center;font-weight:850;display:inline-grid}.platform-line-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.platform-view-toggle button.is-active{background:color-mix(in srgb, var(--color-accent-soft) 76%, var(--color-surface-strong));color:var(--color-accent-strong)}.platform-search{background:var(--color-panel-muted);min-width:0;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);grid-area:search;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 6px 0 14px;display:grid}.platform-search:focus-within{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:color-mix(in srgb, var(--color-surface-strong) 96%, var(--color-panel-muted));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 10%, transparent)}.platform-search input{width:100%;min-width:0;color:var(--color-ink);font:inherit;text-overflow:ellipsis;background:0 0;border:0;padding-right:0;font-weight:700}.platform-search input:focus-visible{box-shadow:none;background:0 0;border-color:#0000;outline:none}.platform-search input[type=search]::-webkit-search-cancel-button{appearance:none}.platform-search input[type=search]::-webkit-search-decoration{appearance:none}.platform-search-submit{background:color-mix(in srgb, var(--color-surface-strong) 82%, var(--color-panel-muted));width:40px;height:40px;color:var(--color-accent-strong);font:inherit;border:0;border-radius:12px;flex-shrink:0;place-items:center;padding:0;font-weight:800;display:inline-grid}.platform-search-submit:hover{background:color-mix(in srgb, var(--color-accent-soft) 58%, var(--color-surface-strong));transform:none}.platform-search-submit:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-select-button{background:var(--color-surface-strong);min-width:104px;min-height:48px;color:var(--color-ink);grid-area:select;justify-content:center;align-items:center;gap:8px;display:inline-flex}.platform-select-button.is-active{border-color:color-mix(in srgb, var(--color-accent) 28%, var(--color-line));background:color-mix(in srgb, var(--color-accent-soft) 70%, var(--color-surface-strong));color:var(--color-accent-strong)}.platform-new-button{grid-area:create;justify-content:center;align-items:center;gap:8px;min-width:96px;min-height:48px;display:inline-flex}.platform-toolbar-button__icon{color:currentColor;place-items:center;width:22px;height:22px;display:inline-grid}.platform-toolbar-button__label{min-width:0;display:inline-block}.platform-project-meta-row{color:var(--color-subtle);justify-content:space-between;align-items:center;gap:12px;padding:0 4px;font-size:.82rem;font-weight:760;display:flex}.platform-project-meta-row small{color:var(--color-subtle);font-size:.76rem;font-weight:700}.platform-project-feed-footer{min-height:56px;color:var(--color-subtle);place-items:center;font-size:.82rem;font-weight:720;display:grid}.back-icon-button{border:1px solid var(--color-line);background:var(--color-panel-quiet);width:44px;height:44px;color:var(--color-ink);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:13px;place-items:center;font-size:1.2rem;font-weight:850;line-height:1;display:inline-grid}.back-icon-button:hover{border-color:var(--color-accent-soft);background:var(--color-panel-muted);transform:translate(-1px)}.back-icon-button:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-page--mine{max-width:1120px}.platform-page--settings{width:100%;max-width:none}.platform-profile-card{border:1px solid var(--color-line);background:var(--color-surface-strong);width:100%;color:var(--color-ink);text-align:left;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.platform-profile-card--login{cursor:pointer;font:inherit;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}.platform-profile-card--login:hover{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:var(--color-panel-emphasis);transform:translateY(-1px)}.platform-profile-card--login:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.platform-profile-card__identity{flex:auto;align-items:center;gap:16px;min-width:0;display:flex}.platform-profile-card__copy{gap:4px;min-width:0;display:grid}.platform-profile-card__avatar{background:var(--color-accent);color:#fff;width:72px;height:72px;box-shadow:none;border-radius:50%;flex:0 0 72px;place-items:center;font-size:1.5rem;font-weight:850;display:grid}.platform-profile-card__avatar-image{object-fit:cover;width:72px;height:72px;box-shadow:none;border-radius:50%;flex:0 0 72px}.platform-profile-card h2{color:var(--color-ink);margin:0;font-size:1.9rem;font-weight:850;line-height:1.08}.platform-profile-card p{color:var(--color-subtle);margin:0;font-size:.94rem;font-weight:720}.platform-profile-card__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.platform-profile-card__status{border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-line));background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface-strong));width:84px;min-height:40px;color:var(--color-accent-strong);text-align:center;white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;font-weight:800;display:inline-flex}.platform-profile-card__settings{min-width:88px}.platform-inspector__card{border:1px solid var(--color-line);background:var(--color-surface-strong);color:var(--color-ink);border-radius:16px;gap:14px;padding:18px;display:grid;box-shadow:0 4px 10px #0f172a0a}.platform-inspector__card--accent{background:linear-gradient(180deg, var(--color-surface-strong), var(--color-panel-quiet))}.platform-inspector__card>small{color:var(--color-subtle);font-size:.76rem;font-weight:780}.platform-inspector__card>strong{font-size:1.1rem;font-weight:850}.platform-inspector__card>span{color:var(--color-subtle);font-size:.86rem;font-weight:650;line-height:1.5}.platform-inspector__actions,.platform-inspector__stats{gap:10px;display:grid}.platform-inspector__actions button{border:1px solid var(--color-line);background:var(--color-panel-quiet);color:var(--color-ink);text-align:left;border-radius:14px;padding:10px 12px;font-weight:800}.platform-inspector__actions button:last-child{color:var(--color-accent-strong);background:#4f7cff14;border-color:#4f7cff38}.platform-inspector__stats article{border-bottom:1px solid var(--color-line);gap:4px;padding-bottom:10px;display:grid}.platform-inspector__stats article:last-child{border-bottom:0;padding-bottom:0}.platform-inspector__stats strong{font-size:1.2rem;font-weight:850}.platform-inspector__stats span{color:var(--color-subtle);font-size:.82rem;font-weight:700}.platform-auth-form{gap:10px;width:min(360px,100%);margin-top:10px;display:grid}.platform-auth-form--login{margin-top:6px}.auth-dialog-modal{width:min(500px,100vw - 24px)}.auth-dialog-modal--login{width:min(470px,100vw - 24px)}.auth-dialog-modal--login .platform-auth-form{gap:var(--space-3);width:100%;margin-top:0}.auth-dialog-modal--login .modal-actions{padding-top:2px}.auth-register-header{grid-template-columns:40px minmax(0,1fr) 40px;align-items:start;gap:10px;display:grid}.auth-register-back{width:40px;height:40px;color:var(--color-subtle);background:0 0;border:0;border-radius:14px;align-self:start;place-items:center;font-size:2rem;line-height:1;display:inline-grid}.auth-register-back:hover:not(:disabled){background:var(--color-panel-muted);color:var(--color-ink);transform:none}.auth-register-header__copy{text-align:center;justify-items:center;gap:6px;padding-top:2px;display:grid}.auth-register-header__spacer{width:40px;height:40px;display:block}.auth-register-title{color:var(--color-ink);margin:0;font-size:1.52rem;font-weight:850;line-height:1.18}.auth-register-subtitle{color:var(--color-subtle);margin:0;font-size:.9rem;font-weight:700;line-height:1.5}.auth-register-form{gap:14px;margin-top:2px;display:grid}.auth-register-field{gap:10px;display:grid}.auth-register-field__label{color:var(--color-subtle);font-size:.78rem;font-weight:820}.auth-register-input.ui-input-field{min-height:48px}.auth-register-input__icon{background:color-mix(in srgb, var(--color-surface-strong) 72%, transparent);width:26px;height:26px;color:var(--color-subtle);border-radius:8px;place-items:center;font-size:.8rem;font-weight:850;display:inline-grid}.auth-register-input__icon svg{stroke-width:2.2px;width:16px;height:16px}.auth-register-input .ui-input-field__control{min-height:46px;font-size:.94rem;font-weight:740}.auth-password-toggle{width:34px;height:34px;color:var(--color-subtle);background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.auth-password-toggle svg{width:18px;height:18px}.auth-password-toggle:hover:not(:disabled){background:var(--color-panel-emphasis);color:var(--color-ink);transform:none}.auth-register-code{gap:10px;display:grid}.auth-register-code__hint{color:var(--color-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;font-weight:700;display:flex}.auth-register-code__hint button{color:var(--color-accent-strong);font:inherit;background:0 0;border:0;padding:0;font-weight:800}.auth-register-code__hint button:hover:not(:disabled){text-decoration:underline;transform:none}.auth-register-agreement{border-radius:14px;width:100%;padding:2px 4px;font-size:.92rem}.auth-register-agreement strong{color:var(--color-accent-strong);font-weight:800}.auth-register-submit.ui-button{border-radius:14px;min-height:50px;font-size:.96rem}.auth-register-footer{color:var(--color-subtle);text-align:center;margin:0;font-size:.92rem;font-weight:700}.auth-register-footer button{color:var(--color-accent-strong);font:inherit;background:0 0;border:0;padding:0 0 0 4px;font-weight:820}.auth-register-footer button:hover:not(:disabled){text-decoration:underline;transform:none}.auth-code-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.auth-code-row__field{min-width:0}.platform-field{gap:8px;display:grid}.platform-field>span:not(.sr-only){color:var(--color-subtle);font-size:.78rem;font-weight:800}.platform-auth-form input,.platform-depot-select{border:1px solid var(--color-line);background:var(--color-panel-muted);min-height:46px;color:var(--color-ink);font:inherit;border-radius:14px;padding:10px 12px;font-weight:720}.new-project-modal{width:min(540px,100vw - 24px)}.new-project-field{gap:8px;display:grid}.new-project-field span{color:var(--color-subtle);font-size:.78rem;font-weight:800}.new-project-field input{border:1px solid var(--color-line);background:var(--color-panel-muted);width:100%;min-height:46px;color:var(--color-ink);font:inherit;border-radius:14px;padding:11px 13px;font-weight:760}.new-project-field input:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.new-project-import{background:var(--color-panel-muted);min-height:150px;color:var(--color-ink);cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1px dashed #4f7cff5c;border-radius:18px;align-content:center;justify-items:center;gap:8px;padding:18px;display:grid;position:relative}.new-project-import:hover{background:var(--color-panel-emphasis);border-color:#4f7cff8f;transform:translateY(-1px)}.new-project-import input{opacity:0;cursor:pointer;position:absolute;inset:0}.new-project-import span{background:var(--color-accent);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:850;display:grid}.new-project-import strong{max-width:100%;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:850;overflow:hidden}.new-project-import small{max-width:28ch;color:var(--color-subtle);font-size:.8rem;font-weight:700;line-height:1.45}.new-project-image-tip{border:1px solid color-mix(in srgb, var(--color-accent) 16%, var(--color-line));background:color-mix(in srgb, var(--color-accent-soft) 18%, var(--color-surface-strong));color:var(--color-subtle);border-radius:14px;margin:-2px 0 0;padding:10px 12px;font-size:.78rem;font-weight:720;line-height:1.55}.settings-avatar-editor{border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-line));background:color-mix(in srgb, var(--color-accent) 10%, var(--color-panel-muted));width:112px;height:112px;color:var(--color-accent-strong);border-radius:50%;justify-self:center;place-items:center;font-size:2.1rem;font-weight:850;display:grid;overflow:hidden}.settings-avatar-editor img{object-fit:cover;width:100%;height:100%}.settings-avatar-upload{min-height:136px}.exit-save-modal{width:min(560px,100vw - 24px)}.platform-depot-groups{gap:12px;display:grid}.platform-depot-group{border:1px solid var(--color-line);background:var(--color-panel-muted);border-radius:16px;gap:10px;padding:12px;display:grid}.platform-depot-group>div:first-child{grid-template-columns:minmax(0,1fr) auto auto auto;display:grid}.platform-depot-group strong{color:var(--color-ink);font-weight:850}.platform-depot-group small{color:var(--color-subtle);font-weight:750}.platform-depot-colors{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:7px;display:grid}.platform-depot-colors button{min-height:44px;color:var(--color-subtle);padding:6px 8px 6px 26px;font-size:.72rem;position:relative}.platform-depot-colors button:before{content:"";border:1px solid var(--color-line);background:var(--swatch);border-radius:4px;width:12px;height:12px;position:absolute;left:8px}.platform-depot-colors button.is-active{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:var(--color-panel-emphasis);color:var(--color-ink)}.platform-error{color:var(--color-danger);background:#dc262614;border:1px solid #dc262633;border-radius:16px;margin:0;padding:12px 14px;font-size:.86rem;font-weight:750}.platform-selection-bar{left:50%;bottom:calc(74px + env(safe-area-inset-bottom));z-index:36;border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-floating-surface) 98%, var(--color-panel-muted));width:min(560px,100vw - 32px);box-shadow:var(--shadow-soft);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid;position:fixed;transform:translate(-50%)}.platform-selection-bar__summary{white-space:nowrap;align-items:center;gap:10px;min-width:0;padding-inline:4px 2px;display:inline-flex}.platform-selection-bar__mark{background:color-mix(in srgb, var(--color-accent-soft) 70%, var(--color-surface-strong));width:32px;height:32px;color:var(--color-accent-strong);border-radius:12px;flex:0 0 32px;place-items:center;display:grid}.platform-selection-bar__actions{grid-template-columns:repeat(2,minmax(104px,1fr));gap:10px;min-width:0;display:grid}.platform-selection-bar strong{min-width:0;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:850;line-height:1.15;overflow:hidden}.platform-selection-bar__action{border:1px solid var(--color-line);background:var(--color-panel-quiet);min-width:0;min-height:46px;color:var(--color-ink);white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:780;line-height:1;display:inline-flex}.platform-selection-bar .platform-selection-delete{border-color:color-mix(in srgb, var(--color-danger) 20%, transparent);background:color-mix(in srgb, var(--color-danger) 5%, var(--color-surface-strong));min-width:0;color:var(--color-danger)}.platform-selection-delete__loader{flex:none;gap:2px;width:16px;height:16px}.platform-selection-delete__loader i{background:currentColor;border-radius:4px}.platform-selection-bar__action:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 20%, var(--color-line));background:var(--color-panel-emphasis)}.platform-selection-bar .platform-selection-delete:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-danger) 26%, transparent);background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-strong))}.platform-selection-bar__action:disabled{cursor:not-allowed;opacity:.48}.platform-selection-bar .platform-selection-delete.is-loading:disabled{opacity:1}.platform-tabbar{z-index:30;border-top:1px solid var(--color-line);background:var(--color-floating-surface);padding:8px max(14px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}@media (width<=1023px){:root{--platform-tabbar-offset:calc(74px + env(safe-area-inset-bottom))}}.platform-tabbar button{color:var(--color-subtle);background:0 0;border:0;justify-items:center;gap:3px;font-size:.76rem;font-weight:800;display:grid}.platform-tabbar button span{font-size:1.35rem;line-height:1}.platform-tabbar button.is-active{color:var(--color-accent-strong)}@media (width>=1024px){.platform-shell{transition:grid-template-columns var(--duration-standard) var(--ease-standard);grid-template-columns:248px minmax(0,1fr)}.platform-shell.is-platform-sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)}.platform-sidebar{background:var(--color-surface-strong);box-shadow:inset -1px 0 0 var(--color-line);transition:gap var(--duration-standard) var(--ease-standard), padding var(--duration-standard) var(--ease-standard);grid-template-rows:auto minmax(0,1fr) auto;gap:22px;padding:28px 18px 22px;display:grid;overflow:hidden}.platform-sidebar.is-collapsed{grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;padding-inline:14px}.platform-sidebar__brand{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:10px;min-width:0;display:grid}.platform-sidebar__brand-main,.platform-sidebar__account{align-items:center;gap:12px;min-width:0;display:flex}.platform-sidebar.is-collapsed .platform-sidebar__brand{grid-template-columns:42px;justify-content:center;gap:0}.platform-sidebar.is-collapsed .platform-sidebar__brand-main,.platform-sidebar.is-collapsed .platform-sidebar__account{justify-content:center}.platform-sidebar__brand-copy,.platform-sidebar__account-copy,.platform-sidebar__nav-label{min-width:0}.platform-sidebar__logo,.platform-sidebar__account>span,.platform-sidebar__account>img{background:var(--color-panel-emphasis);width:42px;height:42px;color:var(--color-accent-strong);border-radius:14px;flex:none;place-items:center;font-size:1rem;font-weight:850;display:grid}.platform-sidebar__logo svg{width:30px;height:30px}.platform-sidebar__account>img{object-fit:cover}.platform-sidebar__brand strong,.platform-sidebar__account strong{color:var(--color-ink);font-size:.92rem;font-weight:820;display:block}.platform-sidebar__brand small,.platform-sidebar__account small{color:var(--color-subtle);margin-top:2px;font-size:.74rem;font-weight:680;display:block}.platform-sidebar__nav{align-self:start;gap:8px;display:grid}.platform-sidebar__collapse{width:34px;height:34px;color:var(--color-subtle);background:0 0;border:1px solid #0000;border-radius:11px;justify-self:end;place-items:center;padding:0;display:inline-grid}.platform-sidebar__collapse:hover,.platform-sidebar__collapse:focus-visible{border-color:var(--color-line);background:var(--color-panel-quiet);color:var(--color-ink)}.platform-sidebar__collapse--rail,.platform-sidebar.is-collapsed .platform-sidebar__collapse--top{display:none}.platform-sidebar.is-collapsed .platform-sidebar__collapse--rail{border-color:var(--color-line);background:var(--color-panel-quiet);justify-self:center;display:inline-grid}.platform-sidebar__nav button,.platform-sidebar__account{width:100%;min-height:56px;color:var(--color-subtle);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;padding:12px 14px;font-weight:760}.platform-sidebar__nav button{align-items:center;gap:10px;display:inline-flex}.platform-sidebar.is-collapsed .platform-sidebar__nav button,.platform-sidebar.is-collapsed .platform-sidebar__account{justify-content:center;padding-inline:0}.platform-sidebar__nav-icon{color:currentColor;flex:0 0 22px;place-items:center;width:22px;line-height:1;display:inline-grid}.platform-sidebar__nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.platform-sidebar__nav button.is-active,.platform-sidebar__nav button:hover,.platform-sidebar__account:hover{border-color:var(--color-line);background:var(--color-panel-quiet);color:var(--color-ink)}.platform-sidebar__nav button.is-active{box-shadow:inset 0 0 0 1px #4f7cff14}.platform-sidebar.is-collapsed .platform-sidebar__brand-copy,.platform-sidebar.is-collapsed .platform-sidebar__account-copy,.platform-sidebar.is-collapsed .platform-sidebar__nav-label{display:none}.platform-content{grid-template-rows:minmax(0,1fr);min-height:0}.platform-header,.platform-content>.platform-header.platform-page-header{display:none}.platform-page-heading{justify-content:space-between;align-items:flex-end;gap:16px;padding:2px 2px 4px;display:flex}.platform-page-heading--mine{align-items:center}.platform-page-heading h2{font-size:1.9rem}.platform-main-wrap{grid-template-columns:minmax(0,1fr);gap:0;padding:24px}.platform-main-wrap.is-stash-layout{grid-template-columns:minmax(0,1fr)}.platform-main{padding:0}.platform-page,.platform-page--home,.platform-page--mine{width:100%;max-width:none;margin:0;padding-bottom:20px}.platform-main:not(.platform-main--subpage)>.platform-page{align-content:start;width:100%;max-width:none;margin:0}.platform-page--home,.platform-page--mine{max-width:none}.platform-page--home{grid-template-columns:minmax(0,1fr);gap:20px}.platform-page--home>.platform-page-heading.platform-page-header{min-height:auto;display:flex}.platform-page--home>.platform-page-heading .platform-page-header__side{display:none}.platform-page--home>.platform-page-heading .platform-page-header__title{color:var(--color-ink);letter-spacing:0;text-align:left;justify-self:start;font-size:1.9rem}.platform-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-section{min-width:0}.platform-project-toolbar{border-radius:20px;grid-template-columns:auto minmax(320px,1fr) auto;gap:12px;padding:12px}.platform-project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));justify-content:stretch;gap:16px}.platform-project-card--large{min-height:252px}.platform-page--mine{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);grid-template-areas:"heading heading""profile cards""error error";align-items:start;gap:18px}.platform-page--mine .platform-page-heading{grid-area:heading}.platform-page--mine .platform-profile-card{flex-direction:column;grid-area:profile;justify-content:space-between;align-self:stretch;align-items:flex-start;min-height:248px;padding:24px}.platform-page--mine .platform-profile-card__identity{flex-direction:column;align-items:flex-start}.platform-page--mine .platform-profile-card__avatar,.platform-page--mine .platform-profile-card__avatar-image{flex-basis:76px;width:76px;height:76px}.platform-page--mine .platform-profile-card__status{width:auto;min-height:36px;padding:0 12px}.platform-page--mine .platform-mine-grid{grid-area:cards;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;min-height:248px}.platform-page--mine .platform-mine-card{min-height:0}.platform-page--mine .platform-error{grid-area:error}.platform-tabbar{display:none}.platform-selection-bar{width:min(820px,100vw - 336px);bottom:24px;left:calc(50vw + 124px)}.platform-hero__actions .platform-primary-action{display:none}}@media (width>=1440px){.platform-main:not(.platform-main--subpage)>.platform-page--home,.platform-main:not(.platform-main--subpage)>.platform-page--mine{width:100%}.platform-hero{grid-template-columns:minmax(340px,.58fr) minmax(660px,1fr);align-items:stretch;gap:28px}.platform-hero__copy{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;padding-block:44px 24px}.platform-hero__intro{align-self:center}.platform-home-panel{grid-template-columns:minmax(380px,1fr) minmax(220px,.46fr);align-items:stretch}.platform-home-summary{align-content:center}}.app-toolbar,.tool-surface,.canvas-stage,.mobile-drawer-sheet{border:1px solid var(--color-line);background:var(--color-panel-shell);box-shadow:0 1px 2px #0f172a0a}.app-toolbar{z-index:12;gap:var(--space-2);border-radius:18px;flex-direction:column;padding:14px 18px;display:flex;position:relative;overflow:visible}.toolbar-brand,.toolbar-actions,.toolbar-mobile-actions,.canvas-stage__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.toolbar-brand{justify-content:unset;flex:auto;min-width:0}.account-trigger:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.account-trigger,.account-menu-profile__avatar,.studio-panel-account__avatar{border:1px solid var(--color-line);background:var(--color-panel-muted);color:var(--color-ink);place-items:center;font-weight:800;display:grid}.toolbar-project-meta{color:var(--color-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:650;overflow:hidden}.toolbar-title,.panel-title,.mobile-drawer-title{letter-spacing:0;margin:0;font-size:1rem;font-weight:700}.brand-mark{color:#03111f;background:linear-gradient(135deg,#65d4fff0,#5783fff0);border-radius:16px;place-items:center;width:44px;height:44px;font-size:1.05rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff59,0 16px 40px #277cff38}.toolbar-brand-copy{align-content:center;gap:2px;width:clamp(180px,22vw,280px);min-width:0;max-width:clamp(180px,22vw,280px);min-height:44px;display:grid}.toolbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.eyebrow{color:var(--color-subtle);letter-spacing:0;margin:0 0 4px;font-size:.72rem;font-weight:600}.toolbar-actions{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);background:color-mix(in srgb, var(--color-surface-strong) 96%, var(--color-panel-muted));border-radius:18px;flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;min-width:0;padding:4px;box-shadow:0 2px 8px #0f172a0a}.toolbar-actions .icon-button{justify-content:center;width:auto;min-width:64px}.account-trigger{width:44px;height:44px;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:50%;font-size:.9rem}.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-line));background:var(--color-panel-emphasis);transform:translateY(-1px)}.toolbar-mobile-actions{border:1px solid var(--color-line);background:var(--color-surface-strong);border-radius:16px;flex:none;grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:4px;padding:3px;display:none}.toolbar-mobile-actions .toolbar-command-button{width:auto;min-width:0}.theme-switch{border:1px solid var(--color-line);background:var(--color-surface-strong);border-radius:999px;justify-content:flex-start;align-items:center;width:70px;height:44px;padding:4px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:inline-flex;position:relative}.theme-switch:hover{border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-line));background:var(--color-panel-muted);transform:translateY(-1px)}.theme-switch__track{width:100%;height:100%;color:var(--color-subtle);grid-template-columns:repeat(2,1fr);place-items:center;display:grid}.theme-switch__icon{z-index:1;font-size:.95rem;line-height:1;transition:color .2s,opacity .2s;position:relative}.theme-switch__icon--sun{color:var(--color-warning)}.theme-switch__icon--moon{color:var(--color-subtle);opacity:.72}.theme-switch__thumb{background:var(--color-accent);width:32px;height:32px;box-shadow:none;border-radius:999px;transition:transform .22s,background .22s,box-shadow .22s;position:absolute;top:4px;left:4px}.theme-switch.is-dark{border-color:var(--color-line);background:var(--color-surface-strong)}.theme-switch.is-dark .theme-switch__track{color:#d5e0ffd6}.theme-switch.is-dark .theme-switch__icon--sun{color:#ffd666b8}.theme-switch.is-dark .theme-switch__icon--moon{color:#dbe7ff;opacity:1}.theme-switch.is-dark .theme-switch__thumb{background:var(--color-accent);box-shadow:none;transform:translate(30px)}.theme-switch:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.toolbar-menu-shell{z-index:120;min-width:0;position:relative}.toolbar-menu-trigger{justify-content:center;gap:8px;width:78px;min-width:78px}.toolbar-menu-popover{z-index:200;border:1px solid var(--color-line);background:var(--color-surface-strong);width:min(390px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-strong);border-radius:18px;gap:16px;padding:16px;display:grid;position:fixed;top:16px;left:16px;overflow-y:auto}.toolbar-menu-popover--workspace{width:min(460px,100vw - 32px);top:76px;left:22px}.toolbar-menu-popover--account{width:min(280px,100vw - 24px);top:68px;left:auto;right:22px}.toolbar-menu-section{gap:12px;display:grid}.toolbar-menu-title{color:var(--color-subtle);letter-spacing:0;margin:0;font-size:.72rem;font-weight:600}.toolbar-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toolbar-menu-grid-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toolbar-status-row{flex-wrap:wrap;gap:8px;display:flex}.toolbar-menu-item{border:1px solid var(--color-line);background:var(--color-panel-quiet);min-height:54px;color:var(--color-ink);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;font-size:.84rem;font-weight:600;display:flex}.toolbar-menu-item--primary{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:var(--color-accent);color:#fff}.toolbar-menu-item--primary small{color:#ffffffc2}.toolbar-menu-item small{color:var(--color-subtle);font-size:.7rem;font-weight:700}.toolbar-menu-item.is-active{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:var(--color-panel-emphasis)}.toolbar-command-button{min-width:64px;min-height:40px;color:color-mix(in srgb, var(--color-subtle) 82%, var(--color-ink));background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:.78rem;font-weight:800;display:inline-flex}.toolbar-command-button:before,.toolbar-tool-button:before,.canvas-stage__mobile-action:before,.canvas-stage__mobile-top-done:before,.canvas-stage__mobile-edit-tool:before{background:color-mix(in srgb, var(--color-panel-emphasis) 68%, var(--color-panel-muted));color:currentColor;content:"";border-radius:8px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:.76rem;font-weight:800;line-height:1;display:inline-flex}.app-toolbar .toolbar-command-button:before,.app-toolbar .toolbar-edit-button:before,.canvas-stage__mobile-action:before,.canvas-stage__mobile-top-done:before{content:none;display:none}.toolbar-command-button--save:before{content:"▣"}.toolbar-tool-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.toolbar-tool-button--locate:before,.canvas-stage__mobile-action--locate:before{content:"⌖"}.toolbar-tool-button--mirror:before,.canvas-stage__mobile-action--mirror:before{content:"⇋"}.toolbar-tool-button--assist:before{content:"◎"}.toolbar-edit-button:before{content:"✎"}.toolbar-edit-button.is-editing:before,.canvas-stage__mobile-action--done:before{content:"✓"}.toolbar-save-trigger{border-color:color-mix(in srgb, var(--color-accent) 24%, transparent);background:color-mix(in srgb, var(--color-accent-soft) 64%, var(--color-surface-strong));min-width:0;color:var(--color-accent-strong);white-space:nowrap;justify-content:center;gap:6px;padding-inline:16px}.toolbar-save-trigger__label{min-width:0;font-weight:inherit;align-items:center;font-style:normal;line-height:1;display:inline-flex}.toolbar-save-trigger__loader{pointer-events:none;flex:none;gap:2px;width:16px;height:16px;font-style:normal;display:none}.toolbar-save-trigger__loader i{background:currentColor;border-radius:4px}.toolbar-save-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 34%, transparent);background:color-mix(in srgb, var(--color-accent-soft) 78%, var(--color-surface-strong));color:var(--color-accent-strong);transform:none}.toolbar-save-trigger:before,.toolbar-edit-button.is-editing:before,.canvas-stage__mobile-top-done:before{background:color-mix(in srgb, var(--color-accent-soft) 48%, var(--color-panel-muted));color:var(--color-accent-strong)}.toolbar-save-trigger.is-saved{border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-line));background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface-strong));color:var(--color-ink)}.toolbar-save-trigger.is-saving{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:color-mix(in srgb, var(--color-panel-emphasis) 88%, var(--color-surface-strong));color:var(--color-ink)}.toolbar-save-trigger.is-error{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-strong));color:var(--color-danger)}.toolbar-save-trigger:disabled{background:color-mix(in srgb, var(--color-panel-muted) 68%, transparent);color:color-mix(in srgb, var(--color-subtle) 78%, var(--color-ink));cursor:not-allowed;opacity:1;border-color:#0000;transform:none}.toolbar-save-trigger.is-saving:disabled{border-color:color-mix(in srgb, var(--color-accent) 28%, transparent);background:color-mix(in srgb, var(--color-accent-soft) 70%, var(--color-surface-strong));color:var(--color-accent-strong);cursor:progress}.toolbar-save-trigger:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.app-toolbar .toolbar-command-button,.app-toolbar .toolbar-edit-button{gap:0}.app-toolbar .toolbar-command-button:not(.toolbar-save-trigger):hover:not(:disabled),.app-toolbar .toolbar-edit-button:hover:not(:disabled){background:var(--color-panel-muted);color:var(--color-ink);border-color:#0000;transform:none}.app-toolbar .toolbar-edit-button.is-editing{border-color:color-mix(in srgb, var(--color-accent) 22%, transparent);background:color-mix(in srgb, var(--color-accent-soft) 62%, var(--color-surface-strong));color:var(--color-accent-strong)}.toolbar-command-button span{background:var(--color-panel-muted);min-width:32px;min-height:22px;color:var(--color-ink);border-radius:7px;place-items:center;font-size:.7rem;display:inline-grid}.toolbar-save-trigger .toolbar-save-trigger__label{min-width:0;min-height:0;color:inherit;font-size:inherit;background:0 0;line-height:1;display:inline-flex}.toolbar-save-trigger .toolbar-save-trigger__loader{min-width:0;min-height:0;color:inherit;background:0 0;display:none}.toolbar-save-trigger.is-saving .toolbar-save-trigger__loader{display:grid}.toolbar-save-menu{z-index:70;border:1px solid var(--color-line);background:var(--color-floating-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:240px;box-shadow:var(--shadow-soft);border-radius:14px;gap:6px;padding:8px;display:grid}.toolbar-save-menu__item{transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border-radius:12px;outline:none;padding:10px 12px;display:grid}.toolbar-save-menu__item[data-highlighted]{background:var(--color-panel-emphasis)}.toolbar-save-menu__item[data-disabled]{cursor:not-allowed;opacity:.45}.toolbar-save-menu__item strong{color:var(--color-ink);font-size:.88rem;font-weight:800}.toolbar-save-menu__item small{color:var(--color-subtle);margin-top:4px;font-size:.76rem;font-weight:650}.account-menu-profile{border:1px solid var(--color-line);background:var(--color-panel-muted);border-radius:16px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.account-menu-profile__avatar{border-radius:50%;flex:none;width:40px;height:40px}.account-menu-profile p,.studio-panel-account h3,.studio-panel-empty h3{color:var(--color-ink);margin:0;font-size:.92rem;font-weight:750}.account-menu-profile small{color:var(--color-subtle);font-size:.74rem;font-weight:650}.toolbar-project-actions,.toolbar-history-actions{align-items:center;gap:8px;display:flex}.mobile-dock,.mobile-drawer-backdrop{display:none}.toolbar-center{justify-content:center}.toolbar-chip,.value-pill,.mini-chip{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-panel-muted);color:var(--color-ink);align-items:center;gap:6px;padding:9px 13px;font-size:.82rem;font-weight:600;display:inline-flex}.toolbar-chip--tool{justify-content:center}.value-pill-editor{cursor:text;justify-content:space-between;justify-self:end;gap:8px;width:116px;min-width:116px}.value-pill-editor__input{width:100%;min-width:0;color:var(--color-ink);font:inherit;text-align:right;background:0 0;border:0;flex:1;padding:0;font-weight:700}.value-pill-editor__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-pill-editor__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-pill-editor__input:focus{outline:none}.value-pill-editor__unit{color:var(--color-subtle);flex:none;font-size:.78rem;font-weight:700}.toolbar-chip.is-success{color:var(--color-success);border-color:#6ee7b73d}.toolbar-chip.is-warning{color:var(--color-warning);border-color:#fbbf243d}.segmented-control{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-panel-quiet);gap:6px;padding:5px;display:inline-flex}.segmented-control__item{border-radius:var(--radius-pill);color:var(--color-subtle);text-align:center;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.build-mode-toggle,.board-size-toggle,.inspector-tabbar--fill{width:100%;display:flex}.build-mode-toggle .segmented-control__item,.board-size-toggle .segmented-control__item,.inspector-tabbar--fill .segmented-control__item{flex:1 1 0;min-width:0}.segmented-control__item.is-active,.mini-chip.is-active,.icon-button.is-active{background:linear-gradient(135deg, var(--color-accent-soft), #ffffff14);color:var(--color-ink);box-shadow:inset 0 0 0 1px #ffffff0f}.workspace-shell{z-index:1;flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;height:100%;min-height:0;display:grid;position:relative;overflow:visible}.workspace-shell.is-immersive{gap:0}.workspace-shell.is-editing:not(.is-immersive){gap:10px}.workspace-sidebar{min-height:0;overflow:visible}.workspace-sidebar-left,.workspace-sidebar-right{min-width:0}.sidebar-toggle-shell{width:100%;height:100%;min-height:0;padding-left:20px;display:flex;position:relative}.sidebar-toggle-shell.is-collapsed{padding-left:20px}.sidebar-toggle-shell-left,.sidebar-toggle-shell-left.is-collapsed{padding-left:0;padding-right:20px}.sidebar-toggle-button{z-index:2;background:linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));cursor:pointer;border-left:0;border-radius:0 14px 14px 0;justify-content:center;align-items:center;width:18px;min-width:18px;height:60px;padding:0;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 6px 12px #0f172a1a}.sidebar-toggle-shell.is-collapsed .sidebar-toggle-button{left:0;transform:translateY(-50%)}.sidebar-toggle-button-left{box-shadow:inset 1px 0 0 var(--color-line), 0 6px 12px #0f172a1a;border-right:0;border-radius:14px 0 0 14px;left:auto;right:0}.sidebar-toggle-shell-left.is-collapsed .sidebar-toggle-button-left{left:auto;right:0}.sidebar-toggle-button span{font-size:1rem;line-height:1}.sidebar-toggle-button:hover:not(:disabled),.sidebar-toggle-button:active:not(:disabled){transform:translateY(-50%)}.sidebar-toggle-button:hover:not(:disabled){border-color:#65d4ff4d;box-shadow:0 8px 18px #2563eb1f}.sidebar-toggle-shell.is-collapsed .sidebar-toggle-button:hover:not(:disabled),.sidebar-toggle-shell.is-collapsed .sidebar-toggle-button:active:not(:disabled){transform:translateY(-50%)}.sidebar-toggle-panel{min-width:0;min-height:0;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-standard);flex:1;display:flex;overflow:hidden}.sidebar-toggle-panel.is-hidden{pointer-events:none;opacity:0;visibility:hidden;transform:translate(18px)}.sidebar-toggle-shell-left .sidebar-toggle-panel.is-hidden{transform:translate(-18px)}.sidebar-panel-content{flex:auto;min-width:0;min-height:0;display:flex}.workspace-stage{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.workspace-shell.is-immersive .workspace-stage{height:100%}.workspace-column{gap:var(--space-3);width:100%;min-width:0;min-height:0;overflow-y:auto;overflow-y:overlay;flex-direction:column;flex:1;padding-right:8px;display:flex;overflow-x:hidden}.workspace-sidebar-left .workspace-column{padding-right:2px}.workspace-sidebar-right .workspace-column{padding-left:8px;padding-right:0}.workspace-column--immersive-plain{gap:0;padding-right:0}.tool-surface{border-radius:16px;padding:16px 18px 18px}.workspace-shell.is-empty-state .tool-surface--source{height:100%}.tool-surface-current{margin-bottom:8px}.tool-surface--immersive-plain{padding:0}.workspace-sidebar-right .tool-surface-current{flex-direction:column;flex:auto;display:flex}.ui-button,.primary-button,.secondary-button,.icon-button,.dock-action,.mode-tile,.floating-tool-rail__button{border:1px solid var(--color-line);border-radius:12px}.ui-button{min-height:46px;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:.92rem;font-weight:700;line-height:1;display:inline-flex}.ui-button__content{justify-content:center;align-items:center;gap:8px;min-width:0;display:inline-flex}.ui-button__loader{flex:none;gap:2px;width:17px;height:17px}.ui-button__loader i{background:currentColor;border-radius:4px}.ui-button--loading{cursor:wait}.ui-button--block{width:100%}.ui-button--sm{min-height:40px;padding:10px 14px;font-size:.86rem}.ui-button--lg{min-height:50px;padding:14px 20px;font-size:.96rem}.ui-button--primary,.primary-button{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:var(--color-accent);color:#fff;box-shadow:none;padding:13px 18px;font-size:.92rem;font-weight:700}.ui-button--secondary{background:var(--color-panel-muted);color:var(--color-ink);box-shadow:none}.ui-button--ghost{color:var(--color-ink);box-shadow:none;background:0 0}.ui-button:hover:not(:disabled),.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button--primary:hover:not(:disabled),.primary-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent-strong) 30%, var(--color-line));background:var(--color-accent-strong)}.ui-button--secondary:hover:not(:disabled),.ui-button--ghost:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));background:var(--color-panel-emphasis)}.ui-button:focus-visible,.ui-input:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.ui-input{border:1px solid var(--color-line);background:var(--color-panel-muted);width:100%;min-height:46px;color:var(--color-ink);font:inherit;border-radius:14px;padding:11px 13px;font-weight:760}.ui-input::placeholder{color:var(--color-subtle)}.ui-input-field{border:1px solid var(--color-line);background:var(--color-panel-muted);width:100%;min-height:46px;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);border-radius:14px;grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;padding:0 13px;display:grid}.ui-input-field--with-prefix{grid-template-columns:auto minmax(0,1fr)}.ui-input-field--with-suffix{grid-template-columns:minmax(0,1fr) auto}.ui-input-field--with-prefix.ui-input-field--with-suffix{grid-template-columns:auto minmax(0,1fr) auto}.ui-input-field:focus-within{border-color:color-mix(in srgb, var(--color-accent) 32%, var(--color-line));box-shadow:0 0 0 3px var(--focus-ring)}.ui-input-field__prefix{color:var(--color-subtle);justify-content:center;align-items:center;display:inline-flex}.ui-input-field__suffix{justify-content:center;align-items:center;display:inline-flex}.ui-input-field__control.ui-input{min-height:44px;box-shadow:none;background:0 0;border:0;padding:0}.ui-input-field__control.ui-input:focus-visible{box-shadow:none;outline:none}.ui-checkbox{color:var(--color-subtle);cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;font-weight:700;line-height:1.55;display:inline-flex}.ui-checkbox__label{min-width:0;padding-top:5px}.ui-checkbox--disabled{cursor:not-allowed}.ui-checkbox--disabled .ui-checkbox__label{opacity:.64}.toolbar-edit-button{justify-content:center;width:78px;min-width:78px}.toolbar-edit-button.is-editing{border-color:color-mix(in srgb, var(--color-accent) 28%, var(--color-line));background:var(--color-surface-strong);color:var(--color-ink);box-shadow:none}.toolbar-edit-button.is-editing:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 44%, var(--color-line));background:var(--color-panel-emphasis)}[data-theme=dark] .toolbar-edit-button.is-editing,[data-theme=focus] .toolbar-edit-button.is-editing{border-color:color-mix(in srgb, var(--color-accent) 34%, var(--color-line));background:var(--color-surface-strong);color:var(--color-ink)}[data-theme=dark] .platform-header,[data-theme=dark] .platform-shell,[data-theme=dark] .platform-main,[data-theme=focus] .platform-header,[data-theme=focus] .platform-shell,[data-theme=focus] .platform-main{color:var(--color-ink)}[data-theme=dark] .platform-selection-bar,[data-theme=dark] .platform-tabbar,[data-theme=focus] .platform-selection-bar,[data-theme=focus] .platform-tabbar{border-color:var(--color-line);box-shadow:var(--shadow-soft)}[data-theme=dark] .platform-selection-bar .platform-selection-delete,[data-theme=focus] .platform-selection-bar .platform-selection-delete{color:#fda4af;background:#fb71851f;border-color:#fb718542}[data-theme=dark] .platform-project-card__thumb,[data-theme=focus] .platform-project-card__thumb{background:var(--color-panel-quiet)}.secondary-button,.icon-button,.floating-tool-rail__button,.dock-action{background:var(--color-panel-quiet);color:var(--color-ink);padding:8px 11px;font-size:.78rem;font-weight:600}.dock-action{text-align:center;align-content:center;justify-items:center;gap:8px;min-width:0;display:grid}.dock-action__icon{background:color-mix(in srgb, var(--color-panel-emphasis) 82%, transparent);width:28px;height:28px;color:var(--color-subtle);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:.92rem;line-height:1;display:inline-flex}.dock-action__copy{justify-items:center;width:100%;min-width:0;display:grid}.dock-action__label,.dock-action__meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.dock-action__label{line-height:1.2}.dock-action__meta{color:var(--color-subtle);margin-top:2px;font-size:.66rem;font-weight:600;line-height:1.2}.dock-action__dot{border-radius:var(--radius-pill);background:var(--color-accent);vertical-align:1px;width:6px;height:6px;margin-right:4px;display:inline-block}.icon-button{border-radius:var(--radius-pill)}.drop-surface,.preview-card,.empty-promo,.notice-card,.metric-tile,.current-color-card,.palette-item,.assist-hero,.empty-note,.error-banner{border:1px solid var(--color-line);border-radius:var(--radius-md)}.current-color-card{margin-bottom:12px}.drop-surface{cursor:pointer;background:linear-gradient(180deg, var(--color-panel-muted), var(--color-panel-quiet));width:100%;padding:var(--space-4);color:var(--color-ink);text-align:left;gap:8px;display:grid;position:relative;overflow:hidden}.drop-surface.is-dragging{box-shadow:0 0 0 3px var(--focus-ring);border-color:#65d4ff6b}.random-generator-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--color-panel-emphasis), var(--color-panel-quiet));padding:var(--space-3);gap:14px;display:grid}.random-generator-card__head{gap:6px;display:grid}.random-generator-card__actions{grid-template-columns:1fr}.random-generator-card__prompt{gap:10px}.random-generator-card__button{border-color:var(--color-contrast-control-border);background:var(--color-contrast-control-bg);color:var(--color-contrast-control-ink);box-shadow:none}.random-generator-card__button:hover:not(:disabled){background:var(--color-contrast-control-bg-hover)}.random-generator-card__meta{color:var(--color-subtle);flex-wrap:wrap;gap:8px;font-size:.78rem;display:flex}.random-generator-card__examples{gap:8px;display:grid}.random-generator-card__chips{flex-wrap:wrap;gap:8px;display:flex}.drop-title,.empty-promo__title,.notice-card__title,.canvas-empty__title{margin:0;font-size:.96rem;font-weight:700}.drop-copy,.empty-promo__copy,.notice-card__copy,.setting-help,.empty-note,.canvas-empty__copy{color:var(--color-subtle);margin:0;font-size:.84rem;line-height:1.6}.preview-card{background:var(--color-surface-soft);overflow:hidden}.preview-card__image{object-fit:contain;background:linear-gradient(135deg,#ffffff08,#ffffff03);width:100%;height:188px;display:block}.preview-card__meta{justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-subtle);font-size:.78rem;display:flex}.empty-promo,.notice-card,.metric-tile,.current-color-card,.empty-note,.error-banner{background:var(--color-panel-quiet);padding:var(--space-3)}.notice-card--quiet{background:linear-gradient(180deg, var(--color-panel-quiet), #ffffff05)}.board-layout-notice{border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-line));background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 8%, transparent), transparent 70%), var(--color-panel-quiet)}.config-draft-actions{z-index:6;gap:var(--space-2);border:1px solid var(--color-line);background:linear-gradient(180deg, color-mix(in srgb, var(--color-panel) 94%, transparent), var(--color-panel)), var(--color-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding:10px;display:grid;position:sticky;bottom:0;box-shadow:0 -12px 34px #00000029}.background-removal-status-card{border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-line));border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 70%), var(--color-panel-quiet);padding:var(--space-3);gap:9px;display:grid}.background-removal-status-card.is-warning{border-color:color-mix(in srgb, var(--color-warning) 34%, var(--color-line));background:linear-gradient(135deg, color-mix(in srgb, var(--color-warning) 12%, transparent), transparent 70%), var(--color-panel-quiet)}.background-removal-status-card__head{align-items:center;gap:9px;display:flex}.background-removal-status-card__pulse{border-radius:var(--radius-pill);background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 0 5px var(--focus-ring);animation:processing-pulse 1.2s var(--ease-standard) infinite}.background-removal-status-card.is-warning .background-removal-status-card__pulse{background:var(--color-warning);animation:none}.background-removal-progress{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-accent) 12%, var(--color-panel-muted));height:6px;position:relative;overflow:hidden}.background-removal-progress span{inset-block:0;border-radius:inherit;background:linear-gradient(90deg, transparent, var(--color-accent), transparent);width:36%;animation:background-removal-sweep 1.35s var(--ease-standard) infinite;position:absolute;left:-36%}@keyframes background-removal-sweep{0%{transform:translate(0)}to{transform:translate(380%)}}.empty-promo__chips{margin-top:var(--space-2);flex-wrap:wrap;gap:8px;display:flex}.empty-promo__chips span{border-radius:var(--radius-pill);background:var(--color-panel-muted);color:var(--color-subtle);padding:8px 12px;font-size:.78rem}.setting-label{color:var(--color-ink);font-size:.88rem;font-weight:600}.inspector-tabbar{margin-bottom:14px}.studio-slider{appearance:none;border-radius:var(--radius-pill);background:linear-gradient(90deg,#65d4ff5c,#ffffff14);width:100%;height:12px}.studio-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border:2px solid #ffffffb8;border-radius:999px;width:22px;height:22px;box-shadow:0 4px 10px #65d4ff2e}.action-grid{gap:var(--space-2);display:grid}.action-grid.action-grid--size-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-grid{gap:var(--space-2);display:grid}.mode-tile{background:var(--color-panel-quiet);padding:var(--space-3);text-align:left;gap:4px;display:grid}.mode-tile.is-active{background:linear-gradient(135deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-color:#65d4ff47}.mode-tile__title{color:var(--color-ink);font-size:.9rem;font-weight:700}.mode-tile__meta{color:var(--color-subtle);font-size:.8rem;line-height:1.5}.error-banner{color:var(--color-danger);border-color:#f871713d}.overview-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px;display:grid}.metric-tile{gap:8px;display:grid}.metric-tile__label{color:var(--color-subtle);letter-spacing:0;font-size:.76rem}.metric-tile__value{color:var(--color-ink);font-size:1.32rem;font-weight:700}.snapshot-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel-quiet);gap:10px;padding:12px;display:grid}.snapshot-list{gap:8px;display:grid}.snapshot-item{border:1px solid color-mix(in srgb, var(--color-line) 70%, transparent);background:var(--color-panel);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.snapshot-item div{gap:3px;min-width:0;display:grid}.snapshot-item strong{color:var(--color-ink);font-size:.86rem;font-weight:780}.snapshot-item small{color:var(--color-subtle);font-size:.76rem;font-weight:650}.substitute-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel-quiet);gap:10px;padding:12px;display:grid}.substitute-list{gap:8px;display:grid}.substitute-item{border:1px solid color-mix(in srgb, var(--color-line) 72%, transparent);background:var(--color-panel);color:inherit;text-align:left;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.substitute-item:hover,.substitute-item.is-selected{border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-line));background:var(--color-panel-emphasis)}.substitute-item:active{transform:translateY(1px)}.substitute-item__swatch{border:1px solid #0f172a24;border-radius:10px;width:38px;height:38px;box-shadow:inset 0 0 0 1px #ffffff47}.substitute-item__main{gap:3px;min-width:0;display:grid}.substitute-item__main strong{color:var(--color-ink);font-size:.88rem;font-weight:780}.substitute-item__main small{color:var(--color-subtle);font-size:.75rem;font-weight:650;line-height:1.35}.project-health-panel{--project-health-color:var(--color-warning);border:1px solid color-mix(in srgb, var(--project-health-color) 30%, var(--color-line));border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--project-health-color) 7%, transparent), transparent 72%), var(--color-panel-quiet);gap:10px;padding:12px 14px;display:grid}.project-health-panel--notice{--project-health-color:var(--color-accent)}.project-health-panel--warning{--project-health-color:var(--color-warning)}.project-health-panel--error{--project-health-color:var(--color-danger)}.project-health-panel__header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.project-health-panel__header h3{color:var(--color-ink);margin:0;font-size:.98rem;font-weight:780}.project-health-panel__list{gap:8px;display:grid}.project-health-panel__item{border-top:1px solid color-mix(in srgb, var(--project-health-color) 20%, var(--color-line));gap:4px;padding-top:8px;display:grid}.project-health-panel__item:first-child{border-top:0;padding-top:0}.project-health-panel__item strong{color:var(--color-ink);font-size:.86rem;font-weight:760}.project-health-panel__item p{color:var(--color-subtle);margin:0;font-size:.78rem;line-height:1.5}.project-health-panel__action{border:1px solid color-mix(in srgb, var(--project-health-color) 32%, var(--color-line));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--project-health-color) 10%, var(--color-panel));min-height:32px;color:var(--color-ink);flex:none;padding:7px 11px;font-size:.74rem;font-weight:760;line-height:1}.project-health-panel__action:hover{background:color-mix(in srgb, var(--project-health-color) 16%, var(--color-panel))}.image-crop-dialog{width:min(760px,100vw - 28px)}.image-crop-dialog__body{gap:14px;display:grid}.image-crop-dialog__stage-shell{border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(45deg, color-mix(in srgb, var(--color-line) 34%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--color-line) 34%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--color-line) 34%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--color-line) 34%, transparent) 75%), var(--color-panel-quiet);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;min-height:280px;max-height:min(62vh,560px);padding:12px;display:grid;overflow:auto}.image-crop-dialog__frame{touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;display:inline-block;position:relative}.image-crop-dialog__image{pointer-events:none;width:auto;max-width:min(100%,700px);height:auto;max-height:min(54vh,500px);display:block}.image-crop-dialog__shade{pointer-events:none;background:#060b168f;position:absolute}.image-crop-dialog__shade--top,.image-crop-dialog__shade--bottom{left:0;right:0}.image-crop-dialog__shade--top{top:0}.image-crop-dialog__shade--bottom{bottom:0}.image-crop-dialog__shade--left{left:0}.image-crop-dialog__shade--right{right:0}.image-crop-dialog__crop{cursor:move;outline:2px solid #4f7cfffa;position:absolute;box-shadow:0 0 0 1px #ffffffdb,0 8px 22px #0f172a2e}.image-crop-dialog__grid{pointer-events:none;background-image:linear-gradient(#ffffff75 1px,#0000 1px),linear-gradient(90deg,#ffffff75 1px,#0000 1px);background-size:33.333% 33.333%;position:absolute;inset:0}.image-crop-dialog__handle,.image-crop-dialog__edge{background:0 0;border:0;padding:0;position:absolute}.image-crop-dialog__handle{background:var(--color-accent);border:2px solid #fff;border-radius:9px;width:24px;height:24px;box-shadow:0 4px 12px #0f172a3d}.image-crop-dialog__handle.is-nw{cursor:nwse-resize;top:-12px;left:-12px}.image-crop-dialog__handle.is-ne{cursor:nesw-resize;top:-12px;right:-12px}.image-crop-dialog__handle.is-sw{cursor:nesw-resize;bottom:-12px;left:-12px}.image-crop-dialog__handle.is-se{cursor:nwse-resize;bottom:-12px;right:-12px}.image-crop-dialog__edge.is-n,.image-crop-dialog__edge.is-s{cursor:ns-resize;height:18px;left:28px;right:28px}.image-crop-dialog__edge.is-n{top:-9px}.image-crop-dialog__edge.is-s{bottom:-9px}.image-crop-dialog__edge.is-e,.image-crop-dialog__edge.is-w{cursor:ew-resize;width:18px;top:28px;bottom:28px}.image-crop-dialog__edge.is-e{right:-9px}.image-crop-dialog__edge.is-w{left:-9px}.image-crop-dialog__meta{color:var(--color-subtle);flex-wrap:wrap;gap:8px 12px;font-size:.8rem;font-weight:650;display:flex}.image-crop-dialog__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.current-color-card{gap:var(--space-3);grid-template-columns:84px minmax(0,1fr);align-items:center;margin-top:4px;display:grid}.current-color-card__hint{color:var(--color-subtle);margin:0;font-size:.78rem;line-height:1.6}.current-color-card__swatch,.assist-hero__swatch{border-radius:var(--radius-md);width:100%;box-shadow:inset 0 1px #ffffff47}.current-color-card__swatch{height:84px}.line-style-entry{border:1px solid var(--color-line);background:linear-gradient(180deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.line-style-entry__summary{gap:4px;min-width:0;display:grid}.line-style-entry__summary strong{color:var(--color-ink);font-size:.92rem}.line-style-entry__summary span{color:var(--color-subtle);font-size:.78rem;line-height:1.5}.line-style-card__preview{background:#ffffff05;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.line-style-card__preview strong{color:var(--color-ink);font-size:.86rem}.line-style-card__preview span{color:var(--color-subtle);font-size:.76rem;line-height:1.6}.line-style-card__swatch{border:1px solid #fff3;border-radius:16px;width:44px;height:44px;box-shadow:inset 0 1px #ffffff57}.line-style-color-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.line-style-modal{width:min(980px,100vw - 24px)}.studio-input,.studio-select{border:1px solid var(--color-line);background:var(--color-panel-muted);width:100%;color:var(--color-ink);border-radius:18px;padding:13px 15px}.studio-select{min-height:52px;line-height:1.2}.studio-select--uniform{appearance:none;border-color:var(--color-contrast-control-border);background-color:var(--color-contrast-control-bg);color:var(--color-contrast-control-ink);background-image:linear-gradient(45deg, transparent 50%, var(--color-subtle) 50%), linear-gradient(135deg, var(--color-subtle) 50%, transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:44px;box-shadow:inset 0 1px #ffffff38}.palette-list{gap:10px;display:grid}.palette-item{gap:var(--space-2);background:var(--color-panel-quiet);text-align:left;align-items:stretch;padding:12px;display:flex}.palette-item--library{justify-content:space-between}.palette-item--step{grid-template-columns:56px minmax(0,1fr);display:grid}.palette-item.is-active{background:linear-gradient(135deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-color:#65d4ff47}.palette-item.is-done:not(.is-active){opacity:.72}.palette-item__hit{gap:var(--space-2);text-align:left;background:0 0;border:0;flex:auto;grid-template-columns:56px minmax(0,1fr);align-items:center;min-width:0;padding:0;display:grid}.palette-item__swatch{border:1px solid #ffffff29;border-radius:18px;align-self:stretch;width:56px;min-width:56px;height:100%;min-height:56px}.palette-item__main{gap:6px;min-width:0;display:grid}.palette-item__code{color:var(--color-ink);font-size:.9rem;font-weight:700}.palette-item__meta{color:var(--color-subtle);flex-wrap:wrap;gap:10px;font-size:.78rem;display:flex}.palette-item__bar{border-radius:var(--radius-pill);background:var(--color-panel-muted);height:8px;overflow:hidden}.palette-item__bar span{border-radius:inherit;height:100%;display:block}.palette-manager-entry{border:1px solid var(--color-line);background:linear-gradient(180deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.palette-manager-entry__summary{gap:4px;min-width:0;display:grid}.palette-manager-entry__summary strong{color:var(--color-ink);font-size:.92rem}.palette-manager-entry__summary span{color:var(--color-subtle);font-size:.78rem;line-height:1.5}.mini-chip{color:var(--color-subtle);padding:7px 12px;font-size:.76rem}.mini-chip.is-done{color:var(--color-success);border-color:#6ee7b73d}.assist-hero{background:linear-gradient(180deg, var(--color-panel-emphasis), var(--color-panel-quiet));gap:0;display:grid;position:relative;overflow:hidden}.assist-hero.is-complete{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-success) 24%, transparent)}.assist-hero__swatch{z-index:1;height:112px;box-shadow:none;background:0 0;border-radius:0;position:relative;overflow:hidden}.assist-hero__swatch-fill{border-radius:0;width:100%;height:100%;display:block;box-shadow:inset 0 1px #ffffff57}.assist-hero__swatch.is-light .assist-hero__swatch-fill{box-shadow:inset 0 1px #ffffffa3,inset 0 0 0 1px #546e9c38}.assist-hero__body{z-index:1;gap:var(--space-3);padding:var(--space-3);display:grid;position:relative}.assist-hero__title{z-index:1;letter-spacing:-.04em;margin:0;font-size:1.8rem;font-weight:800;position:relative}.assist-hero__meta{z-index:1;color:var(--color-subtle);margin:0;font-size:.9rem;position:relative}.assist-hero__status{z-index:1;color:var(--color-ink);margin:0;font-size:.82rem;line-height:1.6;position:relative}.assist-progress-grid{z-index:1;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.assist-progress-cell{background:var(--color-panel-muted);padding:var(--space-2);text-align:center;border:1px solid #ffffff14;border-radius:18px}.assist-progress-cell span{color:var(--color-subtle);margin-bottom:6px;font-size:.72rem;display:block}.assist-progress-cell strong{font-size:1rem}.assist-actions{z-index:1;gap:var(--space-2);display:grid;position:relative}.assist-steps-topbar{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.assist-steps-topbar__copy{gap:4px;min-width:0;display:grid}.assist-mask-toggle{border:1px solid var(--color-line);background:var(--color-panel-quiet);min-height:44px;color:var(--color-ink);white-space:nowrap;border-radius:16px;flex:none;padding:10px 13px;font-size:.78rem;font-weight:700}.assist-mask-toggle.is-active{background:linear-gradient(135deg, var(--color-panel-emphasis), var(--color-panel-quiet));color:var(--color-ink);border-color:#65d4ff47}.assist-board-scope{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel-quiet);gap:8px;padding:10px 12px;display:grid}.assist-board-scope span{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.assist-board-scope strong{color:var(--color-ink);font-size:.82rem;font-weight:760}.assist-board-scope small{color:var(--color-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:650;overflow:hidden}.assist-board-scope--readonly p{color:var(--color-subtle);margin:0;font-size:.76rem;line-height:1.45}.assist-focus-sheet{gap:14px;min-height:0;display:grid}.assist-focus-sheet__hero{border:1px solid var(--color-line);background:linear-gradient(180deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-radius:22px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.assist-focus-sheet__hero.is-complete{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-success) 24%, transparent)}.assist-focus-sheet__swatch{border:1px solid var(--color-line);border-radius:16px;width:52px;height:52px;overflow:hidden}.assist-focus-sheet__swatch-fill{width:100%;height:100%;display:block}.assist-focus-sheet__swatch.is-light{box-shadow:inset 0 0 0 1px #546e9c33}.assist-focus-sheet__hero-copy{gap:6px;min-width:0;display:grid}.assist-focus-sheet__hero-title{letter-spacing:-.03em;margin:0;font-size:1.3rem;font-weight:800}.assist-focus-sheet__hero-meta{color:var(--color-subtle);margin:0;font-size:.82rem;line-height:1.6}.assist-focus-sheet__controls{gap:10px;display:grid}.assist-focus-sheet__field,.assist-focus-sheet__toggle{border:1px solid var(--color-line);background:var(--color-panel-quiet);border-radius:20px;gap:10px;padding:14px;display:grid}.assist-focus-sheet__toggle{grid-template-columns:minmax(0,1fr) auto;align-items:center}.assist-focus-sheet__summary{flex-wrap:wrap;gap:8px;display:flex}.assist-focus-sheet__list{gap:10px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.canvas-stage{border-radius:16px;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.canvas-stage.is-immersive{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0}.canvas-stage__header{border-bottom:1px solid var(--color-line);padding:0}.canvas-stage__header.has-grid{gap:8px;padding:8px 12px}.canvas-stage__header.has-grid .eyebrow,.canvas-stage__header.has-grid .canvas-stage__status{display:none}.canvas-stage__header.has-grid .canvas-stage__headline{gap:4px;display:grid}.canvas-stage__headline{min-width:0}.canvas-stage__title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.canvas-stage__status{color:var(--color-subtle);margin:4px 0 0;font-size:.8rem;line-height:1.5}.canvas-stage__fit-button{cursor:pointer}.canvas-stage__mobile-bar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:none}.canvas-stage__mobile-bar.is-editing{justify-content:space-between}.canvas-stage__mobile-bar-left,.canvas-stage__mobile-bar-right{align-items:center;gap:4px;display:flex}.canvas-stage__mobile-action-group{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface-strong) 92%, var(--color-panel-muted));border-radius:16px;padding:3px;box-shadow:0 1px 2px #0f172a0a}.canvas-stage__mobile-bar-right{justify-content:flex-end;margin-left:auto}.canvas-stage__mobile-action{min-width:62px;min-height:44px;box-shadow:none;background:0 0;border-color:#0000;border-radius:13px;justify-content:center;padding:9px 12px;font-size:.8rem;font-weight:800}.canvas-stage__mobile-action:before,.canvas-stage__mobile-top-done:before{border-radius:7px;width:16px;height:16px;font-size:.72rem}.canvas-stage__mobile-icon-button{width:40px;min-width:40px;color:var(--color-subtle);padding:0;line-height:1}.canvas-stage__mobile-icon-button:before{display:none}.canvas-stage__mobile-icon-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 18%, var(--color-line));background:color-mix(in srgb, var(--color-panel-emphasis) 88%, var(--color-surface));color:var(--color-ink)}.canvas-stage__mobile-icon-button:disabled{opacity:.42}.canvas-stage__mobile-icon{width:17px;height:17px;display:block}.canvas-stage__mobile-tools,.canvas-stage__mobile-actions{display:none}.canvas-stage__mobile-tools{gap:8px;margin-top:10px}.canvas-stage__mobile-actions{gap:8px;margin-top:8px}.canvas-stage__tool-row{gap:10px;margin-top:14px;display:grid}.canvas-stage__tool-scroll,.canvas-stage__action-scroll{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.canvas-stage__tool-scroll::-webkit-scrollbar{display:none}.canvas-stage__action-scroll::-webkit-scrollbar{display:none}.canvas-stage__tool-button{border:1px solid var(--color-line);background:var(--color-panel-quiet);width:92px;min-width:92px;color:var(--color-subtle);white-space:nowrap;border-radius:18px;flex:0 0 92px;justify-content:center;align-items:center;gap:8px;padding:9px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.canvas-stage__tool-button small{color:var(--color-subtle);font-size:.64rem;font-weight:600}.canvas-stage__action-button{color:var(--color-ink)}.canvas-stage__tool-button.is-active{background:linear-gradient(135deg, var(--color-panel-emphasis), var(--color-panel-quiet));color:var(--color-ink);border-color:#65d4ff47}.canvas-stage__tool-button--secondary{opacity:.7}.toolbar-tool-bar{align-items:center;gap:4px;display:flex}.toolbar-tool-bar .toolbar-menu-trigger{min-width:auto}.canvas-stage__viewport{overscroll-behavior:contain;background:var(--color-stage-bg);flex:1;min-height:0;position:relative;overflow:hidden}.canvas-stage.is-immersive .canvas-stage__viewport{border-radius:0}.canvas-stage__viewport:before{content:"";opacity:.48;background-image:linear-gradient(var(--color-stage-overlay-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-stage-overlay-grid) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0}.canvas-stage__canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.canvas-processing-banner{pointer-events:none;z-index:6;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-panel-shell) 92%, transparent);max-width:min(420px,100% - 32px);color:var(--color-ink);border:1px solid #65d4ff33;align-items:center;gap:10px;padding:10px 12px;display:inline-flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0f172a1a}.canvas-processing-banner strong,.canvas-processing-banner small{min-width:0;display:block}.canvas-processing-banner strong{font-size:.86rem;line-height:1.25}.canvas-processing-banner small{color:var(--color-subtle);margin-top:2px;font-size:.74rem;line-height:1.35}.canvas-processing-banner__pulse{border-radius:var(--radius-pill);background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 0 5px var(--focus-ring);animation:processing-pulse 1.2s var(--ease-standard) infinite;flex:none}.canvas-stage__board-switcher{pointer-events:auto;background:color-mix(in srgb, var(--color-floating-surface) 92%, transparent);min-width:0;max-width:min(560px,100%);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;border:1px solid #a7b8d633;border-radius:18px;flex:0 auto;align-items:center;gap:6px;padding:6px;display:flex;overflow-x:auto}.canvas-stage__board-switcher--header{margin-left:auto}.canvas-stage__board-switcher::-webkit-scrollbar{display:none}.canvas-stage__board-switcher.is-immersive{z-index:6;max-width:min(560px,100% - 64px);margin-left:0;position:absolute;top:50px;left:50px}.canvas-stage__board-switcher-button{min-width:48px;min-height:34px;color:var(--color-subtle);white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;border-radius:13px;flex:none;padding:7px 11px;font-size:.76rem;font-weight:780;line-height:1}.canvas-stage__board-switcher-button:hover{border-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-line));color:var(--color-ink)}.canvas-stage__board-switcher-button.is-active{border-color:color-mix(in srgb, var(--color-accent) 36%, var(--color-line));background:color-mix(in srgb, var(--color-accent) 12%, var(--color-panel));color:var(--color-ink)}@keyframes processing-pulse{0%,to{opacity:.58;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}@keyframes bead-loading-pop{0%,to{opacity:.45;transform:scale(.72)}50%{opacity:1;transform:scale(1)}}.assist-inspect-popover{pointer-events:none;z-index:8;background:color-mix(in srgb, var(--color-panel-emphasis) 88%, transparent);min-width:78px;max-width:118px;color:var(--color-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #94a3b847;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;font-size:.88rem;font-weight:800;display:inline-flex;position:absolute;box-shadow:0 8px 16px #0f172a1f}.assist-inspect-popover__swatch{border:1px solid #0f172a29;border-radius:7px;flex:none;width:22px;height:22px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff47}.canvas-stage__immersive-bar{pointer-events:none;z-index:6;flex-flow:row;justify-content:flex-end;align-items:center;gap:8px;width:auto;max-width:calc(100% - 32px);display:flex;position:absolute;top:16px;right:16px;overflow:visible}.canvas-stage__immersive-actions{pointer-events:auto;flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;max-width:none;display:flex;overflow:visible}.canvas-stage__immersive-button,.canvas-stage__immersive-exit{pointer-events:auto;white-space:nowrap;flex:none;min-height:44px;padding:9px 14px}.canvas-stage__immersive-step{white-space:nowrap;flex:none;align-items:center;min-height:44px;display:inline-flex}.canvas-stage__immersive-exit{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc262647;box-shadow:0 8px 16px #dc262629}.canvas-stage__assist-focus{pointer-events:none;z-index:7;position:absolute;inset:0}.canvas-stage__assist-focus-top{pointer-events:auto;align-items:center;display:flex;position:absolute;top:26px;left:14px;right:14px}.canvas-stage__assist-focus-top-actions{scrollbar-width:none;align-items:center;gap:8px;max-width:100%;margin-left:auto;display:flex;overflow-x:auto}.canvas-stage__assist-focus-top-actions::-webkit-scrollbar{display:none}.canvas-stage__assist-focus-pill,.canvas-stage__assist-focus-chip,.canvas-stage__assist-focus-nav,.canvas-stage__assist-focus-current{background:var(--color-floating-surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #a7b8d62e}.canvas-stage__assist-focus-nav{min-height:44px;color:var(--color-ink);white-space:nowrap;border-radius:18px;padding:10px 13px}.canvas-stage__assist-focus-back--danger{color:#fff;background:#e7524d}.canvas-stage__assist-mask-toggle.is-active{background:linear-gradient(135deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-color:#65d4ff47}.canvas-stage__assist-focus-chip{border-radius:18px;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:inline-flex}.canvas-stage__assist-focus-swatch{border:1px solid #ffffff52;border-radius:999px;flex:0 0 22px;width:22px;height:22px}.canvas-stage__assist-focus-copy{min-width:0;display:grid}.canvas-stage__assist-focus-copy strong{color:var(--color-ink);font-size:.88rem}.canvas-stage__assist-focus-copy small{color:var(--color-subtle);font-size:.72rem}.canvas-stage__assist-focus-bottom{pointer-events:auto;left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--mobile-viewport-inset) + 10px);gap:8px;width:min(500px,100% - 24px);display:grid;position:absolute;transform:translate(-50%)}.canvas-stage__assist-focus-stepper,.canvas-stage__assist-focus-actions{gap:8px;display:grid}.canvas-stage__assist-focus-stepper{grid-template-columns:auto minmax(0,1fr) auto}.canvas-stage__assist-focus-current{text-align:left;border-radius:20px;gap:4px;min-width:0;min-height:44px;padding:9px 13px;display:grid}.canvas-stage__assist-focus-current-main{align-items:center;gap:10px;min-width:0;display:inline-flex}.canvas-stage__assist-focus-current-swatch{border:1px solid #ffffff73;border-radius:10px;flex:0 0 28px;width:28px;height:28px;box-shadow:inset 0 1px #ffffff42}.canvas-stage__assist-focus-current-code{color:var(--color-ink);font-size:1rem;font-weight:800}.canvas-stage__assist-focus-current-meta{color:var(--color-subtle);font-size:.74rem;line-height:1.45}.canvas-stage__assist-focus-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-stage__desktop-overlay{display:none}.canvas-stage__overlay-pill{white-space:nowrap}.canvas-stage__mobile-edit-top,.canvas-stage__mobile-edit-overlay{display:none}.canvas-stage__mobile-edit-top-actions,.canvas-stage__mobile-color-row,.canvas-stage__mobile-color-scroll,.canvas-stage__mobile-edit-tools,.canvas-stage__mobile-selection-actions{display:flex}.canvas-stage__mobile-top-button,.canvas-stage__mobile-top-done,.canvas-stage__mobile-edit-tool,.canvas-stage__mobile-selection-button,.canvas-stage__mobile-palette-switch,.canvas-stage__mobile-color-chip{border:1px solid var(--color-line);background:var(--color-panel-shell);color:var(--color-ink);border-radius:18px}.canvas-stage__mobile-color-swatch{border:1px solid #ffffff47;border-radius:999px;width:20px;height:20px;display:inline-flex;box-shadow:inset 0 1px #ffffff57}.color-picker-modal{width:min(980px,100vw - 24px);max-height:calc(var(--app-viewport-height,100vh) - 32px);flex-direction:column;gap:18px;display:flex}.color-picker-modal__body{min-height:0;overflow-y:auto;overflow-y:overlay;gap:14px;padding-right:6px;display:grid}.color-picker-section{border:1px solid var(--color-line);background:linear-gradient(180deg, var(--color-panel-muted), var(--color-panel-quiet));border-radius:20px;gap:12px;padding:16px;display:grid}.color-picker-section__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.color-picker-section__header strong{color:var(--color-ink);font-size:.94rem;display:block}.color-picker-section__header span{color:var(--color-subtle);font-size:.8rem;line-height:1.6}.color-picker-used-row{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow:auto hidden}.color-picker-used-row::-webkit-scrollbar{display:none}.color-picker-swatch-button,.color-picker-grid-item{border:1px solid var(--color-line);background:var(--color-surface-soft);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:18px}.color-picker-swatch-button:hover:not(:disabled),.color-picker-grid-item:hover:not(:disabled){border-color:#65d4ff3d;transform:translateY(-1px)}.color-picker-swatch-button.is-active,.color-picker-grid-item.is-active{background:linear-gradient(135deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-color:#65d4ff52;box-shadow:0 6px 14px #2563eb1a}.color-picker-swatch-button{text-align:left;flex:none;grid-template-columns:26px auto;grid-template-areas:"swatch code""swatch meta";align-items:center;gap:2px 10px;min-width:124px;padding:10px 12px;display:grid}.color-picker-swatch-button__swatch{border:1px solid #ffffff47;border-radius:999px;grid-area:swatch;width:26px;height:26px;box-shadow:inset 0 1px #ffffff57}.color-picker-swatch-button strong{color:var(--color-ink);grid-area:code;font-size:.82rem;font-weight:700}.color-picker-swatch-button small{color:var(--color-subtle);grid-area:meta;font-size:.72rem;font-weight:600}.color-picker-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.color-picker-group-list{gap:12px;display:grid}.color-picker-group{border:1px solid var(--color-line);background:var(--color-surface-soft);border-radius:18px;gap:12px;padding:14px;display:grid}.color-picker-group__header{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;display:flex}.color-picker-group__header strong{color:var(--color-ink);font-size:.92rem;display:block}.color-picker-group__header span{color:var(--color-subtle);font-size:.8rem;line-height:1.6}.group-toggle-icon{width:28px;height:28px;color:var(--color-subtle);background:#94a3b81f;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:transform .2s,color .2s,background-color .2s;display:inline-flex}.group-toggle-icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.group-toggle-icon.is-collapsed{transform:rotate(-90deg)}.color-picker-grid-item{text-align:center;justify-items:center;gap:8px;min-width:0;padding:12px 10px;display:grid}.color-picker-grid-item__swatch{border:1px solid #ffffff47;border-radius:999px;width:32px;height:32px;box-shadow:inset 0 1px #ffffff57}.color-picker-grid-item__code{color:var(--color-ink);font-size:.82rem;font-weight:700}.color-picker-grid-item__group{color:var(--color-subtle);font-size:.72rem;line-height:1.4}.minimap-shell{z-index:3;border:1px solid var(--color-line);background:var(--color-floating-surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute}.zoom-hud{z-index:4;border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-strong);background:#070b12db;border:1px solid #ffffff14;padding:16px 22px;font-size:1.4rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.assist-complete-toast{z-index:4;color:#ecfdf5;letter-spacing:.01em;box-shadow:var(--shadow-strong);background:#064e3bf0;border:1px solid #6ee7b747;border-radius:999px;padding:12px 20px;font-size:.96rem;font-weight:700;position:absolute;top:calc(50% + 76px);left:50%;transform:translate(-50%,-50%)}.minimap-shell{right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-lg);width:168px;padding:9px}.minimap-shell__header{color:var(--color-subtle);letter-spacing:0;justify-content:space-between;margin-bottom:10px;font-size:.72rem;display:flex}.minimap-shell__body{background:var(--color-panel-quiet);border-radius:16px;padding:8px;position:relative}.minimap-shell__canvas{background:var(--color-minimap-canvas-bg);width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:14px;display:block}.minimap-shell__viewport{border:2px solid var(--color-minimap-viewport-border);box-shadow:0 0 0 1px var(--color-minimap-viewport-ring);border-radius:10px;position:absolute}.canvas-empty{pointer-events:none;z-index:2;place-content:center;gap:var(--space-4);padding:var(--space-5);display:grid;position:absolute;inset:0}.canvas-empty__art{width:206px;margin:0 auto;position:relative}.canvas-empty__grid{border:1px solid var(--color-empty-preview-border);border-radius:var(--radius-lg);background:var(--color-empty-preview-bg);box-shadow:inset 0 0 0 1px var(--color-line);grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:14px;display:grid}.canvas-empty__grid span{aspect-ratio:1;background:var(--color-empty-preview-bead);border-radius:999px}.canvas-empty__grid span:nth-child(5n),.canvas-empty__grid span:nth-child(11n){background:var(--color-empty-preview-bead-muted)}.canvas-empty__grid span:nth-child(10),.canvas-empty__grid span:nth-child(19),.canvas-empty__grid span:nth-child(28),.canvas-empty__grid span:nth-child(37),.canvas-empty__grid span:nth-child(46),.canvas-empty__grid span:nth-child(55){background:var(--color-empty-preview-bead-accent)}.canvas-empty__title{color:var(--color-ink)}.canvas-empty__copy{max-width:min(680px,100% - 32px)}.canvas-empty__steps{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.canvas-empty__steps span{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-panel-muted);color:var(--color-canvas-empty-text);padding:9px 14px;font-size:.78rem;line-height:1.45}.mobile-dock{bottom:var(--space-3);z-index:8;padding:0 2px env(safe-area-inset-bottom);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:none;position:sticky}.mobile-dock--platform{width:min(360px,100vw - 32px)}.dock-action{text-align:center;place-content:center;padding:14px 10px;display:grid}.mobile-dock--platform .dock-action{border-radius:14px;min-height:52px}.dock-action.is-active{border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-line));background:var(--color-panel-emphasis);color:var(--color-ink)}.dock-action-primary{background:var(--color-accent);color:#fff}.mobile-drawer-backdrop,.modal-backdrop,.ui-dialog__overlay{z-index:60;background:#04081085;position:fixed;inset:0}.ui-dialog__content{z-index:61;outline:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.immersive-config-backdrop{z-index:70;pointer-events:auto;position:fixed;inset:0}.immersive-config-panel{pointer-events:auto;border:1px solid var(--color-line);background:var(--color-surface-strong);width:min(380px,100vw - 32px);box-shadow:var(--shadow-strong);border-radius:20px;flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;top:16px;bottom:16px;right:16px}.immersive-config-panel__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.immersive-config-panel .workspace-column{flex:auto;min-height:0;padding-right:2px}.mobile-drawer-sheet,.export-modal{border-radius:16px;width:min(920px,100vw - 24px)}.mobile-drawer-sheet{max-height:calc(var(--app-viewport-height) - 24px);padding:var(--space-3);position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.mobile-drawer-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);display:flex}.mobile-drawer-body{max-height:calc(var(--app-viewport-height) - 140px);overflow-y:auto;overflow-y:overlay;overscroll-behavior:contain}.mobile-drawer-backdrop.mobile-drawer-backdrop--workspace{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#02040a00 0% 62%,#0f172a1a 100%);justify-content:center;align-items:flex-end;padding:0}.mobile-drawer-backdrop--workspace .mobile-drawer-sheet{width:min(720px,100vw);max-height:var(--mobile-workspace-drawer-height);border-width:1px 0 0;border-color:color-mix(in srgb, var(--color-line) 78%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 98%, var(--color-panel-muted)), var(--color-surface-strong) 72%), var(--color-surface-strong);border-radius:16px 16px 0 0;flex-direction:column;padding:10px 12px 0;display:flex;position:absolute;bottom:0;left:50%;right:auto;transform:translate(-50%);box-shadow:0 -8px 18px #0f172a1f}.mobile-drawer-backdrop--workspace .mobile-drawer-sheet:before{content:"";border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-subtle) 34%, transparent);width:38px;height:4px;margin:0 auto 9px;display:block}.mobile-drawer-backdrop--workspace .mobile-drawer-body{max-height:calc(var(--mobile-workspace-drawer-height) - 62px);flex:auto;padding-bottom:12px}.mobile-drawer-backdrop--workspace .mobile-drawer-header{align-items:center;min-height:38px;padding:0 2px 8px}.mobile-drawer-backdrop--workspace .mobile-drawer-header .eyebrow{color:var(--color-subtle);margin-bottom:2px;font-size:.7rem;font-weight:800}.mobile-drawer-backdrop--workspace .mobile-drawer-title{font-size:1rem;line-height:1.25}.mobile-drawer-backdrop--workspace .modal-close-button{border-color:color-mix(in srgb, var(--color-line) 82%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 92%, transparent);width:34px;height:34px;color:var(--color-ink);border-radius:999px;margin-left:12px;position:static}.mobile-drawer-backdrop--workspace .modal-close-button span{font-size:1rem}.mobile-drawer-backdrop--workspace .tool-surface{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate>.flex:first-child,.mobile-drawer-backdrop--workspace .tool-surface>.flex:first-child .eyebrow,.mobile-drawer-backdrop--workspace .tool-surface>.flex:first-child .panel-title{display:none}.mobile-drawer-backdrop--workspace .tool-surface>.flex:first-child .icon-button{border-radius:999px;min-height:36px;padding:8px 12px;font-size:.76rem}.mobile-drawer-backdrop--workspace .notice-card,.mobile-drawer-backdrop--workspace .mode-tile{box-shadow:none;border-radius:12px}.mobile-drawer-backdrop--workspace .notice-card{background:color-mix(in srgb, var(--color-panel-muted) 72%, transparent);padding:10px 12px}.mobile-drawer-backdrop--workspace .mode-tile{border-color:color-mix(in srgb, var(--color-line) 86%, transparent);background:color-mix(in srgb, var(--color-panel-quiet) 76%, transparent);text-align:center;align-content:center;min-height:62px;padding:10px 9px}.mobile-drawer-backdrop--workspace .mode-tile__title{font-size:.86rem}.mobile-drawer-backdrop--workspace .mode-tile__meta{display:none}.mobile-drawer-backdrop--workspace .mode-tile.is-active{border-color:color-mix(in srgb, var(--color-accent) 38%, var(--color-line));background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent-soft) 54%, transparent), color-mix(in srgb, var(--color-panel-muted) 78%, transparent))}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate>.grid{gap:10px}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .setting-label{font-size:.82rem}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .setting-help{font-size:.76rem;line-height:1.45}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .value-pill{min-height:32px;padding:7px 10px}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .value-pill-editor{min-height:36px}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .studio-slider{height:10px}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .secondary-button{min-height:40px;padding:9px 10px}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .advanced-settings-card{border-color:color-mix(in srgb, var(--color-line) 74%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 58%, transparent);gap:8px;padding:10px}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .advanced-settings-card>.grid:first-child{gap:4px;padding:0 2px 2px}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .setting-option-card{border-color:color-mix(in srgb, var(--color-line) 70%, transparent);background:var(--color-surface-strong);min-height:58px;padding:10px 12px}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .setting-option-card input[type=checkbox]{flex:none}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .config-draft-actions{z-index:64;border-color:color-mix(in srgb, var(--color-line) 74%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 98%, transparent), var(--color-surface-strong)), var(--color-surface-strong);width:100vw;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-width:1px;border-radius:18px 18px 0 0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%);box-shadow:0 -6px 14px #0f172a1a}.mobile-drawer-backdrop--workspace .tool-surface--mobile-generate .config-draft-actions .ui-button{border-radius:14px;min-height:46px;font-size:.9rem;font-weight:800}.mobile-drawer-stack{gap:14px;display:grid}.mobile-utility-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));gap:14px;padding:16px;display:grid}.mobile-utility-card--quiet{background:linear-gradient(180deg, var(--color-panel-shell), var(--color-surface))}.mobile-inline-title{color:var(--color-ink);letter-spacing:-.02em;margin:0;font-size:.96rem;font-weight:700}.mobile-inline-copy{color:var(--color-subtle);margin:0;font-size:.82rem;line-height:1.6}.mobile-utility-button{justify-content:center;width:100%}.mobile-theme-switch{justify-content:stretch;width:100%}.mobile-theme-switch .segmented-control__item{flex:1}.export-modal{padding:var(--space-4);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.export-summary-pills{flex-wrap:wrap;gap:8px;display:flex}.export-summary-pill{min-height:36px;padding:8px 12px}.export-preview-panel{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-panel-quiet);gap:12px;padding:14px;display:grid}.export-preflight-list{color:var(--color-muted);gap:6px;margin:8px 0 0;padding-left:18px;font-size:.85rem;font-weight:650;line-height:1.55;display:grid}.export-preview-panel__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.export-preview-panel__header strong{color:var(--color-ink);font-size:.95rem}.export-preview-panel__header span{color:var(--color-subtle);font-size:.78rem;font-weight:600}.export-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.export-preview-item{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel-muted);gap:4px;min-width:0;padding:10px;display:grid}.export-preview-item dt,.export-preview-item dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.export-preview-item dt{color:var(--color-subtle);font-size:.72rem;font-weight:600}.export-preview-item dd{color:var(--color-ink);font-size:.9rem;font-weight:700}.paste-confirm-modal{border:1px solid var(--color-line);background:var(--color-panel-shell);width:min(520px,100vw - 24px);box-shadow:var(--shadow-strong);color:var(--color-ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .paste-confirm-modal,[data-theme=focus] .paste-confirm-modal{box-shadow:var(--shadow-strong)}.config-change-modal{width:min(470px,100vw - 24px)}.mine-help-modal{width:min(740px,100vw - 24px);max-height:calc(var(--app-viewport-height,100vh) - 32px);overscroll-behavior:contain;overflow-y:auto}.mine-help,.mine-community{gap:20px;display:grid}.mine-help__lead{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 54%, var(--color-surface-strong)) 0%, var(--color-surface-strong) 54%, color-mix(in srgb, #f4fbff 48%, var(--color-surface-strong)) 100%);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(188px,.62fr);align-items:stretch;gap:18px;padding:18px;display:grid}.mine-help__lead-copy{align-content:center;gap:9px;min-width:0;display:grid}.mine-help__eyebrow,.mine-help__section-title span{background:color-mix(in srgb, var(--color-accent-soft) 70%, var(--color-surface-strong));width:fit-content;color:var(--color-accent-strong);letter-spacing:0;border-radius:999px;font-size:.74rem;font-weight:850}.mine-help__eyebrow{padding:5px 9px}.mine-help__lead h3{color:var(--color-ink);letter-spacing:0;margin:0;font-size:clamp(1.24rem,3vw,1.58rem);font-weight:900;line-height:1.24}.mine-help__lead p{max-width:31em;color:var(--color-subtle);margin:0;font-size:.9rem;font-weight:700;line-height:1.7}.mine-help__preview{border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-line));background:color-mix(in srgb, var(--color-panel-shell) 84%, white);border-radius:16px;justify-content:center;align-items:center;gap:15px;min-width:0;padding:15px;display:flex;box-shadow:inset 0 1px #ffffffb3}.mine-help__preview-board{border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-line));background:linear-gradient(color-mix(in srgb, var(--color-line) 24%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-line) 24%, transparent) 1px, transparent 1px), var(--color-surface-strong);width:118px;box-shadow:0 12px 28px color-mix(in srgb, var(--color-accent) 12%, transparent);background-size:16px 16px;border-radius:14px;flex:0 0 118px;grid-template-columns:repeat(8,1fr);gap:4px;padding:10px;display:grid}.mine-help__preview-board i{aspect-ratio:1;background:color-mix(in srgb, var(--color-accent-soft) 40%, var(--color-line));border-radius:999px}.mine-help__preview-board .is-accent{background:color-mix(in srgb, var(--color-subtle) 45%, var(--color-accent-soft))}.mine-help__preview-board .is-muted{background:color-mix(in srgb, var(--color-subtle) 38%, var(--color-accent-soft))}.mine-help__preview-board .is-strong{background:var(--color-accent)}.mine-help__preview-meta{min-width:0;color:var(--color-subtle);gap:3px;font-size:.78rem;font-weight:750;display:grid}.mine-help__preview-copy{gap:10px;min-width:0;display:grid}.mine-help__preview-meta span{color:var(--color-accent-strong);font-size:.74rem;font-weight:850}.mine-help__preview-meta strong{color:var(--color-ink);font-size:1.02rem;font-weight:900}.mine-help__preview-meta small{color:var(--color-subtle);font-size:.78rem;font-weight:750}.mine-help__preview-swatches{gap:6px;display:flex}.mine-help__preview-swatches span{border:1px solid color-mix(in srgb, var(--color-line) 70%, transparent);background:var(--color-accent);border-radius:7px;width:18px;height:18px}.mine-help__preview-swatches span:nth-child(2){background:color-mix(in srgb, var(--color-subtle) 42%, var(--color-accent-soft))}.mine-help__preview-swatches span:nth-child(3){background:color-mix(in srgb, #f7d8bc 70%, var(--color-surface-strong))}.mine-help__preview-swatches span:nth-child(4){background:color-mix(in srgb, var(--color-line) 86%, white)}.mine-help__section{gap:12px;display:grid}.mine-help__section-title{align-items:center;gap:10px;min-width:0;display:flex}.mine-help__section-title span{flex:none;padding:4px 8px}.mine-help__section-title h3,.mine-community__copy h3{color:var(--color-ink);letter-spacing:0;margin:0;font-size:1rem;font-weight:850}.mine-help__workflow{border-block:1px solid color-mix(in srgb, var(--color-line) 82%, transparent);display:grid}.mine-help-step{border-top:1px solid color-mix(in srgb, var(--color-line) 70%, transparent);grid-template-columns:44px minmax(0,1fr);gap:12px;min-width:0;padding:14px 0;display:grid}.mine-help-step:first-child{border-top:0}.mine-help-step__index{background:color-mix(in srgb, var(--color-accent-soft) 68%, var(--color-surface-strong));height:34px;color:var(--color-accent-strong);border-radius:12px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.mine-help-step strong,.mine-help__tips li,.mine-help__insights strong{color:var(--color-ink);font-size:.94rem;font-weight:850;line-height:1.42;display:block}.mine-help-step p,.mine-help__insights p,.mine-community__copy p{color:var(--color-subtle);margin:0;font-size:.84rem;font-weight:650;line-height:1.62}.mine-help-step__tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mine-help-step__tags span{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 34%, transparent);color:var(--color-subtle);border-radius:999px;padding:4px 8px;font-size:.74rem;font-weight:750}.mine-help__insights{border:1px solid color-mix(in srgb, var(--color-line) 84%, transparent);background:color-mix(in srgb, var(--color-line) 76%, transparent);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.mine-help__insights>div{background:var(--color-surface-strong);align-content:start;gap:7px;min-width:0;padding:13px;display:grid}.mine-help__tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.mine-help__tips li{background:color-mix(in srgb, var(--color-panel-muted) 46%, transparent);border-radius:13px;padding:12px 12px 12px 30px;position:relative}.mine-help__tips li:before{content:"";background:var(--color-accent);border-radius:999px;width:7px;height:7px;position:absolute;top:18px;left:13px}.mine-community{grid-template-columns:minmax(180px,.82fr) minmax(0,1.18fr);align-items:center}.mine-community__qr{aspect-ratio:888/1128;border:1px dashed color-mix(in srgb, var(--color-accent) 28%, var(--color-line));background:var(--color-qr-surface);border-radius:18px;place-items:center;min-width:0;display:grid;overflow:hidden}.mine-community__qr img{object-fit:contain;border-radius:16px;width:100%;height:100%}.mine-community__placeholder{text-align:center;justify-items:center;gap:6px;padding:18px;display:grid}.mine-community__placeholder strong{color:var(--color-ink);font-size:.92rem;font-weight:850}.mine-community__placeholder small{color:var(--color-subtle);font-size:.78rem;font-weight:700}.mine-community__copy{gap:8px;display:grid}@media (width>=900px){.mine-help-modal{width:min(980px,100vw - 96px);max-height:calc(var(--app-viewport-height,100vh) - 112px)}.mine-help{gap:18px}.mine-help__lead{grid-template-columns:minmax(0,1fr) 330px;padding:22px 24px}.mine-help__preview{justify-content:flex-start}.mine-help__workflow{border-block:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mine-help-step{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);background:color-mix(in srgb, var(--color-surface-strong) 82%, transparent);border-radius:16px;min-height:132px;padding:14px}.mine-help-step:first-child{border-top:1px solid color-mix(in srgb, var(--color-line) 78%, transparent)}.mine-help__tips li{min-height:78px}}@media (width<=640px){.mine-help-modal{max-height:calc(var(--app-viewport-height,100vh) - 20px);padding:18px}.mine-community{grid-template-columns:minmax(0,1fr);justify-items:center}.mine-community__qr{width:min(280px,100%)}.mine-community__copy{justify-items:start}.mine-help__lead{grid-template-columns:minmax(0,1fr);padding:14px}.mine-help__preview{justify-content:flex-start;padding:14px}.mine-help__insights,.mine-help__tips{grid-template-columns:minmax(0,1fr)}.mine-help__section-title{flex-direction:column;align-items:flex-start;gap:6px}}.palette-manager-modal{width:min(920px,100vw - 24px);max-height:calc(var(--app-viewport-height,100vh) - 32px);flex-direction:column;gap:18px;display:flex}.palette-manager-modal__header,.palette-manager-modal__toolbar{gap:14px;display:grid}.modal-panel-header{align-items:flex-start;gap:12px;display:flex}.modal-panel-header__copy{gap:4px;min-width:0;display:grid}.palette-manager-modal__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.palette-manager-modal__header,.mobile-drawer-header,.immersive-config-panel__header,.modal-panel-header{padding-right:56px}.ui-dialog__header .modal-panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding-right:0;display:grid}.ui-dialog__header .modal-close-button{align-self:start;position:static}.palette-manager-modal__meta{gap:4px;display:grid}.palette-manager-modal__meta strong{color:var(--color-ink);font-size:.98rem}.palette-manager-modal__meta span,.palette-manager-modal__hint{color:var(--color-subtle);font-size:.86rem;line-height:1.6}.palette-manager-modal__search{width:100%}.palette-manager-modal__actions,.palette-manager-group__actions{text-align:right;flex-wrap:wrap;gap:8px;display:flex}.palette-manager-modal__body{min-height:0;overflow-y:auto;overflow-y:overlay;gap:14px;padding-right:6px;display:grid}.export-modal__body{overflow:hidden auto}.palette-manager-group{border:1px solid var(--color-line);background:linear-gradient(180deg, var(--color-panel-muted), var(--color-panel-quiet));border-radius:20px;gap:12px;padding:16px;display:grid}.palette-manager-group__header{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;display:flex!important}.palette-manager-group__header strong{color:var(--color-ink);font-size:.94rem;display:block}.palette-manager-group__header span{color:var(--color-subtle);font-size:.8rem}.palette-manager-group__header .group-toggle-icon,.color-picker-group__header .group-toggle-icon{align-self:center}.palette-manager-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.palette-manager-item{border:1px solid var(--color-line);background:var(--color-surface-soft);cursor:pointer;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:border-color .18s,transform .18s,opacity .18s,box-shadow .18s;display:flex}.palette-manager-item:hover{border-color:#65d4ff3d;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a1a}.palette-manager-item.is-disabled{opacity:.48}.palette-manager-item input{accent-color:var(--color-accent);margin:0}.palette-manager-item__swatch{border:1px solid var(--color-line);border-radius:999px;flex:0 0 18px;width:18px;height:18px;box-shadow:inset 0 1px #fff6}.palette-manager-item__code{min-width:0;color:var(--color-ink);letter-spacing:.01em;font-size:.84rem;font-weight:700}.palette-manager-modal__footer{align-items:center}.palette-manager-modal__footer-button{border-radius:22px;min-height:44px;padding:0 12px;font-size:.94rem;font-weight:700}.paste-confirm-title{color:var(--color-ink);margin:0;font-size:1.08rem;font-weight:700;line-height:1.35}.modal-copy{color:var(--color-subtle);margin:0;font-size:.92rem;line-height:1.7}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-actions .ui-button,.modal-actions .primary-button,.modal-actions .modal-secondary-button{min-width:132px;min-height:46px}.ui-button--secondary,.modal-secondary-button{border-color:var(--color-line);background:var(--color-panel-muted);color:var(--color-ink);opacity:1}.ui-button--secondary:hover:not(:disabled),.modal-secondary-button:hover:not(:disabled){background:linear-gradient(180deg, var(--color-panel-emphasis), var(--color-panel-muted));border-color:#65d4ff3d}.modal-close-button{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-panel-muted) 92%, var(--color-surface-strong));width:42px;height:42px;color:var(--color-ink);box-shadow:none;border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.modal-close-button span{justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;line-height:1;display:inline-flex}.modal-close-button:hover:not(:disabled){background:linear-gradient(180deg, var(--color-panel-emphasis), var(--color-panel-muted));border-color:#65d4ff3d}.ui-button:disabled,.primary-button:disabled,.modal-secondary-button:disabled{cursor:not-allowed;opacity:1}.ui-button--primary:disabled,.primary-button:disabled{border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-line));background:color-mix(in srgb, var(--color-accent) 22%, transparent);color:color-mix(in srgb, var(--color-ink) 56%, transparent);box-shadow:none}.ui-button--secondary:disabled{border-color:var(--color-line);background:color-mix(in srgb, var(--color-panel-muted) 88%, transparent);color:color-mix(in srgb, var(--color-subtle) 76%, transparent);box-shadow:none}[data-theme=dark] .new-project-field input,[data-theme=focus] .new-project-field input,[data-theme=dark] .new-project-import,[data-theme=focus] .new-project-import,[data-theme=dark] .ui-button--secondary,[data-theme=focus] .ui-button--secondary,[data-theme=dark] .modal-secondary-button,[data-theme=focus] .modal-secondary-button{background:var(--color-panel-muted)}[data-theme=dark] .ui-button--primary:disabled,[data-theme=focus] .ui-button--primary:disabled,[data-theme=dark] .primary-button:disabled,[data-theme=focus] .primary-button:disabled{color:#e2e8f0b8;background:#475569e6;border-color:#475569e6}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.scrollbar-thin.is-scrolling{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.scrollbar-thin.is-scrolling::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin.is-scrolling::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.drawer-fade-enter-active,.drawer-fade-leave-active,.zoom-fade-enter-active,.zoom-fade-leave-active{transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard)}.drawer-fade-enter-from,.drawer-fade-leave-to,.zoom-fade-enter-from,.zoom-fade-leave-to{opacity:0}.drawer-fade-enter-from .mobile-drawer-sheet,.drawer-fade-leave-to .mobile-drawer-sheet{transform:translateY(12px)}.drawer-fade-enter-from .mobile-drawer-backdrop--workspace .mobile-drawer-sheet,.drawer-fade-leave-to .mobile-drawer-backdrop--workspace .mobile-drawer-sheet{transform:translate(-50%,18px)}.drawer-fade-enter-from .export-modal,.drawer-fade-leave-to .export-modal,.drawer-fade-enter-from .studio-panel-sheet,.drawer-fade-leave-to .studio-panel-sheet{transform:translate(-50%,calc(12px - 50%))}@keyframes rotate-burst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=900px){.app-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=1280px){.studio-shell{padding:10px 10px 0}.workspace-shell{grid-template-columns:360px minmax(0,1fr) 376px}.workspace-shell.is-empty-state{grid-template-columns:360px minmax(0,1fr)}.workspace-shell.is-left-collapsed{grid-template-columns:20px minmax(0,1fr) 360px}.workspace-shell.is-empty-state.is-left-collapsed{grid-template-columns:20px minmax(0,1fr)}.workspace-shell.is-right-collapsed{grid-template-columns:360px minmax(0,1fr) 20px}.workspace-shell.is-left-collapsed.is-right-collapsed{grid-template-columns:20px minmax(0,1fr) 20px}.workspace-shell.is-editing{grid-template-columns:minmax(0,1fr) 376px}.workspace-shell.is-editing.is-right-collapsed{grid-template-columns:minmax(0,1fr) 20px}.workspace-shell.is-immersive,.workspace-shell.is-left-collapsed.is-right-collapsed.is-immersive,.workspace-shell.is-left-collapsed.is-immersive,.workspace-shell.is-right-collapsed.is-immersive{grid-template-columns:minmax(0,1fr)}.workspace-sidebar{height:100%}.canvas-stage__desktop-overlay{pointer-events:none;z-index:6;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:16px}.canvas-stage__desktop-top{justify-content:center;display:flex}.canvas-stage__desktop-top .canvas-stage__action-scroll,.canvas-stage__desktop-bottom .canvas-stage__tool-row{pointer-events:auto;background:color-mix(in srgb, var(--color-floating-surface) 96%, var(--color-panel-muted));width:fit-content;max-width:min(100%,980px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #a7b8d62e;border-radius:999px;padding:8px}.canvas-stage__desktop-bottom{justify-content:center;gap:12px;display:grid}.canvas-stage__desktop-bottom .canvas-stage__tool-row{border-radius:20px}.canvas-stage__desktop-bottom .canvas-stage__action-scroll{margin-top:2px}.canvas-stage__overlay-button{white-space:nowrap;min-height:44px}.action-grid,.preset-grid{grid-template-columns:1fr}}.share-page{z-index:1;height:var(--app-viewport-height);background:var(--color-bg);color:var(--color-ink);padding:28px;position:relative;overflow:hidden auto}.share-hero{gap:22px;width:min(1480px,100%);margin:0 auto;display:grid}.share-hero__brand{width:fit-content;color:var(--color-ink);align-items:center;gap:10px;font-weight:850;display:inline-flex}.share-hero__mark{background:var(--color-accent);border-radius:12px;grid-template-columns:repeat(2,10px);gap:3px;padding:7px;display:grid}.share-hero__mark i{background:var(--color-accent-ink);border-radius:999px;width:10px;height:10px}.share-hero__copy{gap:8px;max-width:760px;display:grid}.share-hero__copy h1{color:var(--color-ink);letter-spacing:0;margin:0;font-size:clamp(1.8rem,3vw,3rem);font-weight:900;line-height:1.08}.share-hero__copy p:last-child{color:var(--color-muted);margin:0;font-size:.98rem;font-weight:650;line-height:1.7}.share-actions{flex-wrap:wrap;gap:10px;display:flex}.share-layout{grid-template-columns:minmax(0,1fr) minmax(300px,clamp(320px,24vw,420px));align-items:stretch;gap:clamp(14px,1.4vw,22px);display:grid}.share-preview-panel,.share-info-panel,.share-state-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:18px;box-shadow:0 14px 40px #0f172a14}.share-preview-panel{height:clamp(520px, var(--app-viewport-height) - 320px, 780px);justify-content:center;align-items:center;min-height:520px;max-height:none;padding:18px;display:flex;overflow:hidden}.share-preview-panel canvas{border-radius:10px;display:block;box-shadow:0 0 0 1px #0f172a14}.share-info-panel{height:clamp(520px, var(--app-viewport-height) - 320px, 780px);flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex;position:sticky;top:28px;overflow:hidden}.share-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.share-metrics div,.share-palette-summary{border:1px solid var(--color-line);background:var(--color-panel-quiet);border-radius:12px;gap:5px;min-width:0;padding:10px;display:grid}.share-metrics span,.share-palette-summary span{color:var(--color-muted);font-size:.76rem;font-weight:760}.share-metrics strong,.share-palette-summary strong{min-width:0;color:var(--color-ink);overflow-wrap:anywhere;font-size:1rem;font-weight:850}.share-color-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;gap:6px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.share-color-item{border:1px solid var(--color-line);background:var(--color-panel-quiet);border-radius:10px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:6px 8px;display:grid}.share-color-swatch{border:1px solid #0f172a29;border-radius:7px;width:24px;height:24px}.share-color-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:850;overflow:hidden}.share-color-item small{color:var(--color-muted);white-space:nowrap;font-size:.8rem;font-weight:700}.share-state-card{gap:8px;max-width:560px;padding:20px;display:grid}.share-state-card strong{color:var(--color-ink);font-size:1.1rem}.share-state-card span{color:var(--color-muted);font-weight:650}.share-state-card--error{border-color:#dc262659}@media (width<=1100px){.share-page{padding:18px 14px 24px}.share-layout{grid-template-columns:1fr}.share-preview-panel{height:auto;min-height:360px;padding:12px}.share-info-panel{max-height:min(560px,62vh);padding:14px;position:static}}@media (width<=1279px){.platform-header__actions{flex:none;min-width:auto}.platform-header{padding:18px 20px 10px}.platform-main{padding-right:0}.platform-main:not(.platform-main--subpage)>.platform-page{padding-bottom:calc(12px + var(--platform-tabbar-offset))}.platform-main--subpage>.platform-page{padding-bottom:12px}.platform-page__scroll{padding-bottom:calc(12px + var(--platform-tabbar-offset))}.platform-hero{grid-template-columns:1fr}.platform-shortcuts,.platform-mine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-project-toolbar{grid-template-columns:auto minmax(0,1fr) auto auto}.workspace-shell{grid-template-rows:minmax(0,1fr)}.workspace-stage{min-height:0}.canvas-stage{height:100%;min-height:0}.app-toolbar{flex-direction:row;justify-content:space-between;align-items:center;padding:14px 16px}.toolbar-brand{flex:auto;width:auto;min-width:0}.toolbar-brand-copy{width:clamp(180px,24vw,340px);max-width:clamp(180px,24vw,340px)}.toolbar-actions{display:inline-flex}.toolbar-mobile-summary{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;display:none}.toolbar-mobile-actions{flex:none;justify-content:flex-end;gap:6px;width:auto;margin-left:auto;padding:4px;display:none}.toolbar-project-actions,.toolbar-history-actions{flex-wrap:wrap}.mobile-dock{--mobile-dock-columns:3;left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--mobile-viewport-inset) + 14px);z-index:24;grid-template-columns:repeat(var(--mobile-dock-columns), minmax(0, 1fr));width:min(var(--mobile-dock-max-width,420px), 100vw - 32px);border:1px solid color-mix(in srgb, var(--color-line) 86%, var(--color-accent) 14%);background:color-mix(in srgb, var(--color-surface-strong) 97%, var(--color-panel-muted));min-width:0;max-width:calc(100vw - 32px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;gap:8px;padding:6px;display:inline-grid;position:fixed;transform:translate(-50%)}.mobile-drawer-backdrop{justify-content:center;align-items:center;padding:16px;display:flex}.mobile-drawer-sheet{width:min(720px,100vw - 32px);max-height:min(var(--app-viewport-height) - 32px, 760px);box-shadow:var(--shadow-strong);position:relative;bottom:auto;left:auto;transform:none}.toolbar-chip{padding:9px 12px;font-size:.8rem}.toolbar-menu-popover{width:min(340px,100vw - 32px)}.toolbar-menu-popover--workspace{top:70px;left:16px}.toolbar-menu-popover--account{top:70px;right:16px}.studio-panel-sheet{width:min(520px,100vw - 24px);max-height:calc(var(--app-viewport-height) - 24px);top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.drawer-fade-enter-from .studio-panel-sheet,.drawer-fade-leave-to .studio-panel-sheet{transform:translate(-50%,calc(16px - 50%))}.segmented-control{padding:4px}.segmented-control__item{padding:8px 12px;font-size:.8rem}.dock-action{width:100%;min-width:0;min-height:58px;box-shadow:none;color:var(--color-ink);letter-spacing:0;background:0 0;border-color:#0000;border-radius:16px;padding:10px 12px;font-size:.84rem;font-weight:700;transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s;position:relative}.dock-action__icon{border-radius:11px;width:30px;height:30px;font-size:.96rem}.dock-action__copy{gap:2px}.dock-action:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 20%, var(--color-line));background:color-mix(in srgb, var(--color-panel-emphasis) 90%, var(--color-surface));color:var(--color-ink);transform:translateY(-1px)}.dock-action:active:not(:disabled){transform:translateY(0)}.dock-action:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.dock-action:hover:not(:disabled) .dock-action__icon{background:color-mix(in srgb, var(--color-accent-soft) 68%, var(--color-panel-emphasis));color:var(--color-accent-strong)}.dock-action.is-active{border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-line));background:color-mix(in srgb, var(--color-accent-soft) 44%, var(--color-surface-strong));color:var(--color-ink);box-shadow:inset 0 0 0 1px #ffffff2e}.dock-action.is-active .dock-action__icon,.dock-action.is-busy .dock-action__icon{background:var(--color-accent);color:#fff}}@media (width<=1279px) and (pointer:coarse){.theme-switch,.primary-button,.secondary-button,.icon-button,.mode-tile,.segmented-control__item,.value-pill-editor{min-height:44px}.segmented-control__item{min-width:44px}.theme-switch{height:44px}.value-pill-editor__input{min-height:44px}.studio-slider{height:44px;padding-block:13px}.studio-slider::-webkit-slider-thumb{width:28px;height:28px}input[type=checkbox]{flex-basis:44px;width:44px;height:44px}}@media (width>=768px) and (width<=1023px){:root{--platform-selection-bar-offset:168px}.platform-main:not(.platform-main--subpage){padding-inline:14px}.platform-main:not(.platform-main--subpage)>.platform-page--projects{width:100%;max-width:none;margin-inline:0}.platform-page--projects .platform-project-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"search actions";width:100%}.platform-page--projects .platform-project-toolbar--drafts{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"view search actions"}.platform-page--projects .platform-project-grid:not(.is-list){grid-template-columns:repeat(auto-fill,220px);justify-content:start;align-items:start;gap:14px}.platform-page--projects .platform-project-grid.is-list{grid-template-columns:minmax(0,1fr)}.platform-page--projects .platform-project-card--large{min-height:244px}.platform-page--projects .platform-draft-shelf-card__icon-shell{border-radius:16px;width:58px;height:58px}.platform-page--projects .platform-batch-toolbar{bottom:calc(var(--platform-tabbar-offset) + env(safe-area-inset-bottom));width:min(500px,100vw - 40px)}}@media (width>=1024px) and (width<=1279px){.platform-main:not(.platform-main--subpage){padding-inline:18px}.platform-main:not(.platform-main--subpage)>.platform-page--projects{width:100%;max-width:none;margin-inline:0}.platform-page--projects .platform-project-toolbar{grid-template-columns:auto minmax(0,1fr) auto auto;width:100%}.platform-page--projects .platform-project-grid:not(.is-list){grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.platform-page--projects .platform-project-card--large{min-height:252px}.platform-page--projects .platform-batch-toolbar{width:min(600px,100vw - 56px)}}@media (width<=767px){:root{--platform-selection-bar-offset:176px}.ui-dialog__content{width:min(100vw - 20px,560px);max-height:min(78vh, var(--app-viewport-height) - 32px);overflow-y:auto;overflow-y:overlay;top:50%;left:50%;transform:translate(-50%,-50%)}.platform-header{grid-template-columns:84px minmax(0,1fr) 84px;align-items:center;gap:10px;padding:12px 16px 8px}.platform-view-toggle--app-header{background:0 0;border-color:#0000;border-radius:13px;grid-area:auto/3;grid-auto-columns:34px;justify-self:end;gap:2px;width:fit-content;min-height:42px;padding:3px}.platform-header h1{letter-spacing:-.04em;font-size:1.45rem;font-weight:850;line-height:1.1}.platform-header__actions{gap:6px}.platform-main{padding:0 16px}.platform-page{gap:14px;padding-bottom:16px}.platform-page--home{gap:12px}.platform-main:not(.platform-main--subpage)>.platform-page{padding-bottom:calc(12px + var(--platform-tabbar-offset))}.platform-main--subpage>.platform-page{padding-bottom:12px}.platform-page__scroll{padding-bottom:calc(12px + var(--platform-tabbar-offset))}.platform-hero{border-radius:18px;gap:12px;padding:14px}.platform-hero h2{max-width:none;margin-top:9px;font-size:1.45rem;line-height:1.16}.platform-hero p{margin-top:8px;font-size:.86rem;line-height:1.55}.platform-hero__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.platform-hero__actions .platform-primary-action,.platform-hero__actions .platform-secondary-action{justify-content:center;width:100%}.platform-hero__flow{grid-template-columns:1fr;gap:8px;margin-top:14px}.platform-hero__flow-item{grid-template-columns:auto minmax(0,.78fr) minmax(0,1.22fr);align-items:center;min-height:0;padding:10px}.platform-hero__flow-item strong,.platform-hero__flow-item small{min-width:0}.platform-home-summary{min-height:auto}.platform-home-panel{border-top:1px solid var(--color-line);border-left:0;gap:12px;padding-top:12px;padding-left:0}.platform-home-workbench{border-radius:15px;padding:10px}.platform-home-workbench__paper{border-radius:13px;gap:8px;padding:9px}.platform-home-workbench__board{border-radius:11px;gap:3px;padding:8px}.platform-home-workbench__legend span{padding:3px 5px;font-size:.64rem}.platform-home-workbench__footer span{font-size:.62rem}.platform-home-summary__head{display:none}.platform-home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.platform-home-stat{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 36%, var(--color-surface-strong));text-align:center;border-radius:13px;justify-items:center;gap:5px;min-height:54px;padding:8px 6px;display:grid}.platform-home-stat span{font-size:.72rem;line-height:1.2}.platform-home-stat strong{text-align:center;font-size:1rem}.platform-home-draft-row{min-height:42px}.platform-hero__preview{min-height:0;padding:14px}.platform-hero__art{grid-template-columns:1fr;justify-items:center;min-height:126px;padding:12px}.platform-hero__board{gap:4px;width:min(190px,100%);padding:9px}.platform-hero__note{display:none}.platform-hero__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.platform-hero__metric{text-align:center;justify-items:center;gap:4px;min-height:54px;padding:8px 6px;display:grid}.platform-hero__metric span{order:initial}.platform-hero__metric strong{text-align:center;font-size:1rem}.platform-hero__metric span,.platform-hero__status strong{font-size:.76rem}.platform-shortcut,.platform-mine-card,.platform-project-card{border-radius:18px;min-height:126px;padding:16px}.platform-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform-shortcut,.platform-mine-card{min-height:110px;padding:14px}.platform-shortcuts--home .platform-shortcut{border-radius:16px;gap:10px;min-height:76px;padding:12px}.platform-shortcuts--home{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-shortcuts--home .platform-shortcut span{border-radius:13px;width:38px;height:38px;font-size:1rem}.platform-shortcuts--home .platform-shortcut strong{font-size:.9rem}.platform-shortcuts--home .platform-shortcut small{font-size:.72rem}.platform-shortcut strong,.platform-mine-card strong{font-size:.94rem}.platform-shortcut small,.platform-mine-card small{font-size:.76rem;line-height:1.45}.platform-shortcut span,.platform-mine-card span{border-radius:13px;width:40px;height:40px;font-size:1rem}.platform-section{gap:10px}.platform-section__head h2{font-size:1rem}.platform-section__head button{border-radius:12px;min-height:40px;padding:8px 12px}.platform-empty-card{gap:8px;padding:16px}.platform-empty-card span{font-size:.82rem;line-height:1.55}.auth-code-row{grid-template-columns:1fr}.settings-list__item{min-height:72px;padding:14px 16px}.settings-list__value{gap:8px;max-width:52%}.settings-list__avatar{flex-basis:32px;width:32px;height:32px}.platform-project-toolbar{background:0 0;border:0;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"search actions";align-items:center;column-gap:8px;padding:0}.platform-view-toggle--heading{flex:none;grid-area:auto;justify-self:end;display:grid}.platform-project-toolbar>.platform-view-toggle{display:none}.platform-view-toggle{background:0 0;border-color:#0000;border-radius:13px;grid-auto-columns:34px;justify-self:start;gap:2px;width:fit-content;min-height:42px;padding:3px}.platform-search{border-color:color-mix(in srgb, var(--color-line) 78%, transparent);background:color-mix(in srgb, var(--color-surface-strong) 94%, var(--color-panel-muted));border-radius:16px;grid-area:search;gap:6px;min-height:46px;padding:0 5px 0 15px}.platform-search:focus-within{border-color:color-mix(in srgb, var(--color-accent) 20%, var(--color-line));background:var(--color-surface-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 8%, transparent)}.platform-search input{font-size:.9rem;font-weight:760}.platform-search-submit{background:color-mix(in srgb, var(--color-panel-muted) 78%, var(--color-surface-strong));border-radius:13px;width:36px;height:36px;font-size:.92rem}.platform-project-actions{border:1px solid color-mix(in srgb, var(--color-line) 78%, transparent);background:color-mix(in srgb, var(--color-surface-strong) 92%, var(--color-panel-muted));border-radius:15px;grid-template-columns:38px 38px;justify-content:end;justify-self:end;align-items:center;gap:3px;padding:3px;display:inline-grid}.platform-select-button{width:38px;min-width:38px;min-height:38px;color:var(--color-subtle);background:0 0;border-color:#0000;border-radius:13px;justify-self:end;place-items:center;gap:0;padding:0;line-height:1.1;display:inline-grid}.platform-project-actions .platform-select-button{grid-area:auto/1}.platform-select-button.is-active{border-color:color-mix(in srgb, var(--color-accent) 20%, var(--color-line));background:color-mix(in srgb, var(--color-accent-soft) 58%, var(--color-surface-strong));color:var(--color-accent-strong)}.platform-view-toggle button{border-radius:10px;width:34px;height:34px}.platform-view-toggle button.is-active{background:color-mix(in srgb, var(--color-accent-soft) 62%, var(--color-surface-strong))}.platform-page-heading{display:none}.platform-new-button{width:38px;min-width:38px;min-height:38px;color:var(--color-accent-strong);background:0 0;border-color:#0000;border-radius:13px;justify-self:end;place-items:center;gap:0;padding:0;line-height:1.1;display:inline-grid}.platform-project-actions .platform-new-button{grid-area:auto/2}.platform-new-button .platform-toolbar-button__icon{background:var(--color-accent);color:#fff;border-radius:11px;width:32px;height:32px}.platform-select-button .platform-toolbar-button__icon{background:color-mix(in srgb, var(--color-accent-soft) 42%, var(--color-surface-strong));width:32px;height:32px;color:var(--color-accent-strong);border-radius:11px;position:relative}.platform-select-button.is-active .platform-toolbar-button__icon{background:color-mix(in srgb, var(--color-accent-soft) 72%, var(--color-surface-strong))}.platform-toolbar-button__icon{place-items:center;width:24px;height:24px;display:grid}.platform-toolbar-button__label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.platform-project-meta-row{padding-inline:4px;padding-top:2px}.platform-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform-project-grid.is-list{grid-template-columns:1fr}.platform-project-card--large{min-height:178px}.platform-project-card{border-radius:16px;padding:12px}.platform-project-card__open{gap:7px}.platform-project-card__thumb{background:color-mix(in srgb, var(--color-panel-muted) 72%, var(--color-surface-strong));border-radius:14px;min-height:118px}.platform-project-card__thumb img,.platform-project-card__thumb>span{min-height:118px}.platform-draft-shelf-card__preview{border-radius:14px}.platform-draft-shelf-card__icon-shell{border-radius:18px;width:56px;height:56px}.platform-project-card strong{font-size:.92rem;line-height:1.22}.platform-project-card small{font-size:.74rem;line-height:1.35}.platform-project-card__menu-trigger{border-color:color-mix(in srgb, var(--color-line) 70%, transparent);background:color-mix(in srgb, var(--color-panel-muted) 60%, var(--color-surface-strong));width:32px;height:32px;color:color-mix(in srgb, var(--color-subtle) 82%, var(--color-ink));border-radius:11px}.platform-project-card__menu{min-width:148px;top:52px;right:12px}.platform-batch-toolbar{bottom:calc(var(--platform-tabbar-offset) + env(safe-area-inset-bottom));border-radius:20px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"summary toggle""actions actions";align-items:center;gap:10px;width:min(420px,100vw - 24px);padding:12px}.platform-batch-toolbar__summary{grid-area:summary;justify-content:flex-start;gap:8px}.platform-batch-toolbar__summary span{border-radius:12px;flex-basis:32px;width:32px;height:32px}.platform-batch-toolbar strong{max-width:112px;font-size:.88rem}.platform-batch-toolbar__toggle{grid-area:toggle;justify-self:end;min-height:38px;padding-inline:14px;font-size:.78rem}.platform-batch-toolbar__actions{grid-area:actions;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.platform-batch-toolbar__action{min-height:50px;padding-inline:12px;font-size:.86rem}.platform-batch-toolbar__action-icon{border-radius:9px;flex-basis:22px;width:22px;height:22px}.platform-selection-bar{bottom:calc(var(--platform-tabbar-offset) + 10px + env(safe-area-inset-bottom));border-radius:16px;grid-template-columns:minmax(0,1fr);gap:10px;width:min(380px,100vw - 24px);padding:9px}.platform-selection-bar__summary{gap:8px;width:100%;padding-inline:0}.platform-selection-bar__mark{border-radius:10px;flex-basis:28px;width:28px;height:28px}.platform-selection-bar strong{font-size:.82rem}.platform-selection-bar__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.platform-selection-bar__action{min-height:44px;padding-inline:10px;font-size:.82rem}.platform-selection-bar .platform-selection-delete{min-width:0}.platform-profile-card{border-radius:24px;padding:28px 18px}.platform-profile-card--login{gap:12px;padding-block:22px}.platform-profile-card--login .platform-profile-card__identity{gap:14px}.platform-profile-card--login .platform-profile-card__avatar{flex-basis:64px;width:64px;height:64px;font-size:1.32rem}.platform-profile-card--login h2{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.56rem;line-height:1.12;overflow:hidden}.platform-profile-card--login p{max-width:18ch;font-size:.86rem;line-height:1.45}.auth-dialog-modal{width:min(100vw - 20px,560px);padding:18px 16px}.auth-register-header{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}.auth-register-header__spacer,.auth-register-back{width:40px;height:40px}.auth-register-title{font-size:1.7rem}.auth-register-subtitle{font-size:.88rem}.auth-register-form{gap:16px}.auth-register-input.ui-input-field{min-height:48px}.auth-register-agreement{gap:8px;font-size:.88rem}.new-project-modal,.exit-save-modal,.paste-confirm-modal.config-change-modal{width:min(100vw - 20px,560px);max-height:min(78vh, var(--app-viewport-height) - 32px);border-radius:18px;padding:16px}.paste-confirm-modal.config-change-modal.auth-dialog-modal--login{width:min(100vw - 20px,470px)}.platform-depot-group>div:first-child{grid-template-columns:minmax(0,1fr) auto}.platform-depot-group>div:first-child button{display:none}.studio-shell{padding:0;gap:6px;padding-bottom:0}.app-toolbar,.tool-surface,.canvas-stage{border-radius:var(--radius-lg)}.tool-surface,.app-toolbar{padding:var(--space-3)}.app-toolbar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px}.toolbar-brand{flex:auto;gap:10px;width:auto;min-width:0}.toolbar-brand-copy{width:min(164px,100vw - 236px);max-width:min(164px,100vw - 236px)}.back-icon-button{border-radius:13px;width:44px;height:44px}.toolbar-project-meta,.toolbar-brand .eyebrow{display:none}.toolbar-title{font-size:.92rem;line-height:1.25}.toolbar-actions,.toolbar-mobile-summary{display:none}.toolbar-mobile-actions{border-color:color-mix(in srgb, var(--color-line) 70%, transparent);background:color-mix(in srgb, var(--color-surface-strong) 96%, transparent);border-radius:17px;align-self:center;gap:2px;width:auto;margin-left:auto;padding:3px;display:inline-grid;box-shadow:0 2px 8px #0f172a0f}.account-trigger{width:44px;height:44px}.theme-switch{width:62px;height:44px}.theme-switch__thumb{width:28px;height:28px;top:7px;left:5px}.theme-switch.is-dark .theme-switch__thumb{transform:translate(24px)}.toolbar-command-button{min-width:0;min-height:38px;color:var(--color-subtle);background:0 0;border:0;border-radius:13px;padding:8px 13px;font-size:.78rem;font-weight:800}.toolbar-save-trigger{background:color-mix(in srgb, var(--color-accent-soft) 58%, var(--color-surface-strong));min-width:0;color:var(--color-accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent);padding-inline:14px}.toolbar-save-trigger:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent-soft) 70%, var(--color-surface-strong));color:var(--color-accent-strong);transform:none}.toolbar-save-trigger:disabled{background:color-mix(in srgb, var(--color-accent-soft) 36%, var(--color-surface-strong));color:color-mix(in srgb, var(--color-accent-strong) 74%, var(--color-subtle));opacity:1;border:0}.toolbar-save-trigger.is-saving:disabled{background:color-mix(in srgb, var(--color-accent-soft) 72%, var(--color-surface-strong));color:var(--color-accent-strong)}.toolbar-mobile-actions .toolbar-command-button:not(.toolbar-save-trigger):hover:not(:disabled){background:var(--color-panel-muted);color:var(--color-ink);transform:none}.toolbar-chip{justify-content:center;min-height:44px}.toolbar-menu-shell{min-width:0}.toolbar-menu-trigger{width:100%;min-width:0}.toolbar-menu-popover{width:min(320px,100vw - 28px);padding:16px}.toolbar-menu-popover--workspace{top:56px;left:10px}.toolbar-menu-popover--account{top:56px;right:10px}.studio-panel-sheet{width:min(520px,100vw - 20px);max-height:calc(var(--app-viewport-height) - 20px);padding:14px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.toolbar-menu-grid,.toolbar-theme-grid{grid-template-columns:1fr}.toolbar-project-actions,.toolbar-history-actions{display:none}.segmented-control{grid-column:1/-1;justify-self:stretch;width:100%}.segmented-control__item{flex:1;min-width:58px}.action-grid-compact{grid-template-columns:1fr}.canvas-stage{min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0}.canvas-stage__header{border-bottom:0;flex-direction:column;align-items:stretch;padding:4px 2px 6px;display:flex}.canvas-stage .eyebrow,.canvas-stage__status,.canvas-stage__metrics,.canvas-stage__headline{display:none}.canvas-stage__mobile-bar{scrollbar-width:none;flex-wrap:nowrap;justify-content:space-between;align-self:stretch;gap:10px;width:100%;max-width:100%;margin-top:0;display:flex;overflow-x:visible}.canvas-stage__mobile-bar.is-editing{justify-content:space-between;align-self:stretch}.canvas-stage__mobile-bar::-webkit-scrollbar{display:none}.canvas-stage__mobile-edit-top{justify-content:space-between;align-items:center;gap:8px;padding:4px 2px 8px;display:flex}.canvas-stage__mobile-edit-top-actions{scrollbar-width:none;flex:auto;gap:6px;min-width:0;overflow-x:auto}.canvas-stage__mobile-edit-top-actions::-webkit-scrollbar{display:none}.canvas-stage__mobile-top-button,.canvas-stage__mobile-top-done{border-radius:13px;flex:none;min-width:58px;min-height:44px;padding:10px 12px;font-size:.76rem;font-weight:700;box-shadow:0 2px 6px #0f172a0f}.canvas-stage__mobile-top-button.is-active{background:linear-gradient(135deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-color:#65d4ff47}.canvas-stage__mobile-top-done{color:#fff;background:linear-gradient(135deg,#1d4ed8f5,#2563ebf5);border-color:#65d4ff3d}.canvas-stage__mobile-tools,.canvas-stage__mobile-actions{display:grid}.canvas-stage__mobile-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-stage__mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-stage__title-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;min-width:0}.canvas-stage__title-row .panel-title{min-width:0;font-size:.96rem;line-height:1.2}.canvas-stage__tool-chip{display:none}.canvas-empty__steps{flex-direction:column;align-items:center}.canvas-empty__steps span{width:min(100%,320px)}.canvas-stage__mobile-action,.canvas-stage__mobile-pill{white-space:nowrap;flex:none;min-width:68px;min-height:44px;padding:10px 14px;font-size:.78rem}.canvas-stage__tool-row{gap:8px;margin-top:10px}.canvas-stage__tool-button,.canvas-stage__action-scroll .icon-button{padding:9px 11px;font-size:.78rem}.canvas-stage__viewport{border-radius:18px}.canvas-stage__board-switcher{border-radius:16px;align-self:stretch;max-width:none;padding:6px}.canvas-stage__board-switcher.is-immersive{align-self:auto;max-width:none;top:48px;left:46px;right:10px}.canvas-stage__board-switcher-button{border-radius:14px;min-width:56px;min-height:44px;padding:10px 13px;font-size:.8rem}.canvas-stage__header.has-grid{padding:8px 10px 10px}.image-crop-dialog{width:calc(100vw - 20px)}.image-crop-dialog__stage-shell{min-height:240px;max-height:54vh;padding:10px}.image-crop-dialog__image{max-height:48vh}.image-crop-dialog__actions{grid-template-columns:1fr}.canvas-stage__mobile-edit-overlay{pointer-events:none;z-index:6;gap:10px;display:grid;position:absolute;bottom:0;left:8px;right:8px}.canvas-stage__mobile-edit-tools,.canvas-stage__mobile-selection-actions,.canvas-stage__mobile-color-panel{pointer-events:auto;background:var(--color-floating-surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #a7b8d62e}.canvas-stage__mobile-edit-tools,.canvas-stage__mobile-selection-actions{border-radius:var(--radius-lg);scrollbar-width:none;gap:8px;padding:8px;overflow-x:auto}.canvas-stage__mobile-edit-tools::-webkit-scrollbar{display:none}.canvas-stage__mobile-selection-actions::-webkit-scrollbar{display:none}.canvas-stage__mobile-edit-tool,.canvas-stage__mobile-selection-button{background:var(--color-panel-quiet);white-space:nowrap;border-radius:14px;flex:none;min-width:76px;min-height:56px;padding:8px 10px;font-size:.76rem;font-weight:700}.canvas-stage__mobile-edit-tool{text-align:center;align-content:center;justify-items:center;gap:4px;line-height:1.15;display:grid}.canvas-stage__mobile-edit-tool:before{border-radius:9px;width:20px;height:20px;font-size:.78rem}.canvas-stage__mobile-edit-tool--pan:before{content:"✥"}.canvas-stage__mobile-edit-tool--paint:before{content:"✎"}.canvas-stage__mobile-edit-tool--erase:before{content:"⌫"}.canvas-stage__mobile-edit-tool--pick:before{content:"◉"}.canvas-stage__mobile-edit-tool--select:before{content:"▣"}.canvas-stage__mobile-edit-tool.is-active{background:linear-gradient(135deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-color:#65d4ff47}.canvas-stage__mobile-edit-tool.is-active:before{background:color-mix(in srgb, var(--color-accent-soft) 72%, var(--color-panel-muted));color:var(--color-accent-strong)}.canvas-stage__mobile-color-panel{border-radius:var(--radius-lg);gap:8px;padding:10px;display:grid}.canvas-stage__mobile-color-row{align-items:center;gap:8px;min-width:0}.canvas-stage__mobile-color-label{color:var(--color-subtle);white-space:nowrap;flex:none;font-size:.74rem;font-weight:700}.canvas-stage__mobile-color-scroll{scrollbar-width:none;flex:auto;gap:8px;min-width:0;overflow:auto hidden}.canvas-stage__mobile-color-scroll::-webkit-scrollbar{display:none}.canvas-stage__mobile-palette-switch{background:var(--color-panel-quiet);white-space:nowrap;flex:none;min-height:44px;padding:8px 12px;font-size:.76rem;font-weight:700}.canvas-stage__mobile-palette-switch.is-active,.canvas-stage__mobile-color-chip.is-active{background:linear-gradient(135deg, var(--color-panel-emphasis), var(--color-panel-quiet));border-color:#65d4ff47}.canvas-stage__mobile-color-chip{background:var(--color-panel-quiet);white-space:nowrap;flex:none;align-items:center;gap:6px;min-height:44px;padding:8px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.canvas-stage__mobile-color-chip strong{font-weight:700}.canvas-stage.is-immersive .canvas-stage__viewport{border-radius:0}.canvas-stage__immersive-bar{top:auto;left:auto;right:10px;bottom:calc(env(safe-area-inset-bottom) + var(--mobile-viewport-inset) + 4px);scrollbar-width:none;justify-content:flex-end;gap:3px;width:auto;max-width:calc(100vw - 20px);overflow-x:auto}.canvas-stage__immersive-bar::-webkit-scrollbar{display:none}.canvas-stage__immersive-actions{justify-content:flex-end;max-width:none;overflow-x:visible}.canvas-stage__immersive-button,.canvas-stage__immersive-exit{justify-content:center;min-height:44px;padding:9px 12px;font-size:.72rem}.canvas-stage__immersive-step{justify-content:center;max-width:none;min-height:44px;padding:9px 12px;font-size:.72rem}.canvas-stage__immersive-exit{margin-right:0}.assist-focus-sheet__hero{grid-template-columns:44px minmax(0,1fr) auto;padding:12px}.assist-focus-sheet__swatch{border-radius:14px;width:44px;height:44px}.assist-focus-sheet__hero-title{font-size:1.15rem}.assist-focus-sheet__field,.assist-focus-sheet__toggle{border-radius:18px;padding:12px}.canvas-stage__assist-focus-top{top:18px;left:10px;right:10px}.canvas-stage__assist-focus-chip{padding:8px 10px}.canvas-stage__assist-focus-nav{border-radius:16px;min-height:44px;padding:10px 12px;font-size:.78rem}.canvas-stage__assist-focus-current-main{gap:8px}.canvas-stage__assist-focus-current-swatch{border-radius:8px;flex-basis:24px;width:24px;height:24px}.canvas-stage__assist-focus-top-actions{gap:6px}.canvas-stage__assist-focus-bottom{width:auto;left:38px;right:10px;bottom:calc(env(safe-area-inset-bottom) + var(--mobile-viewport-inset) + 8px);transform:none}.canvas-stage__assist-focus-stepper{grid-template-columns:72px minmax(0,1fr) 72px}.canvas-stage__assist-focus-actions .ui-button,.canvas-stage__assist-focus-actions .primary-button,.canvas-stage__assist-focus-actions .secondary-button{min-height:44px;padding:10px 12px;font-size:.82rem}.minimap-shell{display:none}.zoom-hud{padding:12px 16px;font-size:1rem}.assist-complete-toast{padding:10px 16px;font-size:.88rem;top:calc(50% + 58px)}.modal-actions{flex-direction:column}.modal-actions .ui-button,.modal-actions .primary-button,.modal-actions .modal-secondary-button{width:100%}.ui-button,.primary-button,.secondary-button,.icon-button,.mode-tile,.segmented-control__item,.value-pill-editor,.value-pill-editor__input{min-height:44px}.studio-slider{height:44px;padding-block:13px}.studio-slider::-webkit-slider-thumb{width:28px;height:28px}.palette-manager-modal__header,.palette-manager-group__header{grid-template-columns:1fr;display:grid}.palette-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-dock{bottom:calc(env(safe-area-inset-bottom) + var(--mobile-viewport-inset) + 12px);grid-template-columns:repeat(var(--mobile-dock-columns), minmax(0, 1fr));width:min(var(--mobile-dock-max-width,360px), 100vw - 24px);border-radius:var(--radius-lg);gap:6px;max-width:calc(100vw - 24px);padding:6px}.dock-action{border-radius:15px;gap:7px;width:100%;min-height:54px;padding:8px 10px;font-size:.76rem;font-weight:700}.dock-action__icon{border-radius:10px;width:28px;height:28px;font-size:.88rem}.dock-action__copy{gap:1px}.dock-action__meta{font-size:.62rem}input[type=checkbox]{flex-basis:44px;width:44px;height:44px}.dock-action:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 18%, var(--color-line));background:color-mix(in srgb, var(--color-panel-emphasis) 92%, var(--color-surface))}.dock-action.is-active{background:color-mix(in srgb, var(--color-accent-soft) 40%, var(--color-surface-strong));border-color:#65d4ff3d;box-shadow:inset 0 1px #ffffff3d}.mobile-drawer-backdrop{padding:10px;padding-bottom:calc(env(safe-area-inset-bottom) + var(--mobile-viewport-inset) + 10px);justify-content:center;align-items:center;display:flex}.immersive-config-backdrop{padding:8px 8px calc(env(safe-area-inset-bottom) + var(--mobile-viewport-inset) + 8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04081057;justify-content:center;align-items:flex-end;display:flex}.immersive-config-panel{border-radius:20px 20px 16px 16px;width:100%;max-height:min(76vh,720px);padding:14px 14px 12px;position:relative;top:auto;bottom:auto;right:auto}.mobile-drawer-sheet{width:min(100vw - 20px,720px);max-height:min(var(--app-viewport-height) - 20px, 760px);box-shadow:var(--shadow-strong);border-radius:18px;padding:14px 14px 12px;position:relative;bottom:auto;left:auto;transform:none}.export-modal{width:min(100vw - 20px,920px);max-height:min(82vh,760px);box-shadow:var(--shadow-strong);border-radius:18px;padding:14px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mobile-drawer-sheet:before,.export-modal:before{display:none}.mobile-drawer-header{padding-bottom:12px}.modal-close-button{top:14px;right:14px}.mobile-drawer-title{font-size:1rem}.mobile-drawer-body{max-height:calc(min(var(--app-viewport-height) - 20px, 760px) - 96px);padding-right:2px}.export-modal .palette-manager-modal__body,.export-modal .color-picker-modal__body{padding-right:2px}.mobile-drawer-stack{gap:12px}.mobile-utility-card{border-radius:22px;gap:12px;padding:14px}.workspace-column{gap:12px;padding-right:4px}.workspace-shell{gap:0}.canvas-stage{border:0;border-radius:0}.tool-surface{border-radius:22px}.empty-promo,.notice-card,.metric-tile,.current-color-card,.empty-note,.error-banner{padding:14px}.current-color-card{grid-template-columns:68px minmax(0,1fr);gap:12px}.current-color-card__swatch{border-radius:18px;height:68px}.preview-card__image{height:152px}.random-generator-card__actions{grid-template-columns:1fr}.drop-surface{padding:18px}.drop-title{font-size:.9rem;line-height:1.45}}@media (width<=1279px){.studio-shell.has-mobile-workspace-drawer{background:#eef2f7}.studio-shell.has-mobile-workspace-drawer .app-toolbar{pointer-events:none;opacity:0;transform:translateY(-18px)}.studio-shell.has-mobile-workspace-drawer .workspace-shell{z-index:55;height:calc(var(--app-viewport-height) - var(--mobile-workspace-drawer-height));min-height:0;padding-top:env(safe-area-inset-top);background:#eef2f7;position:fixed;top:0;left:0;right:0}.studio-shell.has-mobile-workspace-drawer .workspace-stage,.studio-shell.has-mobile-workspace-drawer .canvas-stage{background:#eef2f7;height:100%;min-height:0}.studio-shell.has-mobile-workspace-drawer .canvas-stage__header,.studio-shell.has-mobile-workspace-drawer .minimap-shell{display:none}.studio-shell.has-mobile-workspace-drawer .canvas-stage__viewport{background:#f8fafc;border-radius:0}.studio-shell.has-mobile-workspace-drawer .canvas-processing-banner{top:calc(env(safe-area-inset-top) + 12px)}.mobile-drawer-backdrop--workspace .mobile-drawer-sheet{width:100vw;max-width:100vw}}