@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Instrument+Serif:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Great+Vibes&family=Montserrat:wght@300;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Barlow+Condensed:wght@600;700&family=Righteous&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--surface-000:#000;--surface-050:#080808;--surface-100:#0a0a0a;--surface-120:#0c0c0c;--surface-150:#0f0f0f;--surface-200:#111;--surface-250:#141414;--surface-300:#1a1a1a;--surface-400:#222;--line-050:#141414;--line-100:#222;--line-200:#2a2a2a;--line-300:#333;--line-400:#3a3a3a;--line-450:#3d3d3d;--line-500:#444;--ink-000:#000;--ink-300:#787878;--ink-400:#9a9a9a;--ink-600:#c8c8c8;--ink-700:#e8e8e8;--ink-750:#eaeaea;--ink-800:#eee;--ink-900:#fff;--canvas:#fff;--accent:#c9a86c;--accent-veil:#c9a86c55;--accent-edge:#c9a86c66;--accent-line:#c9a86c99;--alert:#e08080;--confirm:#8fdfb0;--text-3xs:10px;--text-2xs:11px;--text-xs:11px;--text-sm:12px;--text-md:12px;--text-lg:13px;--text-xl:14px;--text-2xl:15px;--text-3xl:16px;--text-4xl:18px;--text-5xl:20px;--text-6xl:24px;--text-7xl:28px;--space-3xs:2px;--space-2xs:4px;--space-xs:6px;--space-sm:8px;--space-md:10px;--space-lg:12px;--space-xl:14px;--space-2xl:16px;--space-3xl:18px;--space-4xl:24px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-3xl:14px;--radius-4xl:16px;--radius-panel:18px;--radius-pill:999px;--radius-circle:50%;--shadow-raised:0 24px 60px #000000b3;--shadow-popover:0 12px 32px #00000059;--shadow-scrim:0 0 0 9999px #000000a3;--focus-ring:0 0 0 3px #c9a86c29;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-state:.16s;--dur-surface:.26s;--sans:"Instrument Sans", Inter, system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--left:460px;--bg:var(--surface-000);--fg:var(--ink-900);--muted:var(--ink-400);--dim:var(--ink-300);--line:var(--line-100);--line-soft:var(--line-050);--surface:var(--surface-100);--surface-2:var(--surface-200);--radius:var(--radius-panel)}.ghost-btn,.icon-btn,.tabs__btn,.style-chip{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);background:0 0}.ghost-btn:hover,.icon-btn:hover{color:var(--fg);border-color:var(--line-300)}*{box-sizing:border-box}html,body,#root,.app{background:var(--bg);height:100%;min-height:100%;color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body{overflow:hidden}button,textarea,input{color:inherit;font-family:inherit}button{cursor:pointer}p{margin:0}h1,h2{letter-spacing:-.03em;margin:0;font-weight:500}.app{flex-direction:column;display:flex}.topbar{height:56px;padding:0 var(--space-3xl) 0 22px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-shrink:0;min-width:0;display:flex}.topbar--landing{border-bottom-color:#0000;position:absolute;inset:0 0 auto}.wordmark{font-size:var(--text-lg);letter-spacing:.28em;flex-shrink:0;font-weight:600}.wordmark--btn{padding:var(--space-sm) var(--space-2xs);margin-left:calc(var(--space-2xs) * -1);background:0 0;border:0}.topbar__meta{font-size:var(--text-md);color:var(--muted);letter-spacing:.04em}.ghost-btn{padding:var(--space-md) var(--space-lg);font-size:var(--text-md);white-space:nowrap;flex-shrink:0;text-decoration:none}.landing{background:radial-gradient(70% 40% at 50% -10%,#ffffff0f,#0000 60%),#000;flex-direction:column;flex:1;min-height:100%;display:flex}.landing__hero{padding:96px var(--space-4xl) 80px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:760px;margin:0 auto;display:flex}.eyebrow{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;font-weight:500}.landing__title{font-family:var(--sans);text-align:center;letter-spacing:-.03em;font-size:clamp(34px,4.6vw,48px);font-weight:500;line-height:1.15}.landing__sub{margin:var(--space-3xl) 0 44px;color:var(--muted);text-align:center;font-size:var(--text-2xl);max-width:480px;line-height:1.55}.composer{background:var(--surface);border:1px solid var(--line);width:100%;padding:var(--space-xl) var(--space-xl) var(--space-md);transition:border-color var(--dur-surface) var(--ease-out);border-radius:22px}.composer:focus-within{border-color:var(--line-400)}.composer__input{resize:none;width:100%;font-size:var(--text-3xl);background:0 0;border:0;outline:none;min-height:72px;line-height:1.5}.composer--dock .composer__input{min-height:56px;font-size:var(--text-2xl);line-height:1.5}.composer__input::placeholder{color:#7a7a7a}.composer__bar{align-items:center;gap:var(--space-md);padding-top:var(--space-xs);display:flex}.composer__hint{font-size:var(--text-md);color:var(--muted);flex:1}.icon-btn{place-items:center;width:34px;height:34px;display:grid}.send-btn{border-radius:var(--radius-pill);background:var(--canvas);width:36px;height:36px;color:var(--ink-000);border:0;place-items:center;display:grid}.send-btn:disabled{opacity:.25;cursor:default}.send-btn:not(:disabled):hover{transform:scale(1.04)}.chips{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.chips__hint{text-align:center;font-size:var(--text-md);color:var(--dim);margin:22px 0 0}.chip{border:1px solid var(--line);color:#d0d0d0;border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-xl);font-size:var(--text-lg);background:0 0}.chip:hover{background:var(--surface-200);border-color:var(--line-300)}.thumbs{gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-2xs);display:flex}.thumb{border:1px solid var(--line);border-radius:var(--radius-xl);background:#0d0d0d;width:52px;height:52px;padding:0;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb span{font-size:var(--text-3xs);letter-spacing:.08em;text-transform:uppercase;padding:1px var(--space-2xs);border-radius:var(--radius-sm);background:#000c;position:absolute;bottom:4px;left:4px}.thumb--static{cursor:default}.workspace{flex-direction:column;height:100%;display:flex}.workspace__body{flex:1;grid-template-columns:1fr;min-height:0;display:grid}.workspace__body:not(.has-preview) .workspace__left{border-right:0;width:100%;max-width:760px;margin:0 auto}.workspace__body.has-preview{grid-template-columns:minmax(0, var(--left)) minmax(0, 1fr)}.workspace__body.has-preview.has-copy-canvas{grid-template-columns:minmax(200px,min(360px,28vw)) minmax(0,1fr)}.workspace__left{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.workspace__right{background:radial-gradient(50% 40% at 50% 0,#ffffff09,#0000 55%),#000;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}.workspace__right>*{flex:auto;min-height:0}.dieline-pane{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.dieline-pane .templates{padding-bottom:var(--space-lg);flex:none}.dieline-pane .preview-stage{flex:auto;min-height:280px}.topbar-tools{align-items:center;gap:var(--space-xs);margin-right:var(--space-2xs);display:flex;position:relative}.topbar-popover{z-index:80;background:var(--surface-2,var(--surface-200));border:1px solid var(--line);border-radius:var(--radius-4xl);width:min(420px,100vw - 24px);padding:var(--space-lg);position:absolute;top:calc(100% + 10px);left:0;right:auto;box-shadow:0 16px 48px #0000008c}.topbar-popover--style{max-height:min(70vh,560px);overflow:auto}.topbar-popover--style .style-bar{background:0 0;border:0;padding:0}.topbar-popover--inputs .girdiler{border:0}.topbar-popover--inputs .girdiler__head{display:none}.topbar-popover--inputs .girdiler__body{max-height:min(50vh,360px);padding:0;display:block!important}.topbar-popover--learn{width:min(480px,94vw);max-height:min(70vh,560px);padding:var(--space-2xl) var(--space-2xl) var(--space-3xl);overflow:auto}.learn-panel h2{font-family:var(--serif);font-size:var(--text-5xl);letter-spacing:-.02em;margin:0;font-weight:400}.learn-panel__head{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-md);display:flex}.learn-panel__lead,.learn-panel__meta,.learn-panel__hint,.learn-panel__note{color:var(--muted);font-size:var(--text-md);margin:0 0 var(--space-md);line-height:1.5}.learn-panel h3{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:var(--space-xl) 0 var(--space-sm)}.learn-panel ul{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.learn-panel__rule,.learn-panel__history li{border:1px solid var(--line);border-radius:var(--radius-2xl);padding:var(--space-md) var(--space-lg)}.learn-panel__rule p{margin:0 0 var(--space-2xs);font-size:var(--text-lg);line-height:1.4}.learn-panel__rule small{color:var(--muted);font-size:var(--text-sm)}.learn-panel__actions,.learn-panel__history li{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.learn-panel__history li{font-size:var(--text-md);margin-top:0}.ghost-btn.is-active{color:var(--fg);border-color:var(--line-500);background:#161616}.tabs{gap:var(--space-3xs);background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-pill);scrollbar-width:none;flex-shrink:1;min-width:0;max-width:min(560px,46vw);padding:3px;display:flex;overflow:auto hidden}.tabs::-webkit-scrollbar{display:none}.tabs__btn{font-size:var(--text-sm);padding:var(--space-md) var(--space-lg);white-space:nowrap;border:0;flex-shrink:0}.tabs__btn.is-active{background:var(--canvas);color:var(--ink-000)}.girdiler{border-bottom:1px solid var(--line);flex-shrink:0}.girdiler__head{align-items:center;gap:var(--space-md);width:100%;padding:11px var(--space-3xl);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;font-weight:500;display:flex}.girdiler__count{letter-spacing:0;text-transform:none;margin-left:auto}.girdiler__chev{transition:transform var(--dur-state) var(--ease-out)}.girdiler.is-open .girdiler__chev{transform:rotate(180deg)}.girdiler__body{padding:0 var(--space-3xl) var(--space-2xl);max-height:220px;overflow:auto}.girdiler__empty{font-size:var(--text-lg);color:var(--dim)}.girdiler__row{gap:var(--space-md);border-top:1px solid var(--line-soft);grid-template-columns:110px 1fr;padding:7px 0;display:grid}.girdiler__row dt{font-size:var(--text-sm);color:var(--dim)}.girdiler__row dd{font-size:var(--text-lg);color:var(--ink-700);margin:0}.girdiler__row.is-style dd{color:var(--accent);font-weight:600}.girdiler__row.is-sample dd{color:var(--muted)}.girdiler__hint{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:3px;display:block}.style-bar{padding:var(--space-lg) var(--space-2xl);border-bottom:1px solid var(--line);background:var(--surface-050);gap:var(--space-md);flex-direction:column;flex-shrink:0;display:flex}.style-bar--rail{background:0 0;border-bottom:0;padding:0}.style-bar__kicker{margin:var(--space-3xs) 0 0;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.style-chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.style-chip{align-items:center;gap:var(--space-xs);min-height:32px;color:var(--ink-600);padding:5px var(--space-md) 5px 7px;font-size:var(--text-md);display:inline-flex}.style-chip:hover{background:var(--surface-200);border-color:var(--line-300)}.style-chip.is-active{background:var(--canvas);color:var(--ink-000);border-color:#fff}.style-chip__swatch{border-radius:var(--radius-circle);flex-shrink:0;width:8px;height:8px}.style-chip.is-active .style-chip__swatch{box-shadow:0 0 0 1px #0003}.style-bar__price{margin-left:var(--space-xs);border-radius:var(--radius-pill);color:var(--accent);font-size:var(--text-xs);letter-spacing:.02em;background:#ffffff14;padding:1px 5px}.style-chip:disabled{opacity:.38;cursor:not-allowed}.style-bar__blocked{margin:var(--space-sm) 0 0;border-radius:var(--radius-md);color:#f0d7d7;font-size:var(--text-sm);background:#5a1f1f66;border:1px solid #a8474766;padding:7px 9px;line-height:1.45}.style-bar__blocked a{color:#ffd9a3}.style-bar__vary:disabled{opacity:.38;cursor:not-allowed}.style-chip__pair{flex-shrink:0;align-items:center;display:inline-flex}.style-chip__swatch--accent{margin-left:-3px;box-shadow:0 0 0 1px #1e1e1e55}.style-chip__hint{display:none}.style-bar__dims{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.style-bar__dims-label,.style-bar__dims-unit{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.style-bar__dims label{font-size:var(--text-sm);color:var(--muted);align-items:center;gap:5px;display:flex}.style-bar__dims input{background:var(--surface-120);border:1px solid var(--line);border-radius:var(--radius-md);width:56px;min-height:32px;padding:var(--space-2xs) var(--space-xs);color:var(--ink-800);font-size:var(--text-md)}.style-bar__vary{align-self:flex-start;align-items:center;gap:var(--space-sm);border:1px solid var(--line);color:var(--ink-600);border-radius:var(--radius-pill);padding:5px var(--space-lg);font-size:var(--text-md);letter-spacing:.04em;background:0 0;display:inline-flex}.style-bar__vary:hover{background:var(--surface-200);border-color:var(--line-300)}.style-bar__vary-set{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.preview-stack{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.preview-stack>.preview-stage{height:auto;min-height:0;padding:var(--space-xl) var(--space-3xl) var(--space-sm);flex:auto;overflow:hidden}.direction-offer{align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-xl);border-top:1px solid var(--line);background:#070707;flex:none;min-width:0;display:flex}.direction-offer__head{gap:var(--space-3xs);flex-direction:column;flex:none;min-width:0;max-width:120px;display:flex}.direction-offer__label{font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.direction-offer__current{font-size:var(--text-md);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.direction-offer__rail{align-items:center;gap:var(--space-xs);min-width:0;padding:var(--space-3xs) 0;scrollbar-width:thin;--tile-h:84px;flex:auto;display:flex;overflow-x:auto}.direction-tile{height:var(--tile-h);width:auto;aspect-ratio:var(--tile-ar,38 / 46);border-radius:var(--radius-md);background:var(--canvas);cursor:pointer;transition:border-color var(--dur-state) var(--ease-out), transform var(--dur-state) var(--ease-out);border:1px solid #262626;flex:none;padding:0;position:relative;overflow:hidden}.direction-tile:hover:not(:disabled){border-color:#4a4a4a;transform:translateY(-2px)}.direction-tile:disabled{opacity:.5;cursor:default}.direction-tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.direction-tile__face,.direction-tile__blank{width:100%;height:100%;line-height:0;display:block}.direction-tile__blank{background:linear-gradient(160deg, #2a2a2a, var(--surface-200))}.direction-tile__face svg{width:100%;height:100%;display:block}.direction-tile__index{min-width:13px;height:13px;color:var(--ink-900);font-size:var(--text-3xs);background:#000000a8;border-radius:3px;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;bottom:2px;left:2px}.direction-tile.is-selected .direction-tile__index{background:var(--accent);color:var(--ink-000)}.direction-offer__all{border:1px solid var(--line);color:var(--muted);border-radius:var(--radius-pill);padding:var(--space-md) var(--space-2xl);font-size:var(--text-sm);cursor:pointer;background:0 0;flex:none}.direction-offer__all:hover:not(:disabled){border-color:var(--line-400);color:var(--fg)}.chat{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat__thread{padding:var(--space-4xl) 22px var(--space-xl);flex-direction:column;flex:auto;gap:20px;min-height:0;display:flex;overflow:auto}.bubble p{font-size:var(--text-3xl);color:#ebebeb;white-space:pre-wrap;line-height:1.58}.bubble--user{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-4xl) var(--radius-4xl) var(--radius-sm) var(--radius-4xl);max-width:88%;padding:var(--space-lg) 15px;align-self:flex-end}.bubble--user p{color:var(--ink-900)}.bubble--assistant{max-width:100%;padding:var(--space-3xs) var(--space-3xs) var(--space-3xs) 0}.bubble__who{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-sm);font-weight:500;display:block}.composer--dock{margin:var(--space-sm) var(--space-xl) var(--space-2xl);border-radius:var(--radius-panel);border-color:var(--line-200);background:var(--surface-120);flex-shrink:0;width:auto;box-shadow:0 -12px 28px #00000073}.dots{align-items:center;gap:5px;height:16px;display:flex}.dots i{border-radius:var(--radius-circle);background:#666;width:5px;height:5px;animation:1.1s infinite blink}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.preview-stage{flex-direction:column;min-height:100%;padding:28px 36px 48px;display:flex;position:relative}.preview-stage__meta{gap:var(--space-xl);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-4xl);flex-wrap:wrap;align-items:center;display:flex}.dim-strip{align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm) var(--space-2xs) var(--space-md);border:1px solid var(--line);border-radius:var(--radius-pill);letter-spacing:0;text-transform:none;background:#ffffff06;margin-left:auto;display:inline-flex}.dim-strip__label,.dim-strip__unit{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.dim-strip label{align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);letter-spacing:.08em;color:var(--muted);display:inline-flex}.dim-strip input{background:var(--surface-120);border:1px solid var(--line);border-radius:var(--radius-md);width:56px;padding:var(--space-sm) var(--space-sm);color:var(--ink-800);font-size:var(--text-md);letter-spacing:0}.templates__hint{margin:0 0 var(--space-2xl);font-size:var(--text-md);color:var(--muted)}.templates__dims-unit{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.templates__start{margin-left:var(--space-2xs)}.pill{border:1px solid var(--accent-veil);color:var(--accent);border-radius:var(--radius-pill);padding:3px var(--space-sm);letter-spacing:.08em}.preview-stage__canvas{background:radial-gradient(42% 36% at 50% 48%,#ffffff09,#0000 70%);flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;display:grid}.preview-stage__work{flex:1;min-height:0;display:flex}.preview-stage--edit{height:100%;min-height:0;padding:var(--space-2xl) var(--space-md) var(--space-lg) var(--space-3xl);overflow:hidden}.preview-stage--edit .preview-stage__meta{padding-right:var(--space-sm);margin-bottom:var(--space-md)}.preview-stage--edit .preview-stage__work{align-items:stretch;gap:var(--space-md);min-height:0;display:flex}.preview-stage--edit .preview-stage__canvas{min-width:0;padding:0 var(--space-2xs) var(--space-sm);flex:1}.preview-stage--edit .art-svg{width:min(420px,92%)}.preview-stage--edit .art-svg--label{width:100%;height:100%;min-height:0}.preview-stage--edit .art-svg--label svg{width:100%;max-width:100%;height:100%;max-height:100%;display:block}.preview-stage--edit .art-svg--live [data-edit]{cursor:text;pointer-events:all}.preview-stage--edit .art-svg--live [data-edit]:hover{outline-offset:2px;outline:1px dashed #c9a86c61}.preview-stage--edit .art-svg--live [data-edit].is-editing{outline-offset:2px;outline:1px solid #c9a86cb8}.preview-stage--edit .preview-stage__canvas--wide{padding:0 var(--space-2xs) var(--space-2xs)}.preview-stage--edit .dieline-svg{width:100%;height:100%}.preview-stage--edit .dieline-svg--live [data-layer],.preview-stage--edit .dieline-svg--live [data-type],.preview-stage--edit .dieline-svg--live [data-proof]{pointer-events:none}.preview-stage--edit .dieline-svg--live [data-edit]{cursor:text;pointer-events:all}.preview-stage--edit .dieline-svg--live [data-edit]:hover{outline-offset:2px;outline:1px dashed #c9a86c61}.preview-stage--edit .dieline-svg--live [data-edit].is-editing{outline-offset:2px;outline:1px solid #c9a86cb8}.copy-canvas{width:228px;max-width:228px;min-height:0;padding:var(--space-lg) var(--space-xl) var(--space-3xl);border:1px solid var(--line);border-radius:var(--radius-4xl);box-shadow:var(--shadow-popover);background:#080808f5;flex:0 0 228px;overflow-y:auto}.copy-canvas__head{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:0 0 var(--space-lg);border-bottom:1px solid var(--line-soft);margin-bottom:var(--space-lg);display:flex}.copy-canvas__kicker{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;display:inline-flex}.copy-canvas__live{border-radius:var(--radius-circle);background:var(--accent);width:6px;height:6px;box-shadow:var(--focus-ring)}.copy-canvas__head h2{margin-top:var(--space-xs);font-family:var(--serif);font-size:var(--text-5xl);letter-spacing:-.03em}.copy-canvas__close{margin-top:var(--space-3xs);border:1px solid var(--line);min-height:32px;color:var(--muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:0 0;flex-shrink:0;align-items:center;display:inline-flex}@media (pointer:coarse){.copy-canvas__close,.style-chip,.style-bar__dims input{min-height:44px}}.copy-canvas__group.is-current h3{color:var(--accent)}.copy-canvas__group+.copy-canvas__group{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--line-soft)}.copy-canvas__group h3{margin:0 0 var(--space-md);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:500}.copy-canvas__field{margin-bottom:var(--space-md);flex-direction:column;gap:5px;display:flex}.copy-canvas__field>span{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;display:flex}.copy-canvas__field>span em{letter-spacing:.04em;text-transform:none;color:var(--dim);font-style:normal}.copy-canvas__field input,.copy-canvas__field textarea{background:var(--surface-120);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;color:var(--ink-800);font-size:var(--text-lg);resize:none;padding:7px 9px;line-height:1.4}.copy-canvas__field textarea{min-height:52px}.copy-canvas__field.is-active input,.copy-canvas__field.is-active textarea{border-color:var(--accent-edge);box-shadow:0 0 0 1px #c9a86c2e}.copy-canvas__field input:focus,.copy-canvas__field textarea:focus{border-color:var(--accent-line);outline:none}.artboard{filter:drop-shadow(0 24px 50px #000000b3);border-radius:var(--radius-xs);outline:1px solid #ffffff0f;width:min(420px,72%);height:auto}.artboard--label{width:min(300px,52%)}.artboard--web{width:min(820px,92%)}.scene{perspective:1200px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;place-items:center;min-height:480px;display:grid}.scene:active{cursor:grabbing}.box3d{width:var(--box-w,200px);height:var(--box-h,300px);transform-style:preserve-3d;position:relative}.face{justify-content:center;align-items:center;gap:var(--space-sm);backface-visibility:hidden;border:1px solid #ffffff14;flex-direction:column;padding:20px;display:flex;position:absolute;inset:0}.face strong{font-family:var(--serif);letter-spacing:.16em;font-size:22px;font-weight:400}.face em{font-style:normal;font-size:var(--text-sm);letter-spacing:.22em;text-transform:uppercase;opacity:.8}.face small{font-size:var(--text-sm);font-family:var(--serif);text-align:center;font-style:italic}.face__mono{font-family:var(--serif);letter-spacing:.2em;font-size:var(--text-4xl)}.face__logo{object-fit:contain;width:40px;height:40px}.face__warn{font-size:var(--text-2xs);text-align:center;line-height:1.4}.face--art{justify-content:stretch;align-items:stretch;padding:0;display:block;overflow:hidden}.face--art>svg{pointer-events:none;width:100%;height:100%;display:block}.face--front{transform:translateZ(calc(var(--box-d,56px) / 2))}.face--back{transform:rotateY(180deg) translateZ(calc(var(--box-d,56px) / 2))}.face--right{width:var(--box-d,56px);left:calc((var(--box-w,200px) - var(--box-d,56px)) / 2);transform:rotateY(90deg) translateZ(calc(var(--box-w,200px) / 2))}.face--left{width:var(--box-d,56px);left:calc((var(--box-w,200px) - var(--box-d,56px)) / 2);transform:rotateY(-90deg) translateZ(calc(var(--box-w,200px) / 2))}.face--top{height:var(--box-d,56px);top:calc((var(--box-h,300px) - var(--box-d,56px)) / 2);transform:rotateX(90deg) translateZ(calc(var(--box-h,300px) / 2))}.face--bottom{height:var(--box-d,56px);top:calc((var(--box-h,300px) - var(--box-d,56px)) / 2);transform:rotateX(-90deg) translateZ(calc(var(--box-h,300px) / 2))}.surface-switch{align-items:center;gap:var(--space-2xs);background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-pill);padding:3px var(--space-2xs) 3px var(--space-md);flex-shrink:0;display:flex}.surface-switch__intent{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-right:var(--space-xs);white-space:nowrap}.surface-switch button{color:var(--muted);font-size:var(--text-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-pill);white-space:nowrap;background:0 0;border:0}.surface-switch button.is-active{color:var(--fg);background:var(--surface-300)}.surface-switch button:disabled{opacity:.35}.label-face-toggle,.bottle-switch{gap:var(--space-3xs);border:1px solid var(--line);border-radius:var(--radius-pill);padding:var(--space-3xs);display:inline-flex}.label-face-toggle button,.bottle-switch button{color:var(--muted);font-size:var(--text-sm);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-pill);background:0 0;border:0}.label-face-toggle button.is-active,.bottle-switch button.is-active{color:var(--fg);background:var(--surface-300)}.copy-canvas__toggle{margin-left:var(--space-2xs)}.copy-canvas__toggle.is-active{color:var(--fg);border-color:var(--accent-veil)}.orbit-toggle{border:1px solid var(--line);min-height:32px;color:var(--muted);font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;padding:5px var(--space-xl);border-radius:var(--radius-pill);background:0 0;align-items:center;margin-left:auto;display:inline-flex}.orbit-toggle.is-active{color:var(--fg);background:var(--surface-300);box-shadow:0 0 0 1px #ffffff0f,0 8px 22px #00000047}.orbit-toggle:hover{color:var(--fg)}.carton-shell__meta .orbit-toggle{padding:3px var(--space-md);font-size:var(--text-xs);margin-left:0}@media (pointer:coarse){.orbit-toggle{min-height:44px}}.bottle3d{transform-style:preserve-3d;height:calc(var(--actuator-h,0px) + var(--cap-h,18px) + var(--neck-h,32px) + var(--collar-h,0px) + var(--body-h,160px));width:calc(var(--radius,40px) * 2);position:relative}.bottle3d__ring{width:0;transform-style:preserve-3d;position:absolute;left:50%}.bottle3d__ring--actuator{top:0}.bottle3d__ring--cap{top:var(--actuator-h,10px)}.bottle3d__ring--neck{top:calc(var(--actuator-h,10px) + var(--cap-h,30px))}.bottle3d__ring--collar{top:calc(var(--actuator-h,10px) + var(--cap-h,30px) + var(--neck-h,20px) - 2px)}.bottle3d--square .bottle3d__cap,.bottle3d--square .bottle3d__neck{background:linear-gradient(90deg, var(--glass-dark), var(--glass), var(--glass-dark));position:absolute;left:50%;transform:translate(-50%)translateZ(8px)}.bottle3d--square .bottle3d__cap{height:var(--cap-h,18px);border-radius:var(--radius-xs);background:var(--surface-300);width:42%;top:0}.bottle3d--square .bottle3d__neck{top:var(--cap-h,18px);height:var(--neck-h,32px);border-radius:var(--radius-xs);width:28%}.bottle3d__body{left:50%;top:calc(var(--actuator-h,0px) + var(--cap-h,18px) + var(--neck-h,32px) + var(--collar-h,0px));width:0;height:var(--body-h,156px);transform-style:preserve-3d;position:absolute}.bottle3d--square .bottle3d__body{top:calc(var(--cap-h,18px) + var(--neck-h,32px))}.bottle3d__seg{backface-visibility:hidden;background-color:var(--glass);background-repeat:no-repeat;position:absolute;top:0;overflow:hidden;box-shadow:inset 0 0 12px #ffffff1f}.bottle3d__seg:after{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#0000 18% 82%,#00000038);position:absolute;inset:0}.bottle3d__seg--label{overflow:hidden}.bottle3d__seg-clip{pointer-events:none;isolation:isolate;width:100%;position:absolute;left:0;overflow:hidden;transform:translateZ(0)}.bottle3d__seg-art{pointer-events:none;position:absolute;top:0;left:0}.bottle3d__seg-art>svg{width:100%;height:100%;display:block}.bottle3d__square{left:50%;top:calc(var(--cap-h,18px) + var(--neck-h,32px) + 12px);transform-style:preserve-3d;position:absolute;transform:translate(-50%)}.bottle3d__sq{background:var(--glass);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.bottle3d__sq>svg{pointer-events:none;width:100%;height:100%;display:block}.bottle3d__sq--front,.bottle3d__sq--back{box-shadow:inset 0 0 0 1px #14181c29,0 1px 3px #14181c2e}.bottle3d__sq--front{transform:translateZ(calc(var(--sq-d,40px) / 2))}.bottle3d__sq--back{transform:rotateY(180deg) translateZ(calc(var(--sq-d,40px) / 2))}.bottle3d__sq--right{width:var(--sq-d,40px);left:calc((100% - var(--sq-d,40px)) / 2);transform:rotateY(90deg) translateZ(calc(var(--label-w,90px) * .46));background:var(--glass-dark)}.bottle3d__sq--left{width:var(--sq-d,40px);left:calc((100% - var(--sq-d,40px)) / 2);transform:rotateY(-90deg) translateZ(calc(var(--label-w,90px) * .46));background:var(--glass-dark)}.templates--label .tcard__thumb{background:var(--surface-120)}.prod{max-width:720px;padding:40px 48px 64px}.prod__head{margin-bottom:var(--space-3xl);justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.prod h2{font-size:var(--text-7xl);margin-top:var(--space-sm)}.prod__score{text-align:right;color:var(--muted);font-size:var(--text-md)}.prod__score strong{color:var(--ink-900);letter-spacing:-.04em;font-size:36px;font-weight:500;display:block}.prod__lead{color:var(--muted);font-size:var(--text-xl);margin-bottom:28px;line-height:1.55}.prod__list{border-top:1px solid var(--line);margin:0 0 32px;padding:0;list-style:none}.prod__list li{gap:var(--space-xl);border-bottom:1px solid var(--line-soft);color:var(--dim);padding:13px 0;display:flex}.prod__list li.is-ready{color:var(--ink-750)}.prod__list strong{font-size:var(--text-xl);font-weight:500;display:block}.prod__list small{color:var(--muted);font-size:var(--text-md)}.check{width:18px;font-size:var(--text-xs);padding-top:var(--space-2xs)}.prod__spec{gap:var(--space-2xl) var(--space-4xl);grid-template-columns:1fr 1fr;display:grid}.prod__spec dt{font-size:var(--text-sm);color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-2xs)}.prod__spec dd{font-size:var(--text-xl);margin:0}.workspace__canvas{display:contents}.workspace__canvas.is-working{opacity:.38;filter:saturate(.6);pointer-events:none;height:100%;transition:opacity var(--dur-surface) var(--ease-out), filter var(--dur-surface) var(--ease-out);display:block}.workspace__right>.engine-wait{z-index:2;pointer-events:none;position:absolute;inset:0}.engine-wait{place-items:center;gap:var(--space-2xl);min-height:100%;color:var(--muted);font-size:var(--text-sm);letter-spacing:.18em;text-transform:uppercase;font-weight:500;display:grid}.engine-wait__bar{background:var(--surface-400);width:160px;height:1px;position:relative;overflow:hidden}.engine-wait__bar:after{content:"";background:var(--canvas);width:40%;animation:1s ease-in-out infinite sweep;position:absolute;inset:0 auto 0 0}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}.brief-log{max-width:640px;padding:44px 48px 56px}.brief-log .eyebrow{margin-bottom:var(--space-lg)}.brief-log h2{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:var(--space-4xl);font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1.2}.brief-log ol{padding:0 0 0 var(--space-3xl);color:#dcdcdc;gap:var(--space-2xs);flex-direction:column;margin:0;display:flex}.brief-log li{padding:var(--space-md) 0;font-size:var(--text-2xl);border-bottom:1px solid var(--line-soft);line-height:1.55}.brief-log li:last-child{border-bottom:0}.brief-log__note{color:var(--muted);font-size:var(--text-lg);margin-top:28px;line-height:1.55}.art-svg{width:auto;max-width:100%;height:100%;min-height:0;max-height:100%;transition:opacity var(--dur-state) var(--ease-out)}.art-svg.is-swapping{opacity:0;transition:none}.art-svg svg{filter:drop-shadow(0 24px 50px #000000b3);width:100%;height:100%;display:block}.templates__svg svg{width:100%;height:auto;display:block}.dieline-svg svg{width:100%;height:100%;display:block}.art-svg--label{width:min(280px,48%)}.preview-stage__canvas--wide{width:100%;padding:0 var(--space-4xl) 40px}.dieline-svg{width:min(920px,100%);min-height:0;max-height:100%}.pill--warn{color:var(--alert);border-color:#c44a4a55}.templates{padding:40px 44px 56px}.templates h2{font-size:var(--text-7xl);margin:var(--space-sm) 0 var(--space-4xl)}.templates__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:start;display:grid}.tcard{text-align:left;background:var(--surface-120);border:1px solid var(--line);border-radius:var(--radius-3xl);padding:var(--space-xl) var(--space-xl) var(--space-lg);min-width:0;overflow:hidden}.tcard strong{font-size:var(--text-xl);margin-bottom:var(--space-xs);font-weight:500;display:block}.tcard span{font-size:var(--text-sm);color:var(--muted)}.tcard em{margin:0 0 var(--space-2xs);font-style:normal;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);display:block}.tcard__thumb{height:88px;margin:0 0 var(--space-md);border-radius:var(--radius-lg);background:var(--surface-050);overflow:hidden}.tcard__thumb svg{width:100%;height:100%;display:block}.tcard__reason{margin:var(--space-sm) 0 0;font-size:var(--text-sm);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.tcard.is-active{border-color:var(--accent-edge);background:#12100c}.tcard.is-soon{opacity:.4;cursor:default}.templates__live{gap:var(--space-2xl);margin-top:28px;display:grid}.templates__identity h3{margin:var(--space-2xs) 0 0;font-size:var(--text-5xl);font-weight:500}.templates__more{margin-top:var(--space-lg)}.templates__preview{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(200px,260px);align-items:center;display:grid}.carton-shell{min-width:0}.carton-shell__meta{justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.carton-shell__caption{margin:var(--space-sm) 0 0;font-size:var(--text-sm);color:var(--dim)}.scene--shell{background:var(--surface-100);border-radius:var(--radius-2xl);border:1px solid var(--line);min-height:240px}.templates__dims{gap:var(--space-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.templates__dims label{gap:var(--space-xs);font-size:var(--text-sm);letter-spacing:.12em;color:var(--muted);display:grid}.templates__dims input{background:var(--surface-120);border:1px solid var(--line);border-radius:var(--radius-lg);width:72px;padding:var(--space-sm) var(--space-md)}.templates__svg{border:1px solid var(--line-soft);border-radius:var(--radius-2xl);width:min(640px,100%);overflow:hidden}.prod__list li.is-pass{color:#eaeaea}.prod__list li.is-fail{color:#e08080}.prod__list li.is-warn{color:#b8a070}.prod__list li.is-na{color:var(--dim)}.prod__actions{gap:var(--space-md);margin:var(--space-sm) 0 28px;flex-wrap:wrap;align-items:center;display:flex}.prod__export-note{font-size:var(--text-md);color:var(--muted)}.rating{padding-top:var(--space-4xl);border-top:1px solid var(--line);margin-top:36px}.rating__stars{gap:var(--space-sm);margin:var(--space-md) 0 var(--space-xl);display:flex}.rating__stars button,.rating__tags button{border:1px solid var(--line);color:var(--muted);border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-lg);font-size:var(--text-md);background:0 0;min-height:32px}.rating__stars button.is-on,.rating__tags button.is-on{color:var(--accent);border-color:var(--accent-veil)}.rating__tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.history-actions{gap:var(--space-xs);flex-shrink:0;display:flex}.history-actions .ghost-btn:disabled{opacity:.35;cursor:default}.compare-grid{gap:var(--space-3xl);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-height:100%;padding:32px;display:grid}.compare-card,.compare-empty{border:1px solid var(--line);border-radius:var(--radius-4xl);min-height:480px;padding:var(--space-2xl);background:#090909}.compare-card{gap:var(--space-xl);grid-template-rows:auto 1fr auto;display:grid}.compare-card header{color:var(--muted);font-size:var(--text-md);justify-content:space-between;display:flex}.compare-card__art{place-items:center;min-height:390px;display:grid}.compare-card__art svg{width:min(100%,280px);max-height:420px}.compare-card small{color:var(--dim)}.compare-empty{color:var(--muted);text-align:center;place-items:center;display:grid}@media (width<=900px){.compare-grid{grid-template-columns:1fr}}.chat__thread::-webkit-scrollbar{width:8px}.girdiler__body::-webkit-scrollbar{width:8px}.copy-canvas::-webkit-scrollbar{width:8px}.workspace__right>:not(.design-rail)::-webkit-scrollbar{width:8px}.chat__thread::-webkit-scrollbar-thumb{border-radius:var(--radius-lg);background:#1c1c1c}.girdiler__body::-webkit-scrollbar-thumb{border-radius:var(--radius-lg);background:#1c1c1c}.copy-canvas::-webkit-scrollbar-thumb{border-radius:var(--radius-lg);background:#1c1c1c}.workspace__right>:not(.design-rail)::-webkit-scrollbar-thumb{border-radius:var(--radius-lg);background:#1c1c1c}.topbar__right{align-items:center;gap:var(--space-md);flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;min-width:0;margin-left:auto;display:flex}.topbar__sync{font-size:var(--text-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.auth-panel{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.auth-panel--compact{font-size:var(--text-md)}.auth-panel__credits{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-md);color:var(--text,var(--ink-700));background:var(--surface-2,var(--surface-300));border:1px solid var(--line);border-radius:var(--radius-pill);padding:var(--space-3xs) var(--space-sm);cursor:pointer;align-items:center;text-decoration:none;display:inline-flex}.auth-panel__guest{color:var(--muted);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;max-width:120px;line-height:1.3;overflow:hidden}.auth-panel__email{color:var(--muted);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.auth-panel__input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-lg);font-size:var(--text-md);outline:none;min-width:120px}.auth-panel__input:focus{border-color:var(--line-500)}.auth-panel__error{color:var(--accent);font-size:var(--text-sm);width:100%}.auth-panel__error--banner{white-space:normal;max-width:280px;line-height:1.35}@media (width<=900px){.auth-panel__error--banner{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:180px;display:-webkit-box;overflow:hidden}}.auth-panel--form{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-3xl);padding:var(--space-sm);max-width:min(520px,92vw)}.auth-overlay{z-index:70;padding:var(--space-4xl) var(--space-2xl);background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--surface-2,var(--surface-250));border:1px solid var(--line);border-radius:var(--radius-panel);width:min(400px,94vw);padding:20px 20px var(--space-3xl);gap:var(--space-md);flex-direction:column;display:flex;box-shadow:0 20px 56px #0000008c}.auth-modal__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.auth-modal__title{font-size:var(--text-5xl);letter-spacing:-.02em;margin:0;font-weight:650}.auth-modal__lead{margin:0 0 var(--space-2xs);font-size:var(--text-lg);color:var(--muted);line-height:1.45}.auth-modal__input{box-sizing:border-box;background:var(--surface,var(--surface-150));border:1px solid var(--line);border-radius:var(--radius-2xl);width:100%;padding:11px var(--space-xl);font-size:var(--text-xl);color:inherit;outline:none}.auth-modal__input:focus{border-color:#555}.auth-modal__submit{margin-top:var(--space-2xs);border-radius:var(--radius-pill);padding:11px var(--space-2xl);font-size:var(--text-xl);color:#0a0a0a;cursor:pointer;background:#f4f1ea;border:none;font-weight:650}.auth-modal__submit:disabled{opacity:.6;cursor:not-allowed}.auth-modal__switch{justify-content:center;display:flex}.auth-modal__guest{color:var(--muted);font-size:var(--text-md);cursor:pointer;padding:var(--space-xs);text-underline-offset:3px;background:0 0;border:none;text-decoration:underline}.billing-panel{z-index:40;background:var(--surface-2,var(--surface-250));border:1px solid var(--line);border-radius:var(--radius-4xl);width:min(360px,92vw);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000073}.billing-panel__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.billing-panel__hint{font-size:var(--text-sm);color:var(--muted);margin:0;line-height:1.4}.billing-panel__packs{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.billing-panel__pack{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--surface,var(--surface-150));display:flex}.billing-panel__pack-label{font-weight:600;font-size:var(--text-lg)}.billing-panel__pack-price{font-size:var(--text-md);color:var(--muted);font-variant-numeric:tabular-nums}.billing-panel__buy{white-space:nowrap}.billing-panel__plans{font-size:var(--text-md);color:var(--muted)}.billing-panel__plans-title{color:var(--text,var(--ink-700));margin-bottom:var(--space-xs);font-weight:600}.billing-panel__plans ul{padding-left:var(--space-2xl);gap:var(--space-xs);flex-direction:column;margin:0;display:flex}.billing-panel__plan-desc{font-size:var(--text-sm);opacity:.85}.billing-panel__note{font-size:var(--text-md);color:var(--confirm);margin:0}.billing-panel__error{font-size:var(--text-md);color:var(--accent);margin:0}.mock-pay{max-width:420px;padding:var(--space-4xl);border:1px solid var(--line);border-radius:var(--radius-4xl);background:var(--surface-2,var(--surface-250));gap:var(--space-lg);flex-direction:column;margin:12vh auto;display:flex}.mock-pay h1{font-size:var(--text-5xl);margin:0}.dash-overlay{z-index:60;padding:48px var(--space-2xl);background:#0000008c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow:auto}.dash-panel{background:var(--surface-2,var(--surface-250));border:1px solid var(--line);border-radius:var(--radius-4xl);width:min(640px,96vw);padding:var(--space-2xl) var(--space-3xl);gap:var(--space-xl);flex-direction:column;margin-bottom:40px;display:flex;box-shadow:0 16px 48px #00000080}.dash-panel--admin{width:min(860px,96vw)}.dash-panel--wide{width:min(980px,96vw)}.dash-tabs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.dash-tab{border:1px solid var(--line);color:inherit;border-radius:var(--radius-pill);padding:var(--space-2xs) var(--space-md);font-size:var(--text-md);cursor:pointer;background:0 0}.dash-tab--on{background:var(--cream,#f5f0e6);color:#111;border-color:#0000}.dash-panel__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.dash-section{gap:var(--space-sm);flex-direction:column;display:flex}.dash-section__title{font-size:var(--text-lg);margin:0;font-weight:600}.dash-section__row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.dash-profile{gap:var(--space-sm) var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0;display:grid}.dash-profile dt{font-size:var(--text-sm);color:var(--muted)}.dash-profile dd{margin:var(--space-3xs) 0 0;font-size:var(--text-lg)}.dash-list{gap:var(--space-xs);font-size:var(--text-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dash-list>li{align-items:center;gap:var(--space-sm) var(--space-lg);padding:var(--space-sm) var(--space-md);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface,var(--surface-150));flex-wrap:wrap;display:flex}.dash-list--projects>li{justify-content:space-between}.dash-project__meta{gap:var(--space-3xs);flex-direction:column;min-width:0;display:flex}.dash-project__actions{gap:var(--space-xs);display:flex}.dash-muted{color:var(--muted);font-size:var(--text-sm)}.dash-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-sm)}.dash-pos{color:var(--confirm);font-variant-numeric:tabular-nums}.dash-neg{color:#f0a0a0;font-variant-numeric:tabular-nums}.dash-stats{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=640px){.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-stat{border:1px solid var(--line);border-radius:var(--radius-2xl);padding:var(--space-md) var(--space-lg);background:var(--surface,var(--surface-150));gap:var(--space-2xs);flex-direction:column;display:flex}.dash-stat__n{font-size:var(--text-4xl);font-variant-numeric:tabular-nums;font-weight:700}.dash-stat__l{font-size:var(--text-sm);color:var(--muted)}.dash-adjust{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.dash-table-wrap{border:1px solid var(--line);border-radius:var(--radius-2xl);max-height:280px;overflow:auto}.dash-table{border-collapse:collapse;width:100%;font-size:var(--text-md)}.dash-table th,.dash-table td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--line);white-space:nowrap}.dash-table th{background:var(--surface-2,var(--surface-250));font-weight:600;font-size:var(--text-sm);color:var(--muted);position:sticky;top:0}.dash-table tbody tr:last-child td{border-bottom:none}.dash-buckets{gap:var(--space-lg);margin:var(--space-sm) 0 var(--space-lg);flex-wrap:wrap;display:flex}.dash-bucket{gap:var(--space-3xs);padding:var(--space-sm) var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2,var(--surface-250));flex-direction:column;min-width:80px;display:flex}.dash-bucket__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.6}.dash-bucket__value{font-size:var(--text-4xl);font-variant-numeric:tabular-nums;font-weight:600}.dash-subscription{justify-content:space-between;align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2,var(--surface-250));font-size:var(--text-md);display:flex}.dash-input--mini{width:48px;padding:var(--space-3xs) var(--space-2xs);font-size:var(--text-md);font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:var(--radius-sm);color:inherit;background:0 0}.billing-panel__subscription{justify-content:space-between;align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2,var(--surface-250));display:flex}.billing-panel__sub-info{font-size:var(--text-md)}.billing-panel__plan{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--line);display:flex}.billing-panel__plan:last-child{border-bottom:none}.dirchoice{gap:var(--space-3xl);flex-direction:column;flex:auto;min-height:0;padding:26px 30px 30px;display:flex;overflow-y:auto;container-type:inline-size}.dirchoice__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4xl);flex:none;display:flex}.dirchoice__eyebrow{margin:0 0 var(--space-xs);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.dirchoice__title{font-family:var(--serif);color:var(--fg);margin:0;font-size:30px;font-weight:400;line-height:1.12}.dirchoice__sub{margin:var(--space-sm) 0 0;max-width:62ch;font-size:var(--text-lg);color:var(--muted);line-height:1.55}.dirchoice__actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;flex:none;justify-content:flex-end;display:flex}.dirchoice__swap{border:1px dashed var(--line);color:var(--muted);border-radius:var(--radius-pill);padding:9px var(--space-3xl);font-size:var(--text-md);cursor:pointer;transition:border-color var(--dur-state) var(--ease-out), color var(--dur-state) var(--ease-out);background:0 0;flex:none}.dirchoice__swap:hover:not(:disabled){border-color:var(--line-400);color:var(--fg)}.dirchoice__swap:disabled{opacity:.45;cursor:default}.dirchoice__keep{border:1px solid var(--line);color:var(--muted);border-radius:var(--radius-pill);padding:9px var(--space-3xl);font-size:var(--text-md);cursor:pointer;transition:border-color var(--dur-state) var(--ease-out), color var(--dur-state) var(--ease-out);background:0 0;flex:none}.dirchoice__keep:hover:not(:disabled){border-color:var(--line-400);color:var(--fg)}.dirchoice__keep:disabled{opacity:.45;cursor:default}.dirchoice__grid{gap:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin:0;padding:0;list-style:none;display:grid}@container (width>=680px){.dirchoice__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dirchoice__grid>li{display:flex}.dirchoice__card{gap:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-3xl);background:var(--surface);padding:var(--space-lg) var(--space-lg) var(--space-xl);text-align:left;color:var(--fg);cursor:pointer;transition:border-color var(--dur-state) var(--ease-out), background var(--dur-state) var(--ease-out), transform var(--dur-state) var(--ease-out);flex-direction:column;flex:auto;display:flex}.dirchoice__card:hover:not(:disabled){border-color:var(--line-450);background:var(--surface-2);transform:translateY(-2px)}.dirchoice__card:disabled{opacity:.5;cursor:default}.dirchoice__card.is-current{border-color:var(--accent)}.dirchoice__faceWrap{border-radius:var(--radius-lg);background:var(--canvas);display:block;position:relative;overflow:hidden}.dirchoice__face{width:100%;line-height:0;display:block}.dirchoice__face svg{width:100%;height:auto;display:block}.dirchoice__badge{padding:3px var(--space-sm);border-radius:var(--radius-pill);color:var(--ink-900);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;background:#000000b8;position:absolute;top:8px;left:8px}.dirchoice__meta{flex-direction:column;gap:5px;min-height:0;display:flex}.dirchoice__name{font-size:var(--text-xl);color:var(--fg);align-items:baseline;gap:7px;font-weight:600;display:flex}.dirchoice__index{border-radius:var(--radius-circle);border:1px solid var(--line);min-width:17px;height:17px;font-size:var(--text-2xs);color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.dirchoice__desc{color:var(--muted);font-size:11.5px;line-height:1.5}.dirchoice__tone{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.dirchoice__cta{padding-top:var(--space-md);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--line-soft);margin-top:auto}.dirchoice__card:hover:not(:disabled) .dirchoice__cta,.dirchoice__card.is-current .dirchoice__cta{color:var(--accent)}@media (width<=1100px){.dirchoice{padding:20px}.dirchoice__title{font-size:var(--text-6xl)}}.coach{z-index:90;pointer-events:none;position:fixed;inset:0}.coach__ring{border-radius:var(--radius-2xl);box-shadow:var(--shadow-scrim);outline:2px solid var(--accent);outline-offset:0;transition:top var(--dur-surface) var(--ease-in-out), left var(--dur-surface) var(--ease-in-out), width var(--dur-surface) var(--ease-in-out), height var(--dur-surface) var(--ease-in-out);position:fixed}.coach__card{pointer-events:auto;border-radius:var(--radius-3xl);padding:var(--space-2xl) var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-raised);background:#0d0d0d;border:1px solid #2c2c2c;position:fixed}.coach__count{margin:0 0 var(--space-sm);font-size:var(--text-xs);letter-spacing:.18em;color:var(--accent)}.coach__title{margin:0 0 var(--space-xs);font-size:var(--text-2xl);color:var(--fg);font-weight:600}.coach__body{margin:0 0 var(--space-xl);color:var(--muted);font-size:12.5px;line-height:1.55}.coach__actions{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.coach__skip{color:var(--ink-400);font-size:var(--text-md);padding:var(--space-md) var(--space-sm);cursor:pointer;background:0 0;border:0}.coach__skip:hover{color:var(--muted)}.coach__next{border:1px solid var(--fg);background:var(--fg);color:var(--ink-000);border-radius:var(--radius-pill);padding:var(--space-md) var(--space-3xl);font-size:var(--text-md);cursor:pointer;font-weight:600}.coach__next:hover{background:#e6e6e6}.auth-form{z-index:60;gap:var(--space-md);width:264px;padding:var(--space-2xl);border:1px solid var(--line);border-radius:var(--radius-3xl);box-shadow:var(--shadow-raised);text-align:left;background:#0b0b0b;flex-direction:column;display:flex;position:absolute;top:46px;right:0}.auth-form__title{font-size:var(--text-lg);color:var(--fg);margin:0;font-weight:600}.auth-form__row{gap:var(--space-2xs);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);flex-direction:column;display:flex}.auth-form__input{border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--fg);padding:var(--space-sm) var(--space-md);font-size:var(--text-lg);letter-spacing:normal;text-transform:none;background:#050505;font-family:inherit}.auth-form__input:focus{border-color:var(--line-450);outline:none}.auth-form__actions{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-3xs);display:flex}.auth-form__submit{border:1px solid var(--fg);background:var(--fg);color:var(--ink-000);border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-3xl);font-size:var(--text-md);cursor:pointer;font-weight:600}.auth-form__submit:disabled{opacity:.5;cursor:default}.auth-form__switch{color:var(--muted);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2xs) 0;background:0 0;border:0}.auth-form__switch:hover{color:var(--fg)}.auth-form__error{font-size:var(--text-sm);color:var(--alert);line-height:1.45}.auth-panel{position:relative}.composer__note{margin:0 0 var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);color:#e0c48a;font-size:var(--text-md);background:#171208;border:1px solid #3a2f22;line-height:1.5}.prod__proof{justify-content:space-between;align-items:center;gap:var(--space-2xl);margin:var(--space-xl) 0 var(--space-xs);padding:var(--space-lg) var(--space-xl);border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--surface);transition:border-color var(--dur-surface) var(--ease-out), background-color var(--dur-surface) var(--ease-out);display:flex}.prod__proof.is-on{background:#0d130f;border-color:#2f4a34}.prod__proof strong{font-size:var(--text-lg);color:var(--fg);display:block}.prod__proof small{color:var(--muted);margin-top:3px;font-size:11.5px;line-height:1.5;display:block}.prod__proof.is-on strong{color:#9bd2a8}@media (width<=1100px){:root{--left:min(460px, 44vw)}}@media (width<=820px){.topbar{row-gap:var(--space-sm);height:auto;min-height:56px;padding-block:var(--space-sm);flex-wrap:wrap;max-width:100%}.topbar__right{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto}.topbar__right::-webkit-scrollbar{display:none}.copy-canvas{flex:auto;width:100%;max-width:none}.direction-offer,.direction-offer__rail{overscroll-behavior-x:contain;min-width:0;max-width:100%;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.workspace__canvas,.art-svg{transition-duration:1ms}.engine-wait__bar:after{animation:none}.engine-wait__bar{opacity:.6}.direction-tile:hover:not(:disabled){transform:none}}.zip-confirm{margin-top:var(--space-2xl);padding:var(--space-2xl);background:var(--surface-200);border:1px solid var(--line-200);border-radius:var(--radius-panel);box-shadow:var(--shadow-raised)}.zip-confirm h3{margin:0 0 var(--space-sm);font-family:var(--serif);font-size:var(--text-5xl);color:var(--fg);font-weight:400}.zip-confirm__price{margin:0 0 var(--space-2xs);font-size:var(--text-lg);color:var(--fg)}.zip-confirm__note{margin:0 0 var(--space-2xl);font-size:var(--text-md);color:var(--muted)}.zip-confirm__list{margin:0 0 var(--space-lg);gap:var(--space-md);padding:0;list-style:none;display:grid}.zip-confirm__list li{gap:var(--space-3xs);padding-left:var(--space-lg);border-left:1px solid var(--line-100);display:grid}.zip-confirm__list strong{font-size:var(--text-md);color:var(--fg);font-weight:500}.zip-confirm__list small{font-size:var(--text-sm);color:var(--muted)}.zip-confirm__proof{margin:0 0 var(--space-2xl);font-size:var(--text-sm);color:var(--alert)}.zip-confirm__proof.is-on{color:var(--confirm)}.zip-confirm__actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.toastx{align-items:flex-start;gap:var(--space-lg);width:360px;max-width:calc(100vw - var(--space-4xl));padding:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-2xl);background:var(--surface-200);border:1px solid var(--line-200);border-left:2px solid var(--line-400);border-radius:var(--radius-4xl);box-shadow:var(--shadow-popover);display:flex}.toastx--error{border-left-color:var(--alert)}.toastx--success{border-left-color:var(--confirm)}.toastx__body{gap:var(--space-3xs);flex:auto;min-width:0;display:grid}.toastx__body strong{font-size:var(--text-lg);color:var(--fg);font-weight:500}.toastx__body small{font-size:var(--text-md);color:var(--muted);line-height:1.5}.toastx__action{flex:none;align-self:center}.toastx__close{border-color:#0000;flex:none;width:24px;height:24px}.toastx__close:hover{border-color:var(--line-300)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible,[role=option]:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--focus-ring)}.composer__input:focus-visible,.copy-canvas__field input:focus-visible,.copy-canvas__field textarea:focus-visible,.auth-panel__input:focus-visible,.auth-modal__input:focus-visible,.auth-form__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.art-svg [contenteditable]:focus-visible{outline-offset:1px}.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}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}html,body,#root,.app{height:100dvh}.chat__thread,.copy-canvas,.workspace__right,.girdiler__body{overscroll-behavior:contain}button,a,[role=button],[role=option],[role=tab]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (pointer:coarse){input,textarea,select{font-size:16px}}@media not all and (hover:hover) and (pointer:fine){.send-btn:not(:disabled):hover,.direction-tile:hover:not(:disabled),.dirchoice__card:hover:not(:disabled),.tcard:hover{transform:none}}.ghost-btn,.icon-btn,.tabs__btn,.style-chip,.send-btn,.surface-switch button,.direction-offer__all,.rating__stars button,.rating__tags button,.coach__next,.coach__skip,.dirchoice__swap,.dirchoice__keep{transition:transform .12s var(--ease-out), border-color var(--dur-state) var(--ease-out), background-color var(--dur-state) var(--ease-out), color var(--dur-state) var(--ease-out)}.ghost-btn:active:not(:disabled),.icon-btn:active:not(:disabled),.tabs__btn:active:not(:disabled),.style-chip:active:not(:disabled),.send-btn:active:not(:disabled),.surface-switch button:active:not(:disabled),.direction-offer__all:active:not(:disabled),.rating__stars button:active,.rating__tags button:active,.coach__next:active,.coach__skip:active,.dirchoice__swap:active:not(:disabled),.dirchoice__keep:active:not(:disabled){transform:scale(.97)}.dirchoice__card:active:not(:disabled),.direction-tile:active:not(:disabled){transform:scale(.99)}.topbar-popover{transform-origin:0 0;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out)}@starting-style{.topbar-popover{opacity:0;transform:scale(.97)translateY(-4px)}}@media (prefers-reduced-motion:reduce){.ghost-btn:active:not(:disabled),.icon-btn:active:not(:disabled),.tabs__btn:active:not(:disabled),.style-chip:active:not(:disabled),.send-btn:active:not(:disabled),.surface-switch button:active:not(:disabled),.direction-offer__all:active:not(:disabled),.rating__stars button:active,.rating__tags button:active,.coach__next:active,.coach__skip:active,.dirchoice__card:active:not(:disabled),.direction-tile:active:not(:disabled){transform:none}.topbar-popover,.coach__ring{transition-duration:1ms}}.studio{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;display:grid}.idbar{align-items:center;gap:var(--space-2xl);height:52px;padding:0 var(--space-2xl) 0 var(--space-3xl);border-bottom:1px solid var(--line);flex-shrink:0;min-width:0;display:flex}.idbar__project{font-size:var(--text-md);color:var(--ink-600);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.idbar__right{align-items:center;gap:var(--space-md);min-width:0;margin-left:auto;display:flex}.idbar__sync{font-size:var(--text-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.studio__body{grid-template-columns:152px minmax(0,1fr);min-width:0;min-height:0;display:grid}.studio__body.has-side{grid-template-columns:152px minmax(0, 1fr) var(--side-w,380px)}.rail{border-right:1px solid var(--line);background:var(--surface-050);overscroll-behavior:contain;padding:var(--space-lg) 0 var(--space-4xl);gap:var(--space-2xl);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.rail__group{flex-direction:column;display:flex}.rail__group--tools{padding-top:var(--space-2xl);border-top:1px solid var(--line-soft);margin-top:auto}.rail__title{font-size:var(--text-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);padding:0 var(--space-2xl) var(--space-sm)}.rail__item{align-items:center;gap:var(--space-md);width:100%;color:var(--muted);font-size:var(--text-md);text-align:left;padding:var(--space-md) var(--space-2xl) var(--space-md) calc(var(--space-2xl) - 2px);background:0 0;border:0;border-left:2px solid #0000;min-height:34px;display:flex}.rail__item:disabled{opacity:.4;cursor:default}.rail__item.is-active{border-left-color:var(--accent);background:var(--surface-200);color:var(--fg)}.rail__n{font-variant-numeric:tabular-nums;font-size:var(--text-2xs);letter-spacing:.1em;color:var(--dim);flex-shrink:0}.rail__item.is-active .rail__n{color:var(--accent)}.rail__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.rail__item:hover:not(:disabled):not(.is-active){color:var(--fg);border-left-color:var(--line-500);background:var(--surface-100)}}.stage{overscroll-behavior:contain;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}@media (width>=1180px){.studio__body:not(.has-side) .preview-stack{flex-direction:row}.studio__body:not(.has-side) .direction-offer{align-items:stretch;gap:var(--space-md);width:152px;padding:var(--space-xl) var(--space-md);border-top:0;border-left:1px solid var(--line);flex-direction:column;flex:0 0 152px}.studio__body:not(.has-side) .direction-offer__head{max-width:none}.studio__body:not(.has-side) .direction-offer__rail{align-content:start;justify-items:center;gap:var(--space-xs);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden auto}.studio__body:not(.has-side) .direction-tile{width:100%;height:auto}.studio__body:not(.has-side) .direction-offer__all{padding:var(--space-md) var(--space-sm)}}@media (width<=900px){.studio__body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.rail{align-items:center;gap:var(--space-xl);border-right:0;border-bottom:1px solid var(--line);padding:0 var(--space-lg);overscroll-behavior-x:contain;scrollbar-width:none;flex-direction:row;overflow:auto hidden}.rail::-webkit-scrollbar{display:none}.rail__group{align-items:center;gap:var(--space-2xs);flex-direction:row;flex-shrink:0}.rail__group--tools{border-top:0;border-left:1px solid var(--line-soft);padding-top:0;padding-left:var(--space-xl);margin-top:0}.rail__title,.rail__n{display:none}.rail__item{padding:var(--space-md) var(--space-lg);white-space:nowrap;border-bottom:2px solid #0000;border-left:0}.rail__item.is-active{border-left:0;border-bottom-color:var(--accent)}.idbar{height:auto;min-height:48px;padding:var(--space-sm) var(--space-lg);gap:var(--space-lg)}.idbar__project{display:none}.idbar__right{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto}.idbar__right::-webkit-scrollbar{display:none}}.zoombar{align-items:center;gap:var(--space-2xs);border:1px solid var(--line);border-radius:var(--radius-pill);padding:2px var(--space-2xs);flex-shrink:0;display:inline-flex}.zoombar--faces{gap:var(--space-3xs)}.zoombar__caption{padding-left:var(--space-2xs);font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}@media (hover:hover) and (pointer:fine){.preview-stage__canvas.is-zoomed{cursor:grab}.preview-stage__canvas.is-panning{cursor:grabbing}}.zoombar__btn{width:32px;height:32px;color:var(--muted);border-radius:var(--radius-pill);transition:transform .12s var(--ease-out), color var(--dur-state) var(--ease-out);background:0 0;border:0;place-items:center;display:grid}.zoombar__btn:active:not(:disabled){transform:scale(.94)}.zoombar__btn:disabled{opacity:.35;cursor:default}.zoombar__value{text-align:center;min-width:46px;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--ink-600);letter-spacing:.04em}.zoombar__sep{background:var(--line-200);width:1px;height:16px;margin:0 var(--space-2xs)}.zoombar__mode{color:var(--muted);font-size:var(--text-sm);letter-spacing:.04em;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);min-height:32px;transition:transform .12s var(--ease-out), color var(--dur-state) var(--ease-out), background-color var(--dur-state) var(--ease-out);background:0 0;border:0}.zoombar__mode:active{transform:scale(.96)}.zoombar__mode.is-active{background:var(--surface-300);color:var(--fg)}@media (hover:hover) and (pointer:fine){.zoombar__btn:hover:not(:disabled),.zoombar__mode:hover:not(.is-active){color:var(--fg)}}.preview-stage__canvas{overscroll-behavior:contain}@media (prefers-reduced-motion:reduce){.zoombar__btn:active:not(:disabled),.zoombar__mode:active{transform:none}}.idbar--landing{background:0 0;border-bottom-color:#0000}.repertoire{width:100%;max-width:720px;margin-top:var(--space-4xl);border-top:1px solid var(--line-soft);padding-top:var(--space-2xl)}.repertoire__title{font-size:var(--text-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:var(--space-lg)}.repertoire__row{gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--line-soft);grid-template-columns:76px minmax(0,1fr);align-items:baseline;display:grid}.repertoire__family{font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.repertoire__list{gap:var(--space-2xs) var(--space-lg);font-size:var(--text-md);color:var(--ink-600);column-gap:var(--space-4xl);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.repertoire__starts{gap:var(--space-sm);margin-top:var(--space-2xl);flex-wrap:wrap;display:flex}@media (width<=640px){.repertoire__row{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}}.preview-stage__canvas.has-ruler{position:relative}.ruler{pointer-events:none;z-index:2;position:absolute;inset:0}.ruler__band{background:var(--surface-050);position:absolute}.ruler__band--x{border-bottom:1px solid var(--line-100);height:18px;top:0;left:0;right:0}.ruler__band--y{border-right:1px solid var(--line-100);width:18px;top:0;bottom:0;left:0}.ruler__tick{color:var(--ink-400);position:absolute}.ruler__band--x .ruler__tick{border-left:1px solid var(--line-300);top:0;bottom:0}.ruler__band--y .ruler__tick{border-top:1px solid var(--line-300);left:0;right:0}.ruler__tick.is-major{border-color:var(--line-500)}.ruler__n{font-size:var(--text-3xs);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;font-style:normal;position:absolute}.ruler__band--x .ruler__n{top:3px;left:3px}.ruler__band--y .ruler__n{writing-mode:vertical-rl;top:2px;left:3px}.ruler__extent{outline:1px solid var(--accent-veil);outline-offset:0;position:absolute}.side{border-left:1px solid var(--line);background:var(--surface-050);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.side__grip{cursor:ew-resize;z-index:3;touch-action:none;background:0 0;border:0;width:7px;padding:0;position:absolute;top:0;bottom:0;left:-3px}.side__grip:after{content:"";border-radius:var(--radius-pill);width:2px;height:34px;transition:background-color var(--dur-state) var(--ease-out);background:0 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.side__grip:focus-visible:after,.side__grip.is-dragging:after{background:var(--accent)}@media (hover:hover) and (pointer:fine){.side__grip:hover:after{background:var(--line-500)}}@media (pointer:coarse){.side__grip{width:18px;left:-9px}}.side__tabs{align-items:center;gap:var(--space-2xs);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);border-bottom:1px solid var(--line);scrollbar-width:none;overscroll-behavior-x:contain;flex-shrink:0;display:flex;overflow-x:auto}.side__tabs::-webkit-scrollbar{display:none}.side__tab{color:var(--muted);font-size:var(--text-md);letter-spacing:.04em;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);white-space:nowrap;min-height:32px;transition:transform .12s var(--ease-out), color var(--dur-state) var(--ease-out), background-color var(--dur-state) var(--ease-out);background:0 0;border:0;flex-shrink:0}.side__tab:active{transform:scale(.97)}.side__tab.is-active{background:var(--surface-300);color:var(--fg)}.side__close{width:32px;height:32px;color:var(--muted);border-radius:var(--radius-pill);transition:transform .12s var(--ease-out), color var(--dur-state) var(--ease-out);background:0 0;border:0;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.side__close:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.side__tab:hover:not(.is-active),.side__close:hover{color:var(--fg)}}.side__body{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.side__body>.chat{flex:1;min-height:0}.side__body>:not(.chat){padding:var(--space-2xl)}@media (prefers-reduced-motion:reduce){.side__tab:active,.side__close:active{transform:none}}@media (width<=900px){.studio__body.has-side{grid-template-rows:auto minmax(0,1fr) minmax(200px,42dvh);grid-template-columns:minmax(0,1fr)}.side{border-left:0;border-top:1px solid var(--line)}.side__grip{display:none}}