@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--artwork-ink: #24271f;--artwork-lime: #d5f478;--artwork-green: #81956b;--artwork-line: #929b80;--artwork-stripe: #30382a;--artwork-stripe-base: #eceee1;--artwork-peach: #e9aa88;--artwork-peach-shadow: #c9826326;--artwork-swatch-peach: #edb99b;--artwork-swatch-green: #84976e;--artwork-swatch-ink: #30392a;--artwork-track-peach: #d9bda5;--artwork-track-peach-border: #c6a88d;--artwork-track-sage: #a1ac8d;--artwork-track-sage-border: #8e9d76;--artwork-track-yellow: #e3e6bd;--artwork-track-yellow-border: #c9ce9e;--artwork-keyframe-peach: #826e53;--artwork-keyframe-sage: #526740;--artwork-keyframe-yellow: #8c935a;--canvas-paper: #ffffff;--canvas-annotation: #59634f}:root{color-scheme:light;--font-body: "DM Sans", sans-serif;--font-heading: Manrope, "DM Sans", sans-serif;--font-brand: "Inter", "Helvetica Neue", Arial, sans-serif;--font-editorial: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-caption: Georgia, serif;--font-mono: monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-11: 44px;--control-size: 44px;--radius-control: 8px;--radius-small: 4px;--surface-page: #f7f7f5;--surface-panel: #ffffff;--surface-raised: #ffffff;--surface-subtle: #f0f1ef;--surface-hover: #e7e9e5;--surface-artwork: #eceeeb;--surface-peach: #eee7df;--surface-sage: #e8ece6;--surface-caption: #f2f3efee;--text-primary: #272926;--text-muted: #5b6059;--text-accent: #4c6528;--border-subtle: #d9ddd6;--border-control: #7b8277;--line-strong: var(--border-control);--text-soft: var(--text-muted);--accent: #d5f478;--accent-hover: #e2ff93;--accent-ink: #24271f;--accent-border: #819b43;--surface-selected: #e9f2d7;--focus-ring: #7050c4;--selection-outline: #7050c4;--surface-purple: #f1eefc;--text-purple: #665080;--track-purple: #b7a4e6;--track-neutral: #d0d7c4;--grid-dot: #c9cec5;--button-background: #24271f;--button-foreground: #f8f7f1;--button-hover: #3c4331;--text-error: #a33329;--surface-error: #f8d7da;--border-error: #d99a9f;--surface-info: #cff4fc;--border-info: #80c5d3;--text-info: #055160;--surface-success: #d1e7dd;--border-success: #89b8a2;--text-success: #0f5132;--surface-warning: #fff3cd;--border-warning: #d6bb65;--text-warning: #664d03;--button-danger-background: #a33329;--button-danger-foreground: #ffffff;--button-success-background: #146c43;--button-success-foreground: #ffffff;--tooltip-background: #24271f;--tooltip-foreground: #f8f7f1;--overlay-backdrop: #00000080;--shadow-soft: #24271f12;--shadow-medium: #24271f26;--shadow-strong: #30372938;--artboard-backdrop: #e5e7e2;--workflow-background: #272d22;--workflow-foreground: #f3f3e8;--workflow-muted: #bac0b1;--workflow-line: #626e55;--workflow-accent: #cde798;--clear: transparent;--preview-distance: 0px;--sheet-drag-y: 0px;--panel-duration: .24s;--ink: var(--text-primary);--muted: var(--text-muted);--line: var(--border-subtle);--landing-cream: var(--surface-page);--landing-ink: var(--text-primary);--landing-muted: var(--text-muted);--landing-lime: var(--accent);--landing-line: var(--border-subtle)}:root[data-theme=dark]{color-scheme:dark;--surface-page: #1b1d1b;--surface-panel: #232623;--surface-raised: #2d302d;--surface-subtle: #292c29;--surface-hover: #373c36;--surface-artwork: #30352f;--surface-peach: #3e322a;--surface-sage: #29392f;--surface-caption: #272e22ee;--text-primary: #f2f4ef;--text-muted: #bec5b9;--text-accent: #c6e899;--border-subtle: #424940;--border-control: #919b89;--accent: #d5f478;--accent-hover: #e2ff93;--accent-ink: #24271f;--accent-border: #96b954;--surface-selected: #354526;--focus-ring: #b9a2ff;--selection-outline: #b9a2ff;--surface-purple: #362d49;--text-purple: #d0bdec;--track-purple: #9176c8;--track-neutral: #576848;--grid-dot: #434a40;--button-background: #d5f478;--button-foreground: #24271f;--button-hover: #e2ff93;--text-error: #ffaaa0;--surface-error: #462724;--border-error: #a96860;--surface-info: #173b45;--border-info: #538c99;--text-info: #a9e4f1;--surface-success: #203c2d;--border-success: #5b9976;--text-success: #a2dfbb;--surface-warning: #42371d;--border-warning: #a18b4e;--text-warning: #f5d878;--button-danger-background: #ffaaa0;--button-danger-foreground: #462724;--button-success-background: #a2dfbb;--button-success-foreground: #203c2d;--tooltip-background: #f3f5e9;--tooltip-foreground: #20261e;--overlay-backdrop: #000000a6;--shadow-soft: #00000026;--shadow-medium: #00000040;--shadow-strong: #00000066;--artboard-backdrop: #181b18;--workflow-background: #11170e;--workflow-foreground: #f3f5e9;--workflow-muted: #bcc5ae;--workflow-line: #4f5c43;--workflow-accent: #d5f478}:root{font-family:var(--font-body);color:var(--text-primary);background:var(--surface-page);font-synthesis:none;font-weight:400;scroll-behavior:smooth}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--clear) var(--clear)}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:var(--clear)}*::-webkit-scrollbar-thumb{border-radius:999px;background:var(--clear)}*[data-scrolling=true]{scrollbar-color:color-mix(in srgb,var(--text-primary) 32%,var(--clear)) var(--clear)}*[data-scrolling=true]::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary) 24%,var(--clear))}*::-webkit-scrollbar-corner{background:var(--clear)}body{margin:0}button,input,textarea,select{font:inherit}.header-icon-button{box-sizing:border-box;display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;padding:0;border:1px solid var(--border-subtle);border-radius:7px;background:var(--clear);color:var(--text-primary)}.header-icon-button:hover:not(:disabled){border-color:var(--border-control);background:var(--surface-hover)}.header-icon-button>svg,.header-icon-button>.brand-icon{width:20px;height:20px}button,a,input,textarea,select{-webkit-tap-highlight-color:var(--clear)}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}:is(input,textarea,select):focus-visible:not(.ui-control *){outline:2px solid var(--focus-ring);outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading)}button{color:inherit}input,textarea,select{color:var(--text-primary);background-color:var(--surface-panel);accent-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}::selection{color:var(--accent-ink);background:var(--accent)}@media (prefers-reduced-motion: reduce){html,html *,html *:before,html *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.brand-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon-svg{display:inline-flex;width:100%;height:100%}.brand-icon svg{width:100%;height:100%;fill:currentColor}.icon-placeholder{position:relative;width:70%;height:70%;border:1.5px solid currentColor;border-radius:4px;opacity:.45}.icon-placeholder:after{content:"";position:absolute;inset:50% auto auto 50%;width:60%;height:1.5px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%) rotate(-35deg)}.app-loading{min-height:100vh;display:grid;place-content:center;text-align:center;gap:var(--space-5)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-controls{position:relative;isolation:isolate;display:inline-flex;align-items:center;flex-shrink:0;gap:0;padding:3px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-subtle)}.theme-controls:before{content:"";position:absolute;z-index:-1;inset:3px auto 3px 3px;width:calc((100% - 6px) / 3);border-radius:8px;background:var(--surface-panel);box-shadow:0 1px 4px var(--shadow-medium);transform:translate(0);transition:transform .24s cubic-bezier(.2,.8,.2,1),background-color .18s ease}.theme-controls[data-preference=dark]:before{transform:translate(100%)}.theme-controls[data-preference=system]:before{transform:translate(200%)}.theme-toggle[aria-pressed=true]{color:var(--text-accent)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--control-size);height:var(--control-size);border:0;border-radius:8px;background:var(--clear);color:var(--text-muted);transition:color .18s ease}.theme-toggle:hover{color:var(--text-primary)}.theme-toggle-compact{border:1px solid var(--border-subtle);background:var(--surface-subtle)}@media (prefers-reduced-motion: reduce){.theme-toggle,.theme-controls:before{transition:none}}@media (prefers-reduced-motion: no-preference){.studio-page,.studio-header,.theme-controls{transition:background-color .18s ease,color .18s ease,border-color .18s ease}}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand{font-family:var(--font-brand);white-space:nowrap}.brand-symbol{font-size:1.39em;line-height:1;font-weight:400}@media (max-width: 540px){.studio-header-actions{margin-left:auto}}@media (max-width: 380px){.studio-header-actions{flex-wrap:wrap;gap:var(--space-2)}}