:root{--color-chrome: #141312;--color-chrome-raised: #1c1b19;--color-chrome-overlay: #24221f;--color-stage: #0e0d0c;--color-canvas: var(--color-chrome-raised);--color-canvas-soft: #21201d;--color-canvas-soft-2: #2a2825;--color-hairline: rgba(255, 255, 255, .08);--color-hairline-strong: rgba(255, 255, 255, .18);--color-ink: #f2efe9;--color-body: #b6b1a8;--color-mute: #77726b;--color-accent: #7c3aed;--color-accent-deep: #6a2fd0;--color-accent-bright: #b39cff;--color-link: var(--color-accent-bright);--color-on-primary: #ffffff;--color-danger: #ff6b6b;--color-success: #5ed3a2;--font-display: "Bricolage Grotesque", "Geist Sans", system-ui, sans-serif;--color-marker: #ffd84d;--offset-sm: 3px 3px 0 #171717;--offset-md: 5px 5px 0 #171717;--border-strong: 2px solid #171717;--font-sans: "Geist Sans", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 100px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 0 0 1px var(--color-hairline);--shadow-float: 0 1px 2px rgba(0, 0, 0, .6), 0 12px 32px rgba(0, 0, 0, .45), 0 0 0 1px var(--color-hairline);--shadow-canvas: 0 30px 80px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .06);--color-checkerboard: #232120;--z-overlay: 10;--z-popover: 100;--motion-curve: cubic-bezier(.25, .46, .45, .94);--motion-hover: .1s var(--motion-curve);--motion-open: .16s var(--motion-curve);--motion-close: 60ms var(--motion-curve);--toolbar-height: 52px;--selection-toolbar-height: 44px;--slide-strip-height: 88px;--side-width: 296px}@media(min-width:1600px){:root{--side-width: 336px}}*,*:before,*:after{box-sizing:border-box;margin:0}body{background:var(--color-chrome);color:var(--color-ink);font-family:var(--font-sans);font-size:.875rem;line-height:1.4;-webkit-font-smoothing:antialiased;color-scheme:dark;accent-color:var(--color-accent)}button{font:inherit;cursor:pointer}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:32px;font-weight:500;border-radius:var(--radius-md);padding:0 .75rem;border:1px solid transparent;transition:background-color var(--motion-hover),opacity var(--motion-hover),border-color var(--motion-hover),transform var(--motion-hover)}.btn-primary{background:var(--color-accent);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-accent-deep)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--color-chrome-overlay);color:var(--color-ink);border-color:var(--color-hairline)}.btn-secondary:hover:not(:disabled){background:var(--color-canvas-soft-2);border-color:var(--color-hairline-strong)}.btn-secondary:disabled{opacity:.5;cursor:default}.btn-primary:focus-visible,.btn-secondary:focus-visible,.icon-button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.icon-button{background:transparent;border:none;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:.2rem .35rem;color:var(--color-body);transition:background-color var(--motion-hover),color var(--motion-hover),transform var(--motion-hover)}.icon-button:hover{background:var(--color-chrome-overlay);color:var(--color-ink)}.icon-button[aria-pressed=true]{color:var(--color-accent-bright)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.icon-button:active:not(:disabled){transform:scale(.97)}.auth-screen,.gate-screen{color-scheme:light;--color-ink: #171717;--color-body: #4d4d4d;--color-mute: #888888;--color-canvas: #fbfaf9;--color-canvas-soft: #f8f6f2;--color-canvas-soft-2: #f4f1ea;--color-hairline: #e6e1d8;--color-hairline-strong: #a5a19b;--color-accent: #7c28c9;--color-accent-deep: #6a22ad;--color-accent-bright: var(--color-accent);--color-link: var(--color-accent);--color-danger: #ee0000;--shadow-card: 0px 1px 1px #00000005, 0px 2px 2px #0000000a, 0 0 0 1px var(--color-hairline);color:var(--color-ink)}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--space-lg);background:radial-gradient(120% 90% at 50% 0%,var(--color-canvas) 0%,var(--color-canvas-soft-2) 100%)}.auth-card{display:flex;flex-direction:column;gap:var(--space-sm);width:min(380px,100%);background:var(--color-canvas);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl)}.auth-card h1{font-size:1.25rem;letter-spacing:-.02em;margin-bottom:var(--space-sm)}.auth-google{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;font-weight:500;padding:.5rem 1rem;border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-canvas);color:var(--color-ink);transition:background-color .12s ease,border-color .12s ease}.auth-google:hover:not(:disabled){background:var(--color-canvas-soft-2)}.auth-google:disabled{opacity:.5;cursor:default}.auth-google:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.auth-note{font-size:.8125rem;color:var(--color-body)}@font-face{font-family:Bricolage Grotesque;src:url(/studio/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:700 800;font-style:normal;font-display:swap}.gate-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--space-lg);background:var(--color-canvas-soft-2)}.gate-card{position:relative;width:min(420px,100%);background:var(--color-canvas);border:var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--offset-md);padding:var(--space-xl);margin-top:110px}.gate-subject{position:absolute;right:-18px;bottom:calc(100% - 34px);width:240px;height:auto;pointer-events:none;filter:drop-shadow(4px 4px 0 var(--color-ink))}.gate-eyebrow{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);background:var(--color-marker);border:var(--border-strong);border-radius:var(--radius-pill);padding:.15rem .6rem;margin:0 0 var(--space-sm)}.gate-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 var(--space-sm)}.gate-body{font-size:.9375rem;line-height:1.55;color:var(--color-body);margin:0 0 var(--space-lg)}.gate-body strong{color:var(--color-ink);font-weight:600}.gate-actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.gate-primary{display:inline-flex;align-items:center;font-weight:600;font-size:.9375rem;text-decoration:none;color:var(--color-on-primary);background:var(--color-accent);border:var(--border-strong);border-radius:var(--radius-pill);padding:.7rem 1.4rem;box-shadow:var(--offset-sm);transition:transform .14s ease,box-shadow .14s ease}.gate-primary:hover{transform:translate(-2px,-2px);box-shadow:var(--offset-md)}.gate-primary:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-ink)}.gate-ghost{background:none;border:none;padding:0;font-size:.9375rem;color:var(--color-body);text-decoration:underline;text-underline-offset:3px}.gate-ghost:hover{color:var(--color-accent)}.gate-primary:focus-visible,.gate-ghost:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}@media(prefers-reduced-motion:reduce){.gate-primary{transition:none}.gate-primary:hover,.gate-primary:active{transform:none}}@media(max-width:420px){.gate-subject{width:150px}.gate-card{margin-top:80px}}.auth-message{min-height:1.4em;font-size:.8125rem;color:var(--color-danger)}.editor{display:grid;grid-template-columns:var(--side-width) minmax(0,1fr);grid-template-rows:minmax(var(--toolbar-height),auto) minmax(0,1fr);height:100dvh}.editor-toolbar{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-sm);padding-inline:var(--space-md);background:var(--color-chrome);border-bottom:1px solid var(--color-hairline);overflow-x:auto}.toolbar-group{display:flex;align-items:center;gap:var(--space-xs);min-width:0;min-height:var(--toolbar-height)}.toolbar-brand{display:inline-flex;align-items:center;padding-inline:var(--space-xs);color:var(--color-accent-bright)}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.toolbar-group+.toolbar-group,.toolbar-deliver{align-self:stretch;border-left:1px solid var(--color-hairline);padding-left:var(--space-sm)}.toolbar-status{display:flex;align-items:center;justify-content:flex-end;flex:1 1 0;min-width:0;font-size:13px;line-height:1.2;text-align:right;color:var(--color-body);padding-block:2px;overflow-wrap:anywhere}.toolbar-status[data-saved=true]{animation:toolbar-saved 1.5s ease forwards}@keyframes toolbar-saved{0%{color:var(--color-success)}to{color:var(--color-body)}}.editor-toolbar .btn-primary,.editor-toolbar .btn-secondary,.editor-toolbar .icon-button,.editor-toolbar .toolbar-select{flex:none;white-space:nowrap}.editor-toolbar .icon-button{min-width:32px;min-height:32px}.editor-toolbar .icon-button:disabled{opacity:.4;cursor:default}.editor-toolbar .icon-button:disabled:hover{background:transparent;color:var(--color-body)}.toolbar-select{position:relative;display:inline-flex;align-items:center;min-width:0;height:32px;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-mute);transition:background-color var(--motion-hover),border-color var(--motion-hover)}.toolbar-select:hover{background:var(--color-chrome-overlay)}.toolbar-select:focus-within{outline:2px solid var(--color-link);outline-offset:2px}.toolbar-select select{height:100%;min-width:0;text-overflow:ellipsis}.toolbar-select-icon,.toolbar-select-chevron{position:absolute;pointer-events:none}.toolbar-select-icon{left:.5rem}.toolbar-select-chevron{right:.4rem}.toolbar-design select{max-width:240px;padding-inline:.5rem 1.35rem;color:var(--color-ink);font-weight:500}.toolbar-preset{border-color:var(--color-hairline)}.toolbar-preset select{padding-inline:1.65rem 1.35rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-body)}.toolbar-account{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;padding:0;border:1px solid var(--color-hairline);border-radius:50%;background:var(--color-chrome-overlay);color:var(--color-body);transition:color var(--motion-hover),border-color var(--motion-hover)}.toolbar-account:hover,.toolbar-account[aria-expanded=true]{color:var(--color-ink);border-color:var(--color-hairline-strong)}.toolbar-account:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}@media(max-width:1400px){.toolbar-design select{max-width:200px}.editor-toolbar .btn-primary,.editor-toolbar .btn-secondary{padding-inline:.5rem}}.editor-toolbar select{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;cursor:pointer}.editor-toolbar select:focus-visible{outline:none}.toolbar-popover{position:fixed;z-index:var(--z-popover);min-width:190px;display:flex;flex-direction:column;gap:2px;padding:var(--space-xs);background:var(--color-chrome-overlay);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}.popover-item{display:flex;align-items:center;gap:var(--space-sm);font:inherit;text-align:left;white-space:nowrap;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-body);padding:.4rem .6rem}.popover-item:hover{background:var(--color-canvas-soft-2);color:var(--color-ink)}.popover-item:focus-visible{outline:2px solid var(--color-link);outline-offset:-2px}.popover-item:disabled{color:var(--color-mute);cursor:default}.popover-item:disabled:hover{background:transparent;color:var(--color-mute)}.editor-side{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:var(--space-md);background:var(--color-chrome-raised);border-right:1px solid var(--color-hairline)}.editor-opening{grid-column:1 / -1;display:grid;place-items:center;margin:0;font-size:.875rem;color:var(--color-mute);background:var(--color-stage)}.editor-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--color-stage);padding:var(--space-md);padding-top:calc(var(--space-md) + var(--selection-toolbar-height));padding-bottom:6rem}.editor[data-deck=true] .editor-stage{padding-bottom:calc(6rem + var(--slide-strip-height))}.editor[data-deck=true]~.editor-command .command-bar{bottom:calc(var(--space-md) + var(--slide-strip-height))}.stage-frame{position:relative}.stage-caption{position:absolute;top:calc(100% + var(--space-sm));left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:.6875rem;color:var(--color-mute);white-space:nowrap}.stage-zoom{position:absolute;right:var(--space-md);bottom:var(--space-md);display:inline-flex;align-items:center;gap:var(--space-xs);padding:.25rem .6rem;border-radius:var(--radius-pill);background:var(--color-chrome-overlay);box-shadow:var(--shadow-float);color:var(--color-mute);cursor:default}.stage-zoom-value{font-family:var(--font-mono);font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--color-body)}.stage-host{position:relative;line-height:0;border-radius:4px;box-shadow:var(--shadow-canvas);background-color:var(--color-chrome-raised);background-image:linear-gradient(45deg,var(--color-checkerboard) 25%,transparent 25%),linear-gradient(-45deg,var(--color-checkerboard) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-checkerboard) 75%),linear-gradient(-45deg,transparent 75%,var(--color-checkerboard) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.stage-host canvas{border-radius:4px}.text-overlay-editor{position:absolute;z-index:var(--z-overlay);transform-origin:top left;background:transparent;border:none;outline:1px dashed var(--color-link);overflow-wrap:break-word;caret-color:var(--color-link);overflow:hidden;overflow:clip;resize:none;padding:0;margin:0}.offscreen-stage{position:fixed;top:0;left:0;visibility:hidden;pointer-events:none}.field{display:flex;flex-direction:column;gap:.2rem;min-width:0}.field label{font-size:.75rem;color:var(--color-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field input,.field select,.field textarea{font:inherit;width:100%;min-width:0;padding:.35rem .5rem;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft);color:var(--color-ink)}.field input::placeholder,.field textarea::placeholder{color:var(--color-mute)}.field input[type=color]{padding:0;height:32px}.field input:disabled,.field select:disabled{background:var(--color-canvas-soft-2);color:var(--color-mute);cursor:not-allowed}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--color-link);outline-offset:1px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.field-toggle{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--color-body)}.field-hint{font-size:.75rem;color:var(--color-mute)}.field-value{font-family:var(--font-mono);color:var(--color-mute)}.reference-form{display:flex;flex-direction:column;gap:var(--space-sm)}.reference-image{width:100%;max-height:40vh;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-hairline);display:block}.status-chip{font-size:.8125rem;line-height:1.45;color:var(--color-body);padding-inline:var(--space-sm)}.viewport-notice{display:none}@media(max-width:900px){.editor{display:none}.viewport-notice{display:grid;place-content:center;justify-items:center;gap:var(--space-md);min-height:100dvh;padding:var(--space-xl);text-align:center;color:var(--color-body)}.viewport-notice .btn-secondary{min-height:44px}}.edit-on-computer-note{font-size:.8125rem;font-weight:400;opacity:.85}button:has(>.edit-on-computer-note){flex-direction:column;gap:2px;padding-block:6px;line-height:1.25}.credit-meter{display:inline-flex;align-items:center;gap:.35rem;flex:none;white-space:nowrap;padding:.3rem .6rem;border-radius:var(--radius-pill);background:var(--color-chrome-overlay);box-shadow:inset 0 0 0 1px var(--color-hairline);font-family:var(--font-mono);font-size:.6875rem;color:var(--color-body);cursor:default}.credit-meter-coin{display:inline-flex;color:var(--color-accent-bright)}.credit-meter-count{font-variant-numeric:tabular-nums}.credit-meter[data-empty=true]{box-shadow:inset 0 0 0 1px var(--color-danger);color:var(--color-danger)}.credit-meter[data-empty=true] .credit-meter-coin{color:var(--color-danger)}@media(prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.icon-button,.toolbar-select,.toolbar-account{transition:none}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.icon-button:active:not(:disabled){transform:none}.toolbar-status[data-saved=true]{animation:none}}.maker-empty-wallet{margin-top:var(--space-xs);font-size:.8125rem;color:var(--color-danger)}.export-popover{padding:12px;gap:8px}.export-size{margin:-4px 0 4px;font:12px var(--font-mono);color:var(--color-body);text-align:center}.export-popover[data-open=false]{visibility:hidden;pointer-events:none}.editor-command .command-bar-credits{display:none}.editor .panel-title{font:600 14px var(--font-sans);letter-spacing:normal;text-transform:none;color:var(--color-body)}.editor .panel-hint{font-size:14px;color:var(--color-body)}.editor .reference-toggle{min-height:28px}.editor .field label{font-size:14px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:36px;padding:6px 10px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-body);font:inherit;transition:background-color var(--motion-hover),color var(--motion-hover)}.btn-ghost:hover:not(:disabled){background:var(--color-chrome-overlay);color:var(--color-ink)}.btn-ghost:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.btn-ghost:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.btn-ghost{transition:none}}.panel{display:flex;flex-direction:column;gap:var(--space-sm)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.panel-title{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute)}.panel-count{font-family:var(--font-mono);font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--color-mute)}.panel-hint{font-size:.75rem;color:var(--color-mute)}.reference-card{gap:.625rem;padding:.75rem;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg)}.reference-title{font-size:.8125rem;font-weight:500}.reference-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:0;font:inherit;text-align:left;color:var(--color-ink);background:none;border:none}.reference-toggle-text{flex:1}.reference-toggle:focus-visible{outline:2px solid var(--color-link);outline-offset:4px;border-radius:var(--radius-sm)}.reference-toggle>svg:first-child{color:var(--color-accent-bright)}.reference-chevron{flex:none;color:var(--color-mute);transition:transform var(--motion-open)}.reference-toggle[aria-expanded=false] .reference-chevron{transform:rotate(-90deg)}.reference-body{display:flex;flex-direction:column;gap:var(--space-sm);animation:reference-open var(--motion-open)}@keyframes reference-open{0%{opacity:0;transform:scale(.98)}}.reference-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);min-height:88px;padding:var(--space-sm);font:inherit;font-size:.75rem;text-align:center;color:var(--color-mute);background:none;border:1px dashed var(--color-hairline-strong);border-radius:var(--radius-md);transition:border-color var(--motion-hover),color var(--motion-hover),background-color var(--motion-hover)}.reference-drop:hover:not(:disabled){color:var(--color-body);border-color:var(--color-accent-bright);background:var(--color-canvas-soft-2)}.reference-drop:disabled{opacity:.5;cursor:default}.reference-drop:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.starters{display:flex;flex-direction:column;gap:var(--space-xs)}.starters-title{font-size:.75rem;color:var(--color-mute)}.starters-row{display:flex;gap:var(--space-xs);padding-block:3px var(--space-xs);overflow-x:auto;scrollbar-width:thin;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.starter{flex:none;padding:0;line-height:0;overflow:hidden;background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);transition:transform var(--motion-hover),border-color var(--motion-hover),box-shadow var(--motion-hover)}.starter:hover:not(:disabled){transform:translateY(-3px);border-color:var(--color-hairline-strong);box-shadow:var(--shadow-card)}.starter:active:not(:disabled){transform:scale(.97)}.starter:disabled{opacity:.5;cursor:default}.starter:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.starter-thumbnail{display:block;width:auto;height:56px}.reference-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.reference-quiet-button{padding:0;font:inherit;font-size:.75rem;color:var(--color-mute);background:none;border:none;transition:color var(--motion-hover)}.reference-quiet-button:hover:not(:disabled){color:var(--color-ink)}.reference-quiet-button:disabled{opacity:.5;cursor:default}.reference-quiet-button:focus-visible{outline:2px solid var(--color-link);outline-offset:3px;border-radius:var(--radius-sm)}.reference-field{display:flex;align-items:center;gap:var(--space-xs);min-height:32px;padding-left:.5rem;background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:var(--radius-md);transition:border-color var(--motion-hover)}.reference-field:focus-within{border-color:var(--color-accent-bright)}.reference-field-icon{flex:none;color:var(--color-mute)}.reference-field input{flex:1;min-width:0;padding:.4rem 0;font:inherit;font-size:.75rem;color:var(--color-ink);background:none;border:none}.reference-field input::placeholder{color:var(--color-mute)}.reference-field input:focus-visible{outline:none}.reference-field input:disabled{color:var(--color-mute)}.reference-use{flex:none;align-self:stretch;padding-inline:.6rem;font:inherit;font-size:.75rem;font-weight:500;color:var(--color-accent-bright);background:none;border:none;border-left:1px solid var(--color-hairline);border-radius:0 var(--radius-md) var(--radius-md) 0;transition:background-color var(--motion-hover),color var(--motion-hover)}.reference-use:hover:not(:disabled){background:var(--color-chrome-overlay);color:var(--color-ink)}.reference-use:disabled{color:var(--color-mute);cursor:default}.reference-use:focus-visible{outline:2px solid var(--color-link);outline-offset:-2px}.reference-card .frame-picker>.btn-secondary{width:100%;color:var(--color-body);background:none;border-color:transparent}.reference-card .frame-picker>.btn-secondary:hover:not(:disabled){color:var(--color-ink);background:var(--color-canvas-soft-2);border-color:transparent}.reference-subject{width:100%}.reference-rebuild{min-height:36px}.reference-card .status-chip:empty{display:none}.insert-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.insert-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);min-height:64px;padding:var(--space-xs);font:inherit;font-size:.75rem;line-height:1.2;text-align:center;color:var(--color-body);background:var(--color-chrome-overlay);border:1px solid var(--color-hairline);border-radius:var(--radius-md);transition:border-color var(--motion-hover),background-color var(--motion-hover),color var(--motion-hover)}.insert-tile:hover:not(:disabled){color:var(--color-ink);border-color:var(--color-hairline-strong)}.insert-tile:active:not(:disabled){transform:scale(.97)}.insert-tile:disabled{opacity:.5;cursor:default}.insert-tile:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.insert-tile svg{color:var(--color-mute);transition:color var(--motion-hover)}.insert-tile:hover:not(:disabled) svg{color:var(--color-accent-bright)}.layer-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px}.layer-row{position:relative;display:flex;align-items:center;gap:var(--space-xs);min-height:36px;padding:.25rem .4rem;border-radius:var(--radius-md);transition:background-color var(--motion-hover)}.layer-row:hover{background:var(--color-canvas-soft)}.layer-row.is-selected{background:var(--color-chrome-overlay);box-shadow:inset 0 0 0 2px var(--color-hairline-strong)}.layer-row.is-selected:before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:2px;border-radius:0 2px 2px 0;background:var(--color-accent-bright)}.layer-row.is-drop-target{outline:2px solid var(--color-accent-bright);outline-offset:-1px}.layer-row.is-dragging{opacity:.5}.layer-grip{flex:none;display:inline-flex;align-items:center;color:var(--color-mute);cursor:grab;opacity:0;transition:opacity var(--motion-hover)}.layer-row:hover .layer-grip,.layer-row.is-selected .layer-grip,.layer-row:focus-within .layer-grip{opacity:1}.layer-row .layer-thumbnail{flex:none;width:28px;height:28px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas-soft-2)}.layer-row .layer-glyph{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas-soft-2);color:var(--color-mute)}.layer-row .layer-name{flex:1;min-width:0;font:inherit;color:var(--color-ink);border:none;background:transparent;overflow:hidden;text-overflow:ellipsis}.layer-row .layer-name:focus{outline:1px solid var(--color-link);border-radius:var(--radius-sm)}.layer-row .layer-name::placeholder{color:var(--color-ink);opacity:1}.layer-row .layer-name.is-empty-text::placeholder{color:var(--color-mute)}.layer-row .icon-button{flex:none;padding-inline:0;display:none}.layer-row:hover .icon-button,.layer-row.is-selected .icon-button,.layer-row:focus-within .icon-button{display:inline-flex}.layer-row .icon-button[data-control=visibility][aria-pressed=false],.layer-row .icon-button[data-control=lock][aria-pressed=true]{display:inline-flex}.layer-row:has([data-control=visibility][aria-pressed=false]) .layer-name{opacity:.55}.layer-row .icon-button[data-control=visibility][aria-pressed=true]{color:var(--color-body)}.slide-pager{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:thin}.slide-pager-slide{position:relative;flex:none;display:block;padding:0;line-height:0;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--color-canvas-soft-2);box-shadow:0 0 0 1px var(--color-hairline);transition:border-color var(--motion-hover),box-shadow var(--motion-hover)}.slide-pager-slide:hover{box-shadow:0 0 0 1px var(--color-hairline-strong)}.slide-pager-slide[aria-pressed=true]{border-color:var(--color-accent-bright);box-shadow:none}.slide-pager-slide:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.slide-pager-number{position:absolute;left:3px;bottom:3px;min-width:1rem;padding:0 .2rem;font-family:var(--font-mono);font-size:.625rem;line-height:1rem;text-align:center;border-radius:var(--radius-sm);background:#0009;color:#fff}@media(prefers-reduced-motion:reduce){.reference-body{animation:none}.insert-tile:active:not(:disabled),.starter:hover:not(:disabled),.starter:active:not(:disabled){transform:none}}.command-bar{position:fixed;z-index:var(--z-overlay);bottom:var(--space-md);left:var(--side-width);right:0;display:grid;justify-items:center;gap:var(--space-xs);pointer-events:none}.command-bar-form,.command-bar-proposal,.command-bar .generation-recovery{width:min(560px,100%)}.command-bar-proposal,.command-bar .generation-recovery,.command-bar>button{pointer-events:auto}.command-bar-form{pointer-events:auto;display:flex;align-items:center;gap:var(--space-sm);padding:.3rem .3rem .3rem var(--space-md);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-chrome-overlay) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-float)}.command-bar-form:focus-within{outline:2px solid var(--color-link);outline-offset:2px}.command-bar-mark{flex:none;color:var(--color-accent-bright)}.command-bar-input{font:inherit;flex:1;min-width:0;border:none;background:transparent;color:var(--color-ink);padding-block:.35rem}.command-bar-input::placeholder{color:var(--color-mute)}.command-bar-input:focus-visible{outline:none}.command-bar-input:disabled{color:var(--color-mute)}.command-bar-hint{flex:none;font-family:var(--font-mono);font-size:.6875rem;color:var(--color-mute);padding:.1rem .35rem;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);transition:opacity var(--motion-hover)}.command-bar-form:focus-within .command-bar-hint{opacity:0}.command-bar-credits{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-mute);white-space:nowrap}.command-bar-cost{font-family:var(--font-mono);font-size:.625rem;color:var(--color-body);white-space:nowrap}.command-bar-send{flex:none;width:32px;height:32px;min-height:32px;padding:0;border-radius:50%}.command-bar-status{max-width:min(560px,100%);text-align:center;font-size:.8125rem;color:var(--color-body)}.command-bar-status:not(:empty){padding:.125rem .625rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-chrome-overlay) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.command-bar-status[data-tone=error]{color:var(--color-danger)}@media(prefers-reduced-motion:reduce){.command-bar-hint{transition:none}}@media(max-width:900px){.command-bar{display:none}}.command-bar-proposal{padding:12px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-chrome)}.command-bar-proposal p{margin:0 0 8px;font-size:14px}.command-bar-proposal button+button{margin-left:8px}.command-bar .generation-recovery{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-chrome)}.command-bar .generation-recovery p{width:100%;margin:0;font-size:13px;line-height:1.5}.walkthrough{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.walkthrough[data-mode=hint]{pointer-events:none}.walkthrough[data-mode=hint] .walkthrough-card{pointer-events:auto}.walkthrough[data-mode=hint] .walkthrough-spotlight{box-shadow:0 0 0 2px var(--color-accent-bright)}.walkthrough-scrim{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.walkthrough-spotlight{position:absolute;border-radius:var(--radius-lg);box-shadow:0 0 0 2px var(--color-accent-bright),0 0 0 9999px #0000008c;transition:top var(--motion-open),left var(--motion-open),width var(--motion-open),height var(--motion-open)}.walkthrough-card{position:fixed;width:320px;display:grid;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-chrome-overlay);box-shadow:var(--shadow-float);animation:walkthrough-card-in var(--motion-open)}.walkthrough-card:focus{outline:none}.walkthrough-count{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute)}.walkthrough-title{font-size:.875rem;font-weight:600;color:var(--color-ink)}.walkthrough-body{color:var(--color-body)}.walkthrough-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xs)}.walkthrough-moves{display:flex;gap:var(--space-sm)}.walkthrough-skip{background:none;border:none;padding:0;color:var(--color-mute);transition:color var(--motion-hover)}.walkthrough-skip:hover{color:var(--color-ink)}.walkthrough-skip:focus-visible{outline:2px solid var(--color-link);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes walkthrough-card-in{0%{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.walkthrough-card{animation:none}.walkthrough-spotlight,.walkthrough-skip{transition:none}}.text-fit-note{margin:0;padding:4px 8px;border:1px solid var(--color-hairline);border-left:2px solid var(--color-marker);border-radius:var(--radius-sm);background:var(--color-chrome-overlay);box-shadow:var(--shadow-float);color:var(--color-ink);font-size:.75rem;line-height:1.35}.text-overlay-fit-note{position:absolute;z-index:var(--z-overlay);max-width:280px;pointer-events:none}