:root{--color-paper: #F9F9F9;--color-paper-raised: #FFFFFF;--color-paper-soft: #F3F4F5;--color-paper-pressed: #EAECEE;--color-sidebar: #F4F5F7;--color-workbench: #E9EBEE;--color-ink: #121212;--color-ink-soft: #3F454B;--color-muted: #666D75;--color-faint: #7B838C;--color-rule: #E6E8EB;--color-rule-strong: #D3D7DB;--color-accent: #0D6ABE;--color-accent-dark: #0B5AA1;--color-accent-soft: rgba(13, 106, 190, .09);--color-accent-ink: #FFFFFF;--color-focus: #0D6ABE;--color-success: #0B7F4F;--color-success-soft: rgba(14, 159, 99, .1);--color-warning: #9A6511;--color-warning-soft: rgba(255, 209, 60, .18);--color-danger: #D93A32;--color-danger-soft: rgba(217, 58, 50, .08);--color-product-forest: oklch(31% .064 166);--color-product-forest-dark: oklch(24% .052 166);--color-product-lime: oklch(84% .137 113);--color-product-cream: oklch(94% .036 84);--color-product-ink: oklch(20% .027 166);--color-product-front-ink: oklch(94% .036 84);--color-overlay: rgba(18, 18, 18, .5);--color-workbench-retail: oklch(93% .018 82);--color-workbench-finish: oklch(89% .018 242);--color-studio-light-neutral: oklch(99% .008 245);--color-studio-light-retail: oklch(94% .055 78);--color-studio-fill-retail: oklch(91% .035 66);--color-studio-light-finish: oklch(93% .04 225);--color-studio-fill-finish: oklch(86% .018 248);--color-studio-grid-major: oklch(54% .036 247);--color-studio-grid-minor: oklch(72% .022 247);--color-selection: #0D6ABE;--color-selection-muted: rgba(13, 106, 190, .55);--color-snap-grid: oklch(74% .055 247 / .22);--color-snap-guide: oklch(62% .2 330);--color-safe-area: oklch(78% .09 85 / .72);--color-package-edge: oklch(24% .025 166 / .22);--color-package-shadow: oklch(16% .018 166 / .2);--color-jar-plastic: oklch(95.5% .008 248);--color-jar-highlight: oklch(99.5% .003 248);--color-kraft-paper: oklch(78% .071 78);--font-ui: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ui-heading: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-display: "Space Grotesk", "Geist", ui-sans-serif, sans-serif;--font-body: "Geist", ui-sans-serif, sans-serif;--font-label-condensed: "Big Shoulders Display", "Space Grotesk", ui-sans-serif, sans-serif;--font-label-editorial: "Newsreader", ui-serif, serif;--font-label-friendly: "Bricolage Grotesque", "Geist", ui-sans-serif, sans-serif;--ui-2xs: .6875rem;--ui-xs: .75rem;--ui-sm: .8125rem;--ui-md: .875rem;--ui-base: .9375rem;--ui-lg: 1.0625rem;--ui-xl: 1.25rem;--ui-2xl: 1.5rem;--ui-display: 2.25rem;--text-xs: .75rem;--text-sm: .875rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-control: .5rem;--radius-button: .625rem;--radius-card: .875rem;--radius-pill: 999px;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--rule-hair: 1px;--shadow-float: 0 8px 24px -12px rgba(18, 18, 18, .28), 0 1px 2px rgba(18, 18, 18, .06);--shadow-popover: 0 16px 40px -16px rgba(18, 18, 18, .28), 0 2px 8px -2px rgba(18, 18, 18, .08);--shadow-modal: 0 32px 80px -24px rgba(18, 18, 18, .4);--shadow-artwork: 0 24px 60px -28px rgba(18, 18, 18, .45), 0 6px 18px -10px rgba(18, 18, 18, .2);--shadow-diffuse: 0 20px 60px -20px rgba(18, 18, 18, .12), 0 4px 16px -4px rgba(18, 18, 18, .04);--sidebar-w: 15.5rem;--panel-w: 20rem;--head-h: 3.5rem;--dock-h: 3.75rem;--control-h: 2.25rem;--control-h-lg: 2.75rem;--page-width: min(72rem, calc(100% - 3rem) );--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-micro: .12s;--dur-press: .14s;--dur-popover: .18s;--dur-short: .22s;--dur-spatial: .28s;--dur-long: .28s;--dur-drawer: .32s;--z-base: 1;--z-raised: 10;--z-float: 50;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-modal: 400;--color-blue: var(--color-accent);--color-blue-dark: var(--color-accent-dark);--color-paper-blue: var(--color-accent-soft);--color-green: var(--color-success);--color-red: var(--color-danger);--color-shadow: rgba(18, 18, 18, .06);--color-shadow-strong: rgba(18, 18, 18, .14);--color-shadow-float: rgba(18, 18, 18, .12);--color-modal-shadow: rgba(18, 18, 18, .26);--color-glass: rgba(255, 255, 255, .95);--color-stage-shadow: #121212;--color-on-accent: #FFFFFF;color-scheme:light}:root[data-theme=dark]{--color-paper: #141517;--color-paper-raised: #1C1E21;--color-paper-soft: #202327;--color-paper-pressed: #2A2E33;--color-sidebar: #17191C;--color-workbench: #0F1012;--color-ink: #F2F3F5;--color-ink-soft: #C3C8CE;--color-muted: #9AA1A9;--color-faint: #7B838C;--color-rule: #2B2F34;--color-rule-strong: #3A3F46;--color-accent: #4D9BE6;--color-accent-dark: #6FB0EE;--color-accent-soft: rgba(77, 155, 230, .16);--color-focus: #4D9BE6;--color-success: #4CC38A;--color-success-soft: rgba(76, 195, 138, .14);--color-warning: #E0A93E;--color-warning-soft: rgba(224, 169, 62, .16);--color-danger: #F0645C;--color-danger-soft: rgba(240, 100, 92, .14);--color-overlay: rgba(0, 0, 0, .6);--color-glass: rgba(28, 30, 33, .94);--color-workbench-retail: #1A1712;--color-workbench-finish: #0F1418;--color-selection: #4D9BE6;--color-selection-muted: rgba(77, 155, 230, .6);--shadow-float: 0 8px 24px -12px rgba(0, 0, 0, .7), 0 1px 2px rgba(0, 0, 0, .4);--shadow-popover: 0 16px 40px -16px rgba(0, 0, 0, .8), 0 2px 8px -2px rgba(0, 0, 0, .5);--shadow-modal: 0 32px 80px -24px rgba(0, 0, 0, .9);--shadow-diffuse: 0 20px 60px -20px rgba(0, 0, 0, .6), 0 4px 16px -4px rgba(0, 0, 0, .3);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-paper: #141517;--color-paper-raised: #1C1E21;--color-paper-soft: #202327;--color-paper-pressed: #2A2E33;--color-sidebar: #17191C;--color-workbench: #0F1012;--color-ink: #F2F3F5;--color-ink-soft: #C3C8CE;--color-muted: #9AA1A9;--color-faint: #7B838C;--color-rule: #2B2F34;--color-rule-strong: #3A3F46;--color-accent: #4D9BE6;--color-accent-dark: #6FB0EE;--color-accent-soft: rgba(77, 155, 230, .16);--color-focus: #4D9BE6;--color-success: #4CC38A;--color-success-soft: rgba(76, 195, 138, .14);--color-warning: #E0A93E;--color-warning-soft: rgba(224, 169, 62, .16);--color-danger: #F0645C;--color-danger-soft: rgba(240, 100, 92, .14);--color-overlay: rgba(0, 0, 0, .6);--color-glass: rgba(28, 30, 33, .94);--color-workbench-retail: #1A1712;--color-workbench-finish: #0F1418;--color-selection: #4D9BE6;--color-selection-muted: rgba(77, 155, 230, .6);--shadow-float: 0 8px 24px -12px rgba(0, 0, 0, .7), 0 1px 2px rgba(0, 0, 0, .4);--shadow-popover: 0 16px 40px -16px rgba(0, 0, 0, .8), 0 2px 8px -2px rgba(0, 0, 0, .5);--shadow-modal: 0 32px 80px -24px rgba(0, 0, 0, .9);--shadow-diffuse: 0 20px 60px -20px rgba(0, 0, 0, .6), 0 4px 16px -4px rgba(0, 0, 0, .3);color-scheme:dark}}:root:lang(ja){--font-ui: "Satoshi", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;--font-ui-heading: var(--font-ui)}:root:lang(ko){--font-ui: "Satoshi", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-ui-heading: var(--font-ui)}:root:lang(th){--font-ui: "Satoshi", "Thonburi", "Noto Sans Thai", "Leelawadee UI", sans-serif;--font-ui-heading: var(--font-ui)}:root:lang(ja),:root:lang(ko),:root:lang(th){--ui-line: 1.6}*,*:before,*:after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{min-height:100%;margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--ui-md);line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}#app{min-height:100dvh}h1,h2,h3,h4,p,dl,dd,dt,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{padding:0;border:0;background:none;cursor:pointer;text-align:inherit}button:disabled{cursor:not-allowed}img,svg,canvas,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}small{font-size:var(--ui-xs)}strong,b{font-weight:600}em{font-style:normal}[hidden]{display:none!important}i[data-lucide]{display:inline-block;flex:0 0 auto}svg.lucide{flex:0 0 auto}::selection{background:var(--color-accent-soft);color:var(--color-ink)}.label-canvas ::selection,.ad-stage ::selection{background:var(--color-product-lime);color:var(--color-product-ink)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0}*{scrollbar-width:thin;scrollbar-color:var(--color-rule-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-pill);background:var(--color-rule-strong);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-muted);background-clip:content-box}.visually-hidden,.live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.is-warn{color:var(--color-warning)}.is-ok{color:var(--color-success)}.is-danger{color:var(--color-danger)}.button{display:inline-flex;min-height:var(--control-h-lg);align-items:center;justify-content:center;gap:var(--space-xs);padding:0 var(--space-md);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-button);background:var(--color-paper-raised);color:var(--color-ink);font-size:var(--ui-sm);font-weight:600;line-height:1.2;white-space:nowrap;transition:background var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.button:hover{background:var(--color-paper-soft);border-color:var(--color-rule-strong)}.button:active{transform:translateY(1px)}.button:disabled{color:var(--color-faint);background:var(--color-paper-soft);border-color:var(--color-rule);transform:none}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.button--primary:hover{border-color:var(--color-accent-dark);background:var(--color-accent-dark)}.button--primary:disabled{border-color:var(--color-rule);background:var(--color-paper-pressed);color:var(--color-faint)}.button--quiet{border-color:transparent;background:transparent;color:var(--color-ink-soft)}.button--quiet:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.button--danger{color:var(--color-danger)}.button--danger:hover{border-color:var(--color-danger);background:var(--color-danger-soft)}.button--small{min-height:var(--control-h);padding:0 var(--space-sm);font-size:var(--ui-xs);border-radius:var(--radius-control)}.button--full{width:100%}.button.is-loading{color:transparent;pointer-events:none}.icon-button{display:inline-grid;width:var(--control-h);height:var(--control-h);flex:0 0 auto;place-items:center;border-radius:var(--radius-control);color:var(--color-ink-soft);transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.icon-button:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.icon-button:disabled{color:var(--color-faint);background:transparent}.icon-button--danger:hover{background:var(--color-danger-soft);color:var(--color-danger)}.text-link{display:inline;padding:0;color:var(--color-accent);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:transparent;transition:text-decoration-color var(--dur-micro) var(--ease-out)}.text-link:hover{text-decoration-color:currentColor}.segmented{display:inline-flex;padding:3px;gap:2px;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-button);background:var(--color-paper-soft)}.segmented>button{display:inline-flex;min-height:calc(var(--control-h) - 8px);align-items:center;justify-content:center;padding:0 var(--space-sm);border-radius:calc(var(--radius-button) - 3px);color:var(--color-ink-soft);font-size:var(--ui-xs);font-weight:600;white-space:nowrap;transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.segmented>button:hover{color:var(--color-ink)}.segmented>button.is-active{background:var(--color-paper-raised);color:var(--color-ink);box-shadow:0 1px 2px #12121214,0 0 0 1px var(--color-rule)}.segmented--full{display:flex;width:100%}.segmented--full>button{flex:1 1 0;min-width:0}.tool-button{display:inline-flex;min-height:var(--control-h);align-items:center;gap:var(--space-2xs);padding:0 var(--space-sm) 0 var(--space-xs);border-radius:var(--radius-control);color:var(--color-ink-soft);font-size:var(--ui-xs);font-weight:600;white-space:nowrap;transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.tool-button:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.tool-button.is-active{background:var(--color-accent-soft);color:var(--color-accent-dark)}.tool-button--add{color:var(--color-ink)}.tool-sep{width:1px;height:1.25rem;margin:0 var(--space-2xs);background:var(--color-rule)}.tool-note{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-xs);color:var(--color-muted);font-size:var(--ui-xs);white-space:nowrap}.tool-cluster{display:inline-flex;align-items:center;gap:2px}.zoom-readout{min-width:3rem;color:var(--color-ink-soft);font-family:var(--font-mono);font-size:var(--ui-xs);font-variant-numeric:tabular-nums;text-align:center}.menu-select{position:relative}.menu-select-popover{position:absolute;z-index:var(--z-dropdown);top:calc(100% + 6px);left:0;display:grid;width:max-content;min-width:13rem;max-width:min(22rem,calc(100vw - 2rem));max-height:min(28rem,calc(100dvh - 8rem));overflow:auto;padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-raised);box-shadow:var(--shadow-popover);transform-origin:top left;animation:gv-pop var(--dur-popover) var(--ease-out)}.menu-select-popover--end{right:0;left:auto;transform-origin:top right}.menu-select-popover--up{top:auto;bottom:calc(100% + 6px);transform-origin:bottom left}.menu-primary{width:100%;min-height:var(--control-h-lg);margin-bottom:var(--space-2xs)}.menu-select-group{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);padding:var(--space-sm) var(--space-sm) var(--space-2xs);color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600}.menu-select-group em{color:var(--color-success);font-weight:500}.menu-select-rule{display:block;height:1px;margin:var(--space-2xs) var(--space-xs);background:var(--color-rule)}.menu-select-option{display:flex;width:100%;min-height:var(--control-h);align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-control);color:var(--color-ink);font-size:var(--ui-sm);text-align:left;transition:background var(--dur-micro) var(--ease-out)}.menu-select-option>span{min-width:0;flex:1 1 auto}.menu-select-option>svg:first-child{color:var(--color-muted)}.menu-select-option>svg:last-child:not(:first-child){color:var(--color-accent)}.menu-select-option:hover{background:var(--color-paper-pressed)}.menu-select-option.is-active{background:var(--color-accent-soft);color:var(--color-accent-dark)}.menu-select-option.is-active>svg:first-child{color:var(--color-accent-dark)}.menu-select-option[data-danger=true]{color:var(--color-danger)}.menu-select-option[data-danger=true]>svg:first-child{color:var(--color-danger)}.menu-select-option[data-danger=true]:hover{background:var(--color-danger-soft)}.menu-select-option:disabled{color:var(--color-faint)}.menu-select-option--action{color:var(--color-accent-dark);font-weight:600}.menu-select-option--action>svg:first-child{color:var(--color-accent-dark)}.menu-select-option--described>span strong,.menu-select-option--described>span small{display:block}.menu-select-option--described>span small{color:var(--color-muted);font-size:var(--ui-2xs)}.menu-select-footer{padding:var(--space-sm) var(--space-sm) var(--space-xs);border-top:var(--rule-hair) solid var(--color-rule);margin-top:var(--space-2xs);color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.45}.field{display:grid;gap:var(--space-2xs);min-width:0}.field>span{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);color:var(--color-ink-soft);font-size:var(--ui-xs);font-weight:600}.field>span em{color:var(--color-muted);font-weight:500}.field>small{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.45}.field input,.field select,.field textarea,.guide-input-row input,.guide-input-row textarea{width:100%;min-height:var(--control-h);padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-control);background:var(--color-paper-raised);color:var(--color-ink);font-size:var(--ui-sm);transition:border-color var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.field textarea,.guide-input-row textarea{padding:var(--space-xs) var(--space-sm);line-height:1.45;resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.guide-input-row input:focus-visible,.guide-input-row textarea:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.field input:disabled{color:var(--color-faint);background:var(--color-paper-soft)}.field input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.field select{appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666D75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs) var(--space-sm)}.field-grid .field{grid-template-columns:1.25rem minmax(0,1fr);align-items:center;gap:var(--space-xs)}.field-grid .field>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--ui-2xs)}::placeholder{color:var(--color-faint);opacity:1}.check-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-sm);cursor:pointer}.check-row input{width:1rem;height:1rem;margin:.15rem 0 0;accent-color:var(--color-accent)}.check-row strong,.check-row small{display:block}.check-row strong{font-size:var(--ui-sm)}.check-row small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.45}.meta-list{display:grid;gap:var(--space-xs)}.meta-list>div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:var(--space-sm);align-items:baseline}.meta-list dt{color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600}.meta-list dd{min-width:0;color:var(--color-ink);font-size:var(--ui-xs);overflow-wrap:anywhere}.meta-quote{color:var(--color-ink-soft);font-style:italic}.option-list{display:grid;gap:var(--space-2xs)}.option-row{display:flex;min-height:var(--control-h-lg);align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-raised);color:var(--color-ink);font-size:var(--ui-sm);font-weight:500;text-align:left;transition:background var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.option-row small{color:var(--color-muted);font-size:var(--ui-2xs);white-space:nowrap}.option-row:hover{background:var(--color-paper-soft)}.option-row.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-dark)}.option-row.is-active small{color:var(--color-accent-dark)}.option-row:disabled{color:var(--color-faint);background:var(--color-paper-soft)}.switch-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-md);text-align:left}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:var(--ui-sm)}.switch-row small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.4}.switch{position:relative;display:block;width:2.25rem;height:1.25rem;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-rule-strong);transition:background var(--dur-short) var(--ease-out)}.switch:after{position:absolute;top:2px;left:2px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);border-radius:50%;background:var(--color-paper-raised);box-shadow:0 1px 2px #12121233;content:"";transition:transform var(--dur-short) var(--ease-out)}.switch.is-on{background:var(--color-accent)}.switch.is-on:after{transform:translate(1rem)}.drift{display:grid;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-danger);border-radius:var(--radius-card);background:var(--color-danger-soft)}.drift-flag{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-danger);font-size:var(--ui-xs);font-weight:600}.drift-dot{width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;background:currentColor}.drift-diff{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:var(--space-2xs) var(--space-sm);font-size:var(--ui-xs)}.drift-diff dt{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--ui-2xs);text-transform:uppercase;letter-spacing:.06em}.drift-diff dd{overflow-wrap:anywhere}.drift-was{color:var(--color-muted);text-decoration:line-through}.drift-now{color:var(--color-ink);font-weight:600}.drift-source{color:var(--color-muted);font-size:var(--ui-2xs)}@keyframes gv-pop{0%{opacity:0;transform:scale(.98) translateY(-2px)}to{opacity:1;transform:none}}@keyframes gv-spin{to{transform:rotate(360deg)}}@keyframes gv-shimmer{to{transform:translate(100%)}}.studio-shell--paste{display:flex;min-height:100dvh;flex-direction:column;background:var(--color-paper)}.site-header{width:var(--page-width);margin:0 auto}.site-nav{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between;gap:var(--space-md)}.site-logo img{height:2rem;width:auto}.site-nav-links{display:flex;align-items:center;gap:var(--space-lg)}.site-nav-link{position:relative;padding:var(--space-xs) 0;color:var(--color-ink-soft);font-size:var(--ui-sm);font-weight:600}.site-nav-link:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--color-ink);content:"";transform:scaleX(0);transform-origin:left;transition:transform var(--dur-short) var(--ease-out)}.site-nav-link:hover:after{transform:scaleX(1)}.site-nav-link--product{color:var(--color-accent)}.site-nav-link--product:after{background:var(--color-accent)}.entry{flex:1 1 auto;display:grid;place-items:start center;padding:clamp(2rem,8vh,5rem) 0 var(--space-3xl)}.entry-column{width:min(44rem,calc(100% - 2rem));display:grid;gap:var(--space-lg)}.entry-title{max-width:24ch;font-family:var(--font-ui-heading);font-size:clamp(1.5rem,1rem + 2.4vw,2.25rem);font-weight:700;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.entry-sub{max-width:58ch;margin-top:calc(var(--space-sm) * -1);color:var(--color-ink-soft);font-size:var(--ui-base);line-height:1.55}.composer{display:grid;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-paper-raised);box-shadow:var(--shadow-diffuse);transition:border-color var(--dur-micro) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.composer:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-diffuse),0 0 0 3px var(--color-accent-soft)}.composer textarea{width:100%;min-height:7.5rem;max-height:42vh;padding:var(--space-md) var(--space-lg) var(--space-xs);border:0;border-radius:inherit;background:transparent;color:var(--color-ink);font-size:var(--ui-base);line-height:1.55;resize:none;overflow:auto}.composer textarea:focus-visible{outline:none}.composer-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-lg)}.composer-readout{display:flex;align-items:baseline;gap:var(--space-xs);min-width:0;color:var(--color-muted);font-size:var(--ui-xs)}.paste-count{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--ui-sm);font-weight:600;font-variant-numeric:tabular-nums}.paste-count-label{color:var(--color-ink-soft);font-weight:600}.paste-lines{color:var(--color-muted)}.paste-lines:before{margin-right:var(--space-xs);content:"·"}.composer-send{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);transition:background var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.composer-send:hover{background:var(--color-accent-dark)}.composer-send:active{transform:scale(.96)}.composer-send:disabled{background:var(--color-paper-pressed);color:var(--color-faint)}.composer.is-busy .composer-send svg{animation:gv-spin .9s linear infinite}.paste-error{color:var(--color-danger);font-size:var(--ui-sm)}.paste-note{color:var(--color-muted);font-size:var(--ui-sm)}.paste-detected:empty{display:none}.detected-grid{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.detected-chip{display:inline-grid;max-width:16rem;padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-raised);animation:gv-pop var(--dur-short) var(--ease-out)}.detected-chip b{font-size:var(--ui-2xs);font-weight:600;color:var(--color-muted)}.detected-chip small{overflow:hidden;color:var(--color-ink);font-size:var(--ui-xs);text-overflow:ellipsis;white-space:nowrap}.detected-chip.is-low b:after,.detected-chip.is-medium b:after{margin-left:var(--space-xs);font-weight:500;color:var(--color-warning)}.detected-chip.is-medium b:after{content:"check"}.detected-chip.is-low b:after{content:"confirm"}.detected-chip.is-gap{border-style:dashed;border-color:var(--color-danger);background:transparent}.detected-chip.is-gap b{color:var(--color-danger)}.detected-chip.is-gap small{color:var(--color-ink-soft)}.entry-points{display:grid;gap:var(--space-xs)}.entry-points li{display:flex;align-items:flex-start;gap:var(--space-xs);color:var(--color-ink-soft);font-size:var(--ui-sm);line-height:1.45}.entry-points li>svg{flex:0 0 auto;margin-top:.2rem;color:var(--color-success)}.entry-samples{display:grid;gap:var(--space-sm)}.entry-samples-label{color:var(--color-muted);font-size:var(--ui-xs);font-weight:600}.sample-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.sample-card{display:flex;min-height:3.5rem;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-raised);color:var(--color-muted);transition:border-color var(--dur-micro) var(--ease-out),background var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.sample-card:hover{border-color:var(--color-rule-strong);background:var(--color-paper-soft)}.sample-card:active{transform:translateY(1px)}.sample-card>span{display:grid;min-width:0}.sample-card strong{overflow:hidden;color:var(--color-ink);font-size:var(--ui-sm);text-overflow:ellipsis;white-space:nowrap}.sample-card small{color:var(--color-muted);font-size:var(--ui-2xs)}.entry-hub{color:var(--color-muted);font-size:var(--ui-sm)}.site-footer{width:var(--page-width);margin:0 auto;padding:var(--space-lg) 0 var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule)}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.footer-blurb{color:var(--color-ink-soft);font-size:var(--ui-sm)}.footer-links{display:flex;gap:var(--space-lg)}.footer-link{color:var(--color-ink-soft);font-size:var(--ui-sm);font-weight:600}.footer-link:hover{color:var(--color-ink)}.footer-meta{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--ui-2xs)}.studio{display:grid;height:100dvh;grid-template-columns:var(--sidebar-w) minmax(0,1fr);background:var(--color-paper)}.sidebar{display:flex;min-height:0;flex-direction:column;border-right:var(--rule-hair) solid var(--color-rule);background:var(--color-sidebar)}.sidebar-head{display:flex;height:var(--head-h);align-items:center;justify-content:space-between;padding:0 var(--space-md)}.sidebar-logo img{height:1.5rem;width:auto}.sidebar-close,.sidebar-scrim{display:none}.sidebar-document{display:grid;gap:var(--space-xs);margin:var(--space-2xs) var(--space-sm) var(--space-md)}.doc-trigger{display:flex;width:100%;min-height:3.25rem;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-raised);text-align:left;transition:border-color var(--dur-micro) var(--ease-out),background var(--dur-micro) var(--ease-out)}.doc-trigger:hover{border-color:var(--color-rule-strong)}.doc-trigger[aria-expanded=true]{border-color:var(--color-accent)}.doc-trigger>svg{color:var(--color-muted)}.doc-trigger-text{display:grid;min-width:0}.doc-trigger-text strong{overflow:hidden;font-size:var(--ui-sm);text-overflow:ellipsis;white-space:nowrap}.doc-trigger-text small{overflow:hidden;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--ui-2xs);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.doc-popover{width:min(19rem,calc(100vw - 2rem));min-width:0;max-width:none}.sku-option>span{display:grid;min-width:0}.sku-option>span strong{display:flex;align-items:center;gap:var(--space-xs);overflow:hidden;font-size:var(--ui-sm);text-overflow:ellipsis;white-space:nowrap}.sku-option>span small{overflow:hidden;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--ui-2xs);text-overflow:ellipsis;white-space:nowrap}.sku-option-update{padding:1px var(--space-xs);border-radius:var(--radius-pill);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--ui-2xs);font-weight:600}.demo-option{display:grid;width:100%;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:var(--space-xs);border-radius:var(--radius-card);color:var(--color-ink);text-align:left;transition:background var(--dur-micro) var(--ease-out)}.demo-option:hover{background:var(--color-paper-pressed)}.demo-option.is-active{background:var(--color-accent-soft)}.demo-option>svg{color:var(--color-muted)}.demo-option.is-active>svg{color:var(--color-accent)}.demo-tile{position:relative;display:grid;width:3.25rem;height:4rem;align-content:end;overflow:hidden;padding:.3rem .35rem;border-radius:.3rem;background:var(--tile-ground);color:var(--tile-ink);box-shadow:0 6px 14px -8px #00000080,inset 0 0 0 1px #ffffff14}.demo-tile i{position:absolute;top:0;bottom:0;left:0;width:.8rem;background:var(--tile-accent)}.demo-tile b{position:relative;margin-left:.55rem;font-family:var(--font-display);font-size:.5rem;font-weight:700;line-height:1;letter-spacing:-.02em}.demo-text{display:grid;min-width:0;line-height:1.25}.demo-text em{color:var(--color-accent);font-size:var(--ui-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.demo-text strong{overflow:hidden;font-size:var(--ui-sm);text-overflow:ellipsis;white-space:nowrap}.demo-text small{overflow:hidden;color:var(--color-muted);font-size:var(--ui-2xs);text-overflow:ellipsis;white-space:nowrap}.steps{display:grid;gap:2px;padding:0 var(--space-xs)}.step{display:grid;min-height:2.875rem;grid-template-columns:1.75rem minmax(0,1fr);align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-button);color:var(--color-ink-soft);transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.step:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.step-icon{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:var(--radius-control);color:var(--color-muted);transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.step-text{display:grid;min-width:0;line-height:1.25}.step-text strong{font-size:var(--ui-sm);font-weight:600}.step-text small{overflow:hidden;color:var(--color-muted);font-size:var(--ui-2xs);text-overflow:ellipsis;white-space:nowrap}.step-text small.is-warn{color:var(--color-warning);font-weight:600}.step-text small.is-ok{color:var(--color-success);font-weight:600}.step.is-active{background:var(--color-paper-raised);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-rule),0 1px 2px #1212120d}.step.is-active .step-icon{background:var(--color-accent);color:var(--color-on-accent)}.steps-rule{display:block;height:1px;margin:var(--space-xs) var(--space-xs);background:var(--color-rule)}.sidebar-foot{display:grid;gap:var(--space-sm);margin-top:auto;padding:var(--space-sm)}.package-trigger{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-raised);text-align:left;transition:border-color var(--dur-micro) var(--ease-out)}.package-trigger:hover{border-color:var(--color-rule-strong)}.package-trigger[aria-expanded=true]{border-color:var(--color-accent)}.package-trigger>svg{color:var(--color-muted)}.package-trigger-text{display:flex;min-width:0;align-items:baseline;gap:var(--space-xs);line-height:1.25}.package-trigger-text small{flex:0 0 auto;color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600}.package-trigger-text strong{overflow:hidden;font-size:var(--ui-sm);text-overflow:ellipsis;white-space:nowrap}.package-menu .menu-select-popover{width:min(24rem,calc(100vw - 2rem));min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-xs)}.menu-select-column{display:grid;align-content:start}.promo-card{display:grid;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-card);background:#161616;color:#f7f7f7;box-shadow:0 12px 28px -16px #00000080}.promo-kicker{display:flex;align-items:center;gap:var(--space-xs);color:#a9afb6;font-size:var(--ui-2xs);font-weight:600}.promo-kicker img{height:.9rem;width:auto;filter:brightness(0) invert(1);opacity:.9}.promo-kicker b{padding-left:var(--space-xs);border-left:1px solid #3A3F46;color:#f7f7f7}.promo-card>strong{font-size:var(--ui-base);font-weight:700;line-height:1.25;letter-spacing:-.01em}.promo-card>p{color:#c3c8ce;font-size:var(--ui-2xs);line-height:1.5}.promo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xs)}.promo-cta{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-2xs);padding:0 var(--space-sm);border-radius:var(--radius-pill);background:#f7f7f7;color:#161616;font-size:var(--ui-2xs);font-weight:700;transition:background var(--dur-micro) var(--ease-out)}.promo-cta:hover{background:#fff}.promo-actions .text-link{color:#c3c8ce;font-size:var(--ui-2xs)}.promo-actions .text-link:hover{color:#fff}:root[data-theme=dark] .promo-card{background:#0d6abe;box-shadow:none}:root[data-theme=dark] .promo-kicker,:root[data-theme=dark] .promo-card>p,:root[data-theme=dark] .promo-actions .text-link{color:#ffffffd1}:root[data-theme=dark] .promo-kicker b{border-color:#ffffff59}:root[data-theme=dark] .promo-cta{color:#0d6abe}.source-card-action--alert{background:var(--color-warning-soft);color:var(--color-warning)}.source-card{display:grid;gap:var(--space-3xs);padding:var(--space-sm);border-radius:var(--radius-card);background:var(--color-paper-pressed)}.source-card-title{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600}.source-card>strong{font-size:var(--ui-sm)}.source-card>small{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.4}.source-card.has-update{background:var(--color-warning-soft)}.source-card.has-update .source-card-title{color:var(--color-warning)}.source-card-action{display:flex;min-height:2rem;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-xs);padding:0 var(--space-sm);border-radius:var(--radius-control);background:var(--color-paper-raised);color:var(--color-ink);font-size:var(--ui-xs);font-weight:600}.source-card-action:hover{background:var(--color-paper)}.source-card-action--quiet{background:transparent;color:var(--color-ink-soft)}.stage-column{display:grid;min-width:0;min-height:0;grid-template-rows:var(--head-h) auto minmax(0,1fr);background:var(--color-paper-raised)}.stage-head{display:grid;grid-template-columns:auto minmax(0,max-content) minmax(0,1fr) auto;align-items:center;gap:var(--space-md);padding:0 var(--space-md) 0 var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-raised)}.stage-menu-button{display:none}.stage-title{display:grid;grid-column:2;min-width:0;line-height:1.2}.stage-title h1{font-size:var(--ui-base);font-weight:700;letter-spacing:-.01em}.stage-title p{overflow:hidden;color:var(--color-muted);font-size:var(--ui-xs);text-overflow:ellipsis;white-space:nowrap}.stage-title p b{font-weight:600}.stage-tools{display:flex;grid-column:3;align-items:center;justify-content:center;gap:var(--space-sm);min-width:0}.stage-tools:empty{visibility:hidden}.stage-actions{display:flex;grid-column:4;align-items:center;gap:var(--space-xs)}.share-button{min-height:var(--control-h);padding:0 var(--space-sm);font-size:var(--ui-xs)}.share-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-accent-soft);color:var(--color-ink-soft);font-size:var(--ui-xs)}.share-banner>svg{color:var(--color-accent)}.share-banner>span{flex:1 1 auto}.share-banner strong{color:var(--color-ink)}.stage-primary{min-height:var(--control-h);padding:0 var(--space-md);font-size:var(--ui-xs)}.stage-body{display:grid;grid-row:3;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr) var(--panel-w)}.workbench-stage{position:relative;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.workbench-stage[data-stage-mode=design],.workbench-stage[data-stage-mode=threeD],.workbench-stage[data-stage-mode=check],.workbench-stage[data-stage-mode=ad]{overflow:hidden;background:var(--color-workbench)}.panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:auto;border-left:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-raised)}.panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--space-xs);min-height:var(--head-h);align-content:center;padding:var(--space-xs) var(--space-md);line-height:1.3;border-bottom:var(--rule-hair) solid var(--color-rule)}.panel-head strong{grid-column:1;grid-row:1;font-size:var(--ui-sm)}.panel-head small{grid-column:1;grid-row:2;overflow:hidden;color:var(--color-muted);font-size:var(--ui-2xs);text-overflow:ellipsis;white-space:nowrap}.panel-head .icon-button{grid-column:2;grid-row:1 / span 2;align-self:center}.panel-body{display:grid;align-content:start;gap:var(--space-md);padding:var(--space-md)}.panel-section{display:grid;gap:var(--space-xs);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule)}.panel-section:first-child{padding-top:0;border-top:0}.panel-section h2{color:var(--color-ink);font-size:var(--ui-xs);font-weight:600}.panel-note{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.5}.panel-actions{display:grid;gap:var(--space-xs)}.panel-actions:empty{display:none}.panel-actions--row{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr))}.panel-actions .button{min-height:var(--control-h);font-size:var(--ui-xs)}.panel-empty{color:var(--color-muted);font-size:var(--ui-sm);line-height:1.5}.readiness{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-soft)}.readiness>svg{margin-top:2px}.readiness strong,.readiness small{display:block}.readiness strong{font-size:var(--ui-sm)}.readiness small{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.4}.readiness.is-ok{background:var(--color-success-soft)}.readiness.is-ok>svg{color:var(--color-success)}.readiness.is-warn{background:var(--color-warning-soft)}.readiness.is-warn>svg{color:var(--color-warning)}.prefs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xs)}.prefs-button{display:flex;width:100%;min-height:var(--control-h);align-items:center;gap:var(--space-xs);padding:0 var(--space-xs);border-radius:var(--radius-control);color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600;transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.prefs-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prefs-button:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.prefs-menu .menu-select-popover{min-width:11rem}.site-nav-prefs .prefs{display:flex}.site-nav-prefs .prefs-button{width:auto}.site-nav-prefs .menu-select-popover{top:calc(100% + 6px);bottom:auto;right:0;left:auto;transform-origin:top right}body{line-height:var(--ui-line, 1.5)}.powered-by{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) 0 var(--space-2xs);border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600;transition:color var(--dur-micro) var(--ease-out)}.powered-by img{height:1.1rem;width:auto;opacity:.85;transition:opacity var(--dur-micro) var(--ease-out)}.powered-by:hover{color:var(--color-ink)}.powered-by:hover img{opacity:1}.mobile-dock{display:none}.studio-empty{display:grid;min-height:100dvh;place-content:center;gap:var(--space-xs);text-align:center;color:var(--color-muted)}.brief-doc{width:min(46rem,100%);margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-3xl);display:grid;gap:var(--space-lg)}.brief-guide{display:grid;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-card);background:var(--color-paper-raised)}.guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.guide-head strong{display:block;font-size:var(--ui-base)}.guide-head small{color:var(--color-muted);font-size:var(--ui-xs)}.guide-dismiss{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:var(--radius-control);color:var(--color-muted)}.guide-dismiss:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.guide-progress{height:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-paper-pressed)}.guide-progress span{display:block;height:100%;border-radius:inherit;background:var(--color-accent);transform-origin:left;transition:transform var(--dur-short) var(--ease-out)}.guide-step{display:grid;gap:var(--space-xs);padding-top:var(--space-xs)}.guide-step-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs)}.guide-kind{display:inline-flex;align-items:center;padding:2px var(--space-xs);border-radius:var(--radius-pill);background:var(--color-paper-pressed);color:var(--color-ink-soft);font-size:var(--ui-2xs);font-weight:600}.guide-kind--missing,.guide-kind--invalid{background:var(--color-danger-soft);color:var(--color-danger)}.guide-kind--format,.guide-kind--low-confidence{background:var(--color-warning-soft);color:var(--color-warning)}.guide-owner{color:var(--color-muted);font-size:var(--ui-2xs)}.guide-label{font-size:var(--ui-lg);font-weight:700;letter-spacing:-.01em}.guide-why{color:var(--color-ink-soft);font-size:var(--ui-sm);line-height:1.5}.guide-evidence{color:var(--color-muted);font-size:var(--ui-xs);font-style:italic}.guide-input-row input,.guide-input-row textarea{min-height:var(--control-h-lg);font-size:var(--ui-base)}.guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.guide-remaining{margin-left:auto;color:var(--color-muted);font-size:var(--ui-2xs)}.guide-promo,.finding-promo{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.45}.guide-promo .text-link,.finding-promo .text-link,.source-card .text-link{font-size:inherit}.guide-queue{display:flex;flex-wrap:wrap;gap:var(--space-2xs);padding-top:var(--space-xs);border-top:var(--rule-hair) solid var(--color-rule)}.guide-chip{display:inline-flex;min-height:1.75rem;align-items:center;padding:0 var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-ink-soft);font-size:var(--ui-2xs);font-weight:600}.guide-chip:hover{border-color:var(--color-rule-strong);background:var(--color-paper-soft);color:var(--color-ink)}.guide-chip--more{color:var(--color-muted)}.brief-guide--done{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md);border-color:var(--color-success);box-shadow:none;background:var(--color-success-soft)}.guide-done-mark{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--color-success);color:var(--color-on-accent)}.guide-done-copy strong,.guide-done-copy small{display:block}.guide-done-copy strong{font-size:var(--ui-base)}.guide-done-copy small{color:var(--color-ink-soft);font-size:var(--ui-xs)}.guide-done-actions{display:flex;gap:var(--space-xs)}.brief-notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-soft)}.brief-notice>svg{margin-top:2px;color:var(--color-accent)}.brief-notice strong{display:block;font-size:var(--ui-sm)}.brief-notice small{display:block;margin-top:2px;color:var(--color-muted);font-size:var(--ui-xs)}.hub-change-list{display:grid;gap:var(--space-2xs);margin:var(--space-sm) 0}.hub-change-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) 0;border-top:var(--rule-hair) solid var(--color-rule);font-size:var(--ui-xs)}.hub-change-list li>span{display:grid;grid-template-columns:8rem minmax(0,1fr) minmax(0,1fr);gap:var(--space-sm);min-width:0}.hub-change-list li>span>span{color:var(--color-muted);font-weight:600}.hub-change-list s{color:var(--color-muted)}.hub-change-list b{font-weight:600}.hub-change-list button{min-height:1.75rem;padding:0 var(--space-xs);border-radius:var(--radius-control);color:var(--color-accent);font-size:var(--ui-2xs);font-weight:600}.hub-change-list button:hover{background:var(--color-accent-soft)}.hub-notice-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.attention{display:grid;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-warning-soft)}.attention p{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);color:var(--color-ink-soft);font-size:var(--ui-xs);line-height:1.45}.attention p>svg{color:var(--color-warning)}.attention p>span{flex:1 1 20rem}.attention strong{color:var(--color-ink)}.brief-jump{position:sticky;top:0;z-index:var(--z-raised);display:flex;gap:var(--space-lg);margin:0 calc(var(--space-lg) * -1);padding:0 var(--space-lg);overflow-x:auto;scrollbar-width:none;background:var(--color-paper-raised);border-bottom:var(--rule-hair) solid var(--color-rule)}.brief-jump::-webkit-scrollbar{display:none}.brief-jump-link{position:relative;display:inline-flex;flex:0 0 auto;min-height:2.5rem;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--ui-sm);font-weight:600;white-space:nowrap;transition:color var(--dur-micro) var(--ease-out)}.brief-jump-link:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--color-ink);content:"";opacity:0;transition:opacity var(--dur-micro) var(--ease-out)}.brief-jump-link:hover,.brief-jump-link.is-active{color:var(--color-ink)}.brief-jump-link.is-active:after{opacity:1}.brief-jump-link small{display:inline-grid;min-width:1.125rem;height:1.125rem;padding:0 .3rem;place-items:center;border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;font-size:var(--ui-2xs);font-weight:700;line-height:1}.brief-form{display:grid;gap:var(--space-xl)}.brief-group{display:grid;gap:var(--space-xs);scroll-margin-top:3.5rem}.brief-group-head{display:flex;align-items:baseline;gap:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:var(--rule-hair) solid var(--color-ink);font-size:var(--ui-lg);font-weight:700;letter-spacing:-.01em}.brief-group-head em{color:var(--color-danger);font-size:var(--ui-2xs);font-weight:600}.brief-fields{display:grid}.brief-field{display:grid;grid-template-columns:9.5rem minmax(0,1fr) 6rem;align-items:start;gap:var(--space-md);padding:var(--space-sm) var(--space-sm);margin:0 calc(var(--space-sm) * -1);border-radius:var(--radius-control);border-bottom:var(--rule-hair) solid var(--color-rule);transition:background var(--dur-micro) var(--ease-out)}.brief-field:last-child{border-bottom:0}.brief-field>label{padding-top:.45rem;color:var(--color-ink-soft);font-size:var(--ui-xs);font-weight:600;line-height:1.3}.brief-field.is-selected{background:var(--color-accent-soft)}.brief-field.is-selected>label{color:var(--color-accent-dark)}.brief-value{min-width:0}.brief-value input,.brief-value textarea{width:100%;min-height:var(--control-h);padding:.4rem var(--space-xs);border:var(--rule-hair) solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--color-ink);font-size:var(--ui-md);line-height:1.45;transition:border-color var(--dur-micro) var(--ease-out),background var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.brief-value textarea{resize:vertical;white-space:pre-wrap}.brief-value input:hover,.brief-value textarea:hover{border-color:var(--color-rule-strong)}.brief-value input:focus-visible,.brief-value textarea:focus-visible{border-color:var(--color-accent);background:var(--color-paper-raised);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.brief-field.is-gap .brief-value input,.brief-field.is-gap .brief-value textarea{border-style:dashed;border-color:var(--color-danger)}.brief-field.is-low .brief-value input,.brief-field.is-low .brief-value textarea{border-color:var(--color-warning)}.brief-owner{display:grid;justify-items:end;gap:2px;padding-top:.45rem;color:var(--color-muted);font-size:var(--ui-2xs);text-align:right}.row-flag{padding:1px var(--space-xs);border-radius:var(--radius-pill);background:var(--color-paper-pressed);color:var(--color-ink-soft);font-weight:600}.row-flag--gap{background:var(--color-danger-soft);color:var(--color-danger)}.row-flag--low{background:var(--color-warning-soft);color:var(--color-warning)}.brief-field.has-label-mismatch .row-flag{background:var(--color-danger-soft);color:var(--color-danger)}.brief-pack-preview{display:grid;place-items:center;padding:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-workbench)}.brief-pack-panel{position:relative;width:min(9.5rem,100%);max-height:12rem;aspect-ratio:11 / 17;overflow:hidden;border-radius:var(--radius-xs);box-shadow:0 12px 30px -14px #12121280,0 0 0 1px var(--color-package-edge)}.brief-pack-panel .mini-face{position:absolute;inset:0}.field-proof{display:grid;gap:var(--space-2xs)}.field-proof>span{color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600}.field-proof>strong{font-size:var(--ui-sm);font-weight:500;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.field-proof.is-empty>strong em{color:var(--color-danger);font-style:italic}.design-workspace{display:grid;height:100%;min-height:0}.canvas-viewport{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;overflow:auto;padding:var(--space-md) var(--space-lg) var(--space-3xl);background:var(--color-workbench)}.canvas-bar{position:sticky;top:var(--space-md);z-index:var(--z-float);display:flex;width:100%;height:0;align-items:flex-start;justify-content:center;overflow:visible;pointer-events:none}.canvas-bar>.context-toolbar{flex:0 1 auto;width:max-content;max-width:100%}.canvas-bar>*{pointer-events:auto}.context-toolbar{display:flex;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-glass);box-shadow:var(--shadow-float);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.context-toolbar.has-mismatch{border-color:var(--color-danger)}.context-selection{display:grid;flex:0 0 auto;min-width:0;max-width:8.5rem;padding:0 var(--space-xs);line-height:1.2}.context-selection strong{overflow:hidden;font-size:var(--ui-xs);text-overflow:ellipsis;white-space:nowrap}.context-selection small{overflow:hidden;color:var(--color-muted);font-size:var(--ui-2xs);text-overflow:ellipsis;white-space:nowrap}.has-mismatch .context-selection small{color:var(--color-danger)}.add-menu .menu-select-popover{min-width:12rem}.font-picker-trigger{display:inline-flex;min-width:6.5rem;min-height:var(--control-h);align-items:center;justify-content:space-between;gap:var(--space-xs);padding:0 var(--space-xs) 0 var(--space-sm);border-radius:var(--radius-control);color:var(--color-ink);font-size:var(--ui-xs);font-weight:600;transition:background var(--dur-micro) var(--ease-out)}.font-picker-trigger:hover{background:var(--color-paper-pressed)}.font-picker-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-trigger>svg{color:var(--color-muted);transition:transform var(--dur-short) var(--ease-out)}.font-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.size-stepper{display:inline-flex;align-items:center;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control)}.size-stepper button{display:grid;width:1.75rem;height:calc(var(--control-h) - 2px);place-items:center;color:var(--color-ink-soft)}.size-stepper button:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.size-stepper input{width:2.75rem;height:calc(var(--control-h) - 2px);padding:0;border:0;border-inline:var(--rule-hair) solid var(--color-rule);background:transparent;font-family:var(--font-mono);font-size:var(--ui-xs);text-align:center;-moz-appearance:textfield}.size-stepper input::-webkit-inner-spin-button,.size-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.context-button-group{display:inline-flex;gap:2px}.context-button-group button{display:grid;width:var(--control-h);height:var(--control-h);place-items:center;border-radius:var(--radius-control);color:var(--color-ink-soft);transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.context-button-group button:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.context-button-group button.is-active{background:var(--color-accent-soft);color:var(--color-accent-dark)}.font-picker-popover{position:fixed;z-index:var(--z-dropdown);top:var(--font-picker-top, var(--space-md));left:var(--font-picker-left, var(--space-md));display:none;width:min(19rem,calc(100vw - var(--space-lg)));max-height:min(31rem,calc(100dvh - var(--space-lg)));overflow:auto;padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-raised);box-shadow:var(--shadow-popover)}.font-picker-popover.is-open{display:block;animation:gv-pop var(--dur-popover) var(--ease-out)}.font-picker-heading{padding:var(--space-xs) var(--space-sm);color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600}.font-picker-option{display:grid;width:100%;min-height:3.25rem;grid-template-columns:2.5rem minmax(0,1fr) 1rem;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-control);color:var(--color-ink-soft);text-align:left;transition:background var(--dur-micro) var(--ease-out)}.font-picker-option:hover{background:var(--color-paper-pressed)}.font-picker-option.is-active{background:var(--color-accent-soft);color:var(--color-accent-dark)}.font-picker-option>span:nth-child(2){min-width:0}.font-picker-option strong,.font-picker-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-option strong{font-size:var(--ui-xs);color:var(--color-ink)}.font-picker-option small{color:var(--color-muted);font-size:var(--ui-2xs)}.font-picker-option>svg{color:var(--color-accent)}.font-picker-sample{color:var(--color-ink);font-size:var(--ui-2xl);line-height:1}[data-font-preview=body] .font-picker-sample{font-family:var(--font-body)}[data-font-preview=display] .font-picker-sample{font-family:var(--font-display)}[data-font-preview=condensed] .font-picker-sample{font-family:var(--font-label-condensed)}[data-font-preview=editorial] .font-picker-sample{font-family:var(--font-label-editorial)}[data-font-preview=friendly] .font-picker-sample{font-family:var(--font-label-friendly)}[data-font-preview=mono] .font-picker-sample{font-family:var(--font-mono)}.swatch-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.swatch{position:relative;display:grid;width:1.75rem;height:1.75rem;place-items:center;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:50%;background:var(--swatch, var(--color-paper-soft));cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.swatch:hover{transform:scale(1.08)}.swatch.is-active{box-shadow:0 0 0 2px var(--color-paper-raised),0 0 0 4px var(--color-accent)}.swatch--custom{color:var(--color-ink-soft);background:var(--color-paper-soft)}.swatch--custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.layer-list{display:grid;padding:var(--space-xs)}.layer-list--compact{border-top:var(--rule-hair) solid var(--color-rule)}.layer-list-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-xs) var(--space-2xs);font-size:var(--ui-xs)}.layer-list-head strong{color:var(--color-ink)}.layer-row{display:flex;min-height:var(--control-h);align-items:center;gap:var(--space-xs);padding:0 var(--space-xs);border-radius:var(--radius-control);color:var(--color-ink);font-size:var(--ui-sm);transition:background var(--dur-micro) var(--ease-out)}.layer-row>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row>svg{color:var(--color-muted)}.layer-dot{width:.45rem;height:.45rem;flex:0 0 auto;border-radius:50%;background:var(--color-danger)}.layer-row:hover{background:var(--color-paper-pressed)}.layer-row.is-active{background:var(--color-accent-soft);color:var(--color-accent-dark)}.layer-row.is-hidden{color:var(--color-muted)}.canvas-scale{margin-top:6.5rem;transform:scale(var(--canvas-zoom));transform-origin:top center;transition:transform var(--dur-spatial) var(--ease-in-out)}.label-canvas{position:relative;width:var(--panel-w, 22rem);height:var(--panel-h, 34rem);overflow:visible;border-radius:var(--radius-xs);background:var(--color-product-cream);box-shadow:var(--shadow-artwork),0 0 0 1px var(--color-package-edge);touch-action:none}.label-canvas--front{background:var(--color-product-forest);color:var(--color-product-front-ink)}.label-canvas--facts{background:#fff;color:#111}.label-canvas--back{background:var(--color-product-cream);color:var(--color-product-ink)}.label-canvas--side{background:var(--color-product-lime);color:var(--color-product-forest-dark)}.label-canvas--pouch{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-md) var(--radius-md)}.label-canvas--sachet{border-radius:var(--radius-sm)}.label-canvas--tube{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md)}.canvas-grid{position:absolute;z-index:var(--z-base);inset:0;display:none;background-image:linear-gradient(var(--color-snap-grid) var(--rule-hair),transparent var(--rule-hair)),linear-gradient(90deg,var(--color-snap-grid) var(--rule-hair),transparent var(--rule-hair));background-size:var(--snap-grid) var(--snap-grid);pointer-events:none}.label-canvas.has-snap-grid .canvas-grid{display:block;opacity:.72}.safe-area{position:absolute;z-index:var(--z-base);inset:4%;border:var(--rule-hair) dashed var(--color-safe-area);pointer-events:none}.label-canvas--tub .safe-area{inset:5%}.safe-area>span{position:absolute;top:-1.15rem;left:0;color:var(--color-safe-area);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.alignment-guide{position:absolute;z-index:var(--z-dropdown);display:none;background:var(--color-snap-guide);box-shadow:0 0 0 var(--rule-hair) #fff;pointer-events:none}.alignment-guide[data-active=true]{display:block}.alignment-guide--x{top:0;bottom:0;width:var(--rule-hair)}.alignment-guide--y{right:0;left:0;height:var(--rule-hair)}.label-element,.mini-element{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);font-size:var(--font-size);font-family:var(--font-family, var(--font-body));font-weight:var(--font-weight);letter-spacing:var(--tracking);line-height:var(--leading);text-align:var(--align)}.label-element{z-index:var(--z-raised);display:flex;align-items:center;min-width:0;padding:.15rem;border:var(--rule-hair) solid transparent;cursor:grab;user-select:none}.label-element:hover,.label-element:focus-visible{border-color:var(--color-selection-muted);outline:none}.label-element.is-selected{border-color:var(--color-selection);box-shadow:0 0 0 var(--rule-hair) #fff}.label-element.is-dragging{cursor:grabbing;opacity:.82}.label-element.is-mismatch{border-color:var(--color-danger);border-style:dashed}.label-element--background{z-index:var(--z-base);padding:0;overflow:hidden;border:0;cursor:default;pointer-events:none}.label-element--paragraph{align-items:flex-start;flex-direction:column;gap:var(--space-3xs)}.label-element--claims{align-items:stretch}.editable-copy{width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.editable-copy[contenteditable=true],.claim-strip[contenteditable=true]{min-height:1.2em;outline:2px solid var(--color-selection);outline-offset:var(--space-2xs);background:#fff;color:#111;cursor:text;user-select:text}.copy-prefix{flex:0 0 auto}.claim-strip{display:flex;width:100%;align-items:center;justify-content:center;border-block:var(--rule-hair) solid currentColor;text-align:center;white-space:nowrap}.link-dot,.finding-pin,.selection-label,.resize-handle{position:absolute;z-index:var(--z-dropdown)}.link-dot{top:-.55rem;left:-.55rem;display:none;width:1.1rem;height:1.1rem;place-items:center;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent)}.label-element.is-selected .link-dot{display:grid}.finding-pin{top:-.8rem;right:-.8rem;display:grid;width:1.45rem;height:1.45rem;place-items:center;border:2px solid #FFFFFF;border-radius:50%;background:var(--color-danger);color:#fff;font-family:var(--font-mono);font-size:.65rem}.selection-label{bottom:calc(100% + .4rem);left:-1px;padding:2px var(--space-xs);border-radius:var(--radius-xs);background:var(--color-selection);color:var(--color-on-accent);font-family:var(--font-ui);font-size:.62rem;font-weight:600;letter-spacing:0;white-space:nowrap}.resize-handle{width:.7rem;height:.7rem;border:2px solid #FFFFFF;border-radius:2px;background:var(--color-selection);touch-action:none}.resize-handle--nw{top:-.35rem;left:-.35rem;cursor:nwse-resize}.resize-handle--ne{top:-.35rem;right:-.35rem;cursor:nesw-resize}.resize-handle--sw{bottom:-.35rem;left:-.35rem;cursor:nesw-resize}.resize-handle--se{right:-.35rem;bottom:-.35rem;cursor:nwse-resize}.facts-panel{display:flex;width:100%;height:100%;flex-direction:column;gap:.35em;padding:.65em;border:2px solid currentColor;background:#fff;color:#111;font-family:var(--font-body);font-size:calc(1rem * var(--facts-scale, 1));overflow:hidden}.facts-panel>strong{font-family:var(--font-display);font-size:2.05em;letter-spacing:-.07em;line-height:.9;font-weight:700}.facts-panel>i,.facts-panel>b{width:100%;height:.35em;background:#111}.facts-panel>b{height:.12em}.facts-panel>span{display:flex;justify-content:space-between;gap:.5em;padding-bottom:.25em;border-bottom:var(--rule-hair) solid currentColor;font-size:.72em}.facts-panel small{font-size:.57em}.facts-panel--mini{gap:2px;padding:4px;border-width:1px}.facts-panel--mini>strong{font-size:8px}.facts-panel--mini>i{height:2px}.facts-panel--mini>b{height:1px}.facts-panel--mini>span{padding:0;font-size:3px}.facts-panel--mini small{font-size:2.5px}.barcode{display:grid;width:100%;height:100%;grid-template-rows:minmax(0,1fr) auto;padding:.25rem .5rem;background:#fff;color:#111}.barcode>span{display:flex;min-width:0;align-items:stretch;justify-content:center;gap:0}.barcode i{flex:var(--bar) 0 0;width:auto;min-width:0;height:100%;background:currentColor}.barcode i.gap{background:transparent}.barcode small{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.08em;text-align:center;font-variant-numeric:tabular-nums}.barcode.is-invalid{outline:2px dashed var(--color-danger);outline-offset:-2px}.barcode--mini{padding:1px 2px}.barcode--mini small{font-size:2.5px}.image-placeholder{display:grid;width:100%;height:100%;place-items:center;border:var(--rule-hair) dashed currentColor;opacity:.65}.image-placeholder span{font-size:var(--text-xs)}.generated-background-image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.mini-element--image:has(.generated-background-image){inset:0}.mini-face{position:relative;width:100%;height:100%;overflow:hidden}.mini-face--front{background:var(--color-product-forest);color:var(--color-product-front-ink)}.mini-face--facts{background:#fff;color:#111}.mini-face--back{background:var(--color-product-cream);color:var(--color-product-ink)}.mini-face--side{background:var(--color-product-lime);color:var(--color-product-forest-dark)}.mini-element{display:flex;align-items:center;overflow:hidden}.mini-element--paragraph{align-items:flex-start}.mini-element .editable-copy{overflow:hidden}.three-d-workspace{position:relative;display:grid;height:100%;min-height:0;grid-template-rows:minmax(0,1fr)}.spin-stage{position:relative;display:grid;min-height:0;place-items:center;overflow:clip;background:var(--color-workbench);cursor:grab;perspective:1100px;touch-action:none}.spin-stage[data-dragging=true]{cursor:grabbing}.spin-stage[data-lighting=retail]{background:var(--color-workbench-retail)}.spin-stage[data-lighting=finish]{background:var(--color-workbench-finish)}.tub-scene{position:relative;display:grid;width:26rem;height:28rem;place-items:center;perspective:1000px}.package-scene,.tub-object--webgl{position:absolute;inset:0;width:100%;height:100%}.package-scene{display:block}.tub-object{position:relative;transform-style:preserve-3d}.tub-object--webgl{transform:none;transition:none}.package-preview-host{position:relative;width:100%;height:100%}.package-preview-host>.tub-preview{position:absolute;z-index:var(--z-base);inset:0}.package-preview-status{position:absolute;z-index:var(--z-raised);inset:0;display:grid;place-content:center;gap:var(--space-xs);overflow:hidden;color:var(--color-ink-soft);text-align:center;transition:opacity var(--dur-short) var(--ease-out)}.package-preview-status:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);content:"";transform:translate(-100%);animation:gv-shimmer 1.45s linear infinite}.package-preview-status-mark{display:block;width:2.75rem;height:4px;margin-inline:auto;border-radius:var(--radius-pill);background:var(--color-accent)}.package-preview-status strong{display:block;font-size:var(--ui-sm)}.package-preview-host[data-preview-status=ready] .package-preview-status{opacity:0;pointer-events:none}.package-preview-host[data-preview-status=error] .package-preview-status-mark{background:var(--color-danger)}.spatial-marker{position:absolute;z-index:var(--z-dropdown);right:3.8rem;bottom:5.2rem;display:grid;width:1.65rem;height:1.65rem;place-items:center;border:2px solid #FFFFFF;border-radius:50%;background:var(--color-danger);color:#fff;cursor:pointer;font-family:var(--font-mono);font-size:.68rem;box-shadow:var(--shadow-float)}.preview-interaction-tools{position:absolute;z-index:var(--z-float);top:50%;right:var(--space-md);display:grid;gap:2px;padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-glass);box-shadow:var(--shadow-float);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(-50%)}.preview-interaction-tools button{display:grid;width:var(--control-h);height:var(--control-h);place-items:center;border-radius:var(--radius-control);color:var(--color-ink-soft);transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.preview-interaction-tools button:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.preview-interaction-tools button.is-active{background:var(--color-accent-soft);color:var(--color-accent-dark)}.preview-interaction-tools>span{width:1.25rem;height:1px;margin:var(--space-3xs) auto;background:var(--color-rule)}.stage-readout{position:absolute;z-index:var(--z-float);bottom:var(--space-md);left:var(--space-md);display:flex;align-items:center;gap:var(--space-md);min-height:var(--control-h);padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-glass);color:var(--color-muted);font-size:var(--ui-2xs);box-shadow:var(--shadow-float);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.stage-readout strong{color:var(--color-ink-soft);font-weight:500}.stage-readout b{color:var(--color-ink);font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums}.three-d-workspace.is-focus-view{position:fixed;z-index:var(--z-modal);inset:0;width:100vw;height:100dvh;background:var(--color-workbench)}.focus-bar{position:absolute;z-index:var(--z-float);top:var(--space-md);left:50%;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-glass);box-shadow:var(--shadow-float);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate(-50%)}.focus-bar .segmented{border:0;background:transparent;padding:0}body.has-preview-focus{overflow:clip}.check-workspace{position:relative;display:grid;height:100%;min-height:0;grid-template-rows:minmax(0,1fr)}.check-callout{position:absolute;z-index:var(--z-float);top:var(--space-md);left:50%;display:flex;max-width:min(32rem,calc(100% - 2rem));align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-glass);box-shadow:var(--shadow-float);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate(-50%)}.check-callout>span{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--color-paper-soft);color:var(--color-ink-soft)}.check-callout.is-ok>span{background:var(--color-success-soft);color:var(--color-success)}.check-callout.is-warn>span{background:var(--color-danger-soft);color:var(--color-danger)}.check-callout strong,.check-callout small{display:block}.check-callout strong{font-size:var(--ui-xs)}.check-callout small{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.35}.check-empty{display:grid;gap:var(--space-sm)}.check-empty>p:first-child{color:var(--color-ink-soft);font-size:var(--ui-sm);line-height:1.5}.check-list{display:grid;gap:var(--space-xs)}.check-list li{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-ink-soft);font-size:var(--ui-xs)}.check-list li>svg{color:var(--color-muted)}.findings{gap:var(--space-sm)}.check-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-soft)}.check-summary strong,.check-summary small{display:block}.check-summary strong{font-size:var(--ui-sm)}.check-summary small{color:var(--color-muted);font-size:var(--ui-2xs)}.check-summary.is-ok{background:var(--color-success-soft)}.check-summary.is-ok>svg{color:var(--color-success)}.check-summary.is-warn{background:var(--color-warning-soft)}.check-summary.is-warn>svg{color:var(--color-warning)}.finding{display:grid;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-raised)}.finding-kind{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600}.finding--high .finding-kind{color:var(--color-danger)}.finding--medium .finding-kind{color:var(--color-warning)}.finding--review .finding-kind{color:var(--color-accent-dark)}.finding h3{font-size:var(--ui-sm);font-weight:600;line-height:1.35}.finding-detail{color:var(--color-ink-soft);font-size:var(--ui-xs);line-height:1.45}.finding-detail b{font-family:var(--font-mono);font-weight:600}.finding-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-2xs)}.finding-source{color:var(--color-muted);font-size:var(--ui-2xs)}.passed-list{display:grid;gap:var(--space-xs);padding:var(--space-xs) var(--space-2xs)}.passed-list:empty{display:none}.passed-list li{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-ink-soft);font-size:var(--ui-xs)}.passed-list li>svg{color:var(--color-success)}.ad-workspace{display:grid;height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md);background:var(--color-workbench)}.ad-stage{position:relative;display:grid;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center}.ad-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:var(--ad-width) / var(--ad-height);border-radius:var(--radius-lg);background:var(--color-paper-pressed);box-shadow:var(--shadow-artwork),0 0 0 1px var(--color-rule)}.ad-preview-host-wrap{position:absolute;right:0;bottom:0;width:2px;height:2px;overflow:hidden;opacity:0;pointer-events:none}.ad-preview-host-wrap .tub-scene,.ad-preview-host-wrap .package-preview-host{width:2px;height:2px;min-height:0}.ad-transport{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-md)}.ad-stage-controls{display:flex;align-items:center;gap:2px;padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-raised)}.ad-stage-controls output{min-width:5.5rem;padding:0 var(--space-xs);color:var(--color-ink-soft);font-family:var(--font-mono);font-size:var(--ui-2xs);font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.ad-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2xs)}.ad-beat{display:grid;min-height:var(--control-h-lg);gap:1px;padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-raised);color:var(--color-ink-soft);text-align:left;transition:background var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.ad-beat strong{overflow:hidden;font-size:var(--ui-xs);text-overflow:ellipsis;white-space:nowrap}.ad-beat small{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--ui-2xs);font-variant-numeric:tabular-nums}.ad-beat:hover{background:var(--color-paper-soft)}.ad-beat.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-dark)}.ad-beat.is-active small{color:var(--color-accent-dark)}.ad-claims{display:grid;gap:var(--space-2xs)}.ad-claims>small{color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600}.ad-claims>div{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.ad-claims>div span{padding:2px var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);font-size:var(--ui-2xs)}.ad-claims em{color:var(--color-muted);font-size:var(--ui-xs)}.ad-beat-list{display:grid}.ad-beat-list li{display:grid;gap:2px;padding:var(--space-xs) 0;border-top:var(--rule-hair) solid var(--color-rule);font-size:var(--ui-xs)}.ad-beat-list li:first-child{padding-top:0;border-top:0}.ad-beat-list li>div{display:flex;justify-content:space-between;gap:var(--space-xs)}.ad-beat-list li small{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--ui-2xs);font-variant-numeric:tabular-nums}.ad-beat-list li>span{color:var(--color-ink-soft);line-height:1.4;overflow-wrap:anywhere}.ad-prompt-preview{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control)}.ad-prompt-preview summary{padding:var(--space-xs) var(--space-sm);color:var(--color-ink-soft);font-size:var(--ui-2xs);font-weight:600;cursor:pointer}.ad-prompt-preview p{padding:0 var(--space-sm) var(--space-sm);color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.5;white-space:pre-wrap}.ad-ai-section .ai-background-status{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--ui-xs)}.ad-ai-section .ai-background-status svg{animation:gv-spin .9s linear infinite}.ad-ai-section .ai-background-status.has-error{color:var(--color-danger)}.ad-ai-section .ai-background-status.has-error svg{animation:none}.ad-ai-note{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.45}.ad-ai-preview{display:block;width:100%;border-radius:var(--radius-control);background:var(--color-workbench)}.ad-ai-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:var(--space-2xs)}.ad-ai-actions .button{min-height:var(--control-h);font-size:var(--ui-2xs);padding:0 var(--space-xs)}.ad-ai-section .button--full{min-height:var(--control-h);font-size:var(--ui-xs)}.modal{position:fixed;inset:0;width:min(30rem,calc(100% - 2rem));max-height:min(90dvh,52rem);margin:auto;overflow:auto;padding:0;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-raised);color:var(--color-ink);box-shadow:var(--shadow-modal)}.modal::backdrop{background:var(--color-overlay)}.modal[open]{animation:gv-modal var(--dur-spatial) var(--ease-out)}.modal form{position:relative;display:grid;gap:var(--space-md);padding:var(--space-xl)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);display:grid;width:var(--control-h);height:var(--control-h);place-items:center;border-radius:var(--radius-control);color:var(--color-muted)}.modal-close:hover{background:var(--color-paper-pressed);color:var(--color-ink)}.modal-icon{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:var(--radius-card);background:var(--color-accent-soft);color:var(--color-accent)}.modal-icon--success{background:var(--color-success-soft);color:var(--color-success)}.modal h2{font-size:var(--ui-xl);font-weight:700;letter-spacing:-.02em;line-height:1.2}.modal form>h2+p{margin-top:calc(var(--space-xs) * -1);color:var(--color-ink-soft);font-size:var(--ui-sm);line-height:1.5}.modal-note{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.45}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.export-grid button{display:flex;min-height:6rem;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-raised);text-align:left;transition:background var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.export-grid button:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.export-grid button:active{transform:translateY(1px)}.export-grid button>svg{margin-bottom:auto;color:var(--color-accent)}.export-grid button strong{font-size:var(--ui-sm)}.export-grid button small{color:var(--color-muted);font-size:var(--ui-2xs)}.export-grid button.is-loading{opacity:.6;pointer-events:none}.review-receipt{display:grid;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-soft);font-size:var(--ui-xs)}.review-receipt>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--ui-2xs)}.review-receipt b{display:flex;align-items:center;gap:var(--space-xs);font-weight:500}.review-receipt b:before{width:.4rem;height:.4rem;border-radius:50%;background:var(--color-success);content:""}.ai-background-modal{width:min(46rem,calc(100% - 2rem))}.ai-background-modal form{grid-template-columns:minmax(0,1fr) minmax(15rem,.75fr);grid-template-areas:"heading heading" "context preview" "styles preview" "prompt preview" "area status" "actions actions" "note note";column-gap:var(--space-lg)}.ai-background-heading{grid-area:heading;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-md);padding-right:var(--space-2xl)}.ai-background-heading p{margin:0;color:var(--color-muted);font-size:var(--ui-xs)}.ai-background-context{grid-area:context;display:flex;align-items:baseline;gap:var(--space-xs);font-size:var(--ui-xs)}.ai-background-context span{color:var(--color-muted)}.ai-background-context strong{font-family:var(--font-mono);font-weight:600}.ai-style-picker{grid-area:styles;min-width:0;margin:0;padding:0;border:0;display:grid;gap:var(--space-xs)}.ai-style-picker legend{padding:0;color:var(--color-ink-soft);font-size:var(--ui-xs);font-weight:600}.ai-style-picker>div{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.ai-style-option{min-height:2rem;padding:0 var(--space-sm);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);background:var(--color-paper-raised);color:var(--color-ink-soft);font-size:var(--ui-xs);font-weight:600;transition:background var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.ai-style-option:hover{border-color:var(--color-ink-soft);color:var(--color-ink)}.ai-style-option.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-dark)}.ai-prompt-field{grid-area:prompt;display:grid;gap:var(--space-2xs)}.ai-prompt-field>span{color:var(--color-ink-soft);font-size:var(--ui-xs);font-weight:600}.ai-prompt-field textarea{width:100%;padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-control);background:var(--color-paper-raised);font-size:var(--ui-sm);line-height:1.45;resize:vertical}.ai-prompt-field textarea:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.ai-prompt-field small{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.45}.ai-copy-area{grid-area:area;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-sm);cursor:pointer}.ai-copy-area input{width:1rem;height:1rem;margin:.15rem 0 0;accent-color:var(--color-accent)}.ai-copy-area strong,.ai-copy-area small{display:block}.ai-copy-area strong{font-size:var(--ui-xs)}.ai-copy-area small{color:var(--color-muted);font-size:var(--ui-2xs);line-height:1.4}.ai-background-preview{grid-area:preview;position:relative;display:grid;width:min(100%,var(--ai-preview-width, 11.33rem));aspect-ratio:var(--ai-preview-ratio, 2 / 3);place-items:center;justify-self:center;align-self:start;overflow:hidden;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-soft)}.ai-background-preview>div{display:grid;justify-items:center;gap:var(--space-xs);padding:var(--space-lg);color:var(--color-muted);font-size:var(--ui-xs);text-align:center}.ai-background-preview img{width:100%;height:100%;object-fit:cover}.ai-background-preview.is-loading:after{position:absolute;inset:0;display:grid;place-items:center;background:var(--color-overlay);color:#fff;content:"Generating…";font-size:var(--ui-xs);font-weight:600}.ai-background-status{grid-area:status;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--ui-2xs);text-align:center}.ai-background-status.has-error{color:var(--color-danger)}.ai-background-actions{grid-area:actions;display:flex;justify-content:flex-end;gap:var(--space-xs)}.ai-background-modal .modal-note{grid-area:note}@keyframes gv-modal{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:79.99rem){:root{--sidebar-w: 13.5rem;--panel-w: 17.5rem}.stage-head{padding-left:var(--space-md)}.context-selection{max-width:8rem}.context-toolbar .tool-button span,.context-toolbar .tool-button--add span{display:none}.context-toolbar .tool-button{padding-inline:var(--space-xs)}.brief-field{grid-template-columns:8rem minmax(0,1fr) 5.5rem}}@media(max-width:59.99rem){:root{--sidebar-w: 17rem}.studio{display:block;height:auto;min-height:100dvh;padding-bottom:var(--dock-h)}.sidebar{position:fixed;z-index:var(--z-drawer);inset:0 auto 0 0;width:min(var(--sidebar-w),calc(100vw - 3rem));border-right:var(--rule-hair) solid var(--color-rule);box-shadow:var(--shadow-modal);transform:translate(-100%);transition:transform var(--dur-drawer) var(--ease-drawer)}.has-sidebar-open .sidebar{transform:none}.sidebar-close{display:inline-grid}.sidebar-scrim{position:fixed;z-index:calc(var(--z-drawer) - 1);inset:0;display:block;background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--dur-drawer) var(--ease-out)}.has-sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}body.has-sidebar-open{overflow:hidden}.stage-column{display:flex;flex-direction:column;height:calc(100dvh - var(--dock-h))}.stage-head{position:sticky;top:0;z-index:var(--z-sticky);flex:0 0 auto;min-height:var(--head-h);padding:0 var(--space-sm) 0 var(--space-xs)}.stage-menu-button{display:inline-grid}.stage-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.workbench-stage{flex:0 0 auto;overflow:visible}.workbench-stage[data-stage-mode=design],.workbench-stage[data-stage-mode=threeD],.workbench-stage[data-stage-mode=check],.workbench-stage[data-stage-mode=ad]{flex:1 1 auto;min-height:24rem;overflow:hidden}.panel{flex:0 0 auto;overflow:visible;border-left:0;border-top:var(--rule-hair) solid var(--color-rule)}.three-d-workspace.is-focus-view{height:100dvh}.mobile-dock{position:fixed;z-index:var(--z-sticky);right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(var(--dock-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:var(--rule-hair) solid var(--color-rule);background:var(--color-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dock-item{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;color:var(--color-muted);font-size:var(--ui-2xs);font-weight:600}.dock-item.is-active{color:var(--color-accent)}.dock-dot{position:absolute;top:.5rem;right:calc(50% - .9rem);width:.4rem;height:.4rem;border-radius:50%;background:var(--color-warning)}.brief-doc{padding:var(--space-md) var(--space-md) var(--space-xl)}.brief-jump{margin:0 calc(var(--space-md) * -1);padding-inline:var(--space-md);top:var(--head-h)}.canvas-viewport{padding:5.5rem var(--space-md) var(--space-2xl)}.ad-workspace{padding:var(--space-md)}.ad-transport{grid-template-columns:1fr}.ad-timeline{display:flex;overflow-x:auto;scrollbar-width:none}.ad-timeline::-webkit-scrollbar{display:none}.ad-beat{flex:0 0 8.5rem}.workbench-stage[data-stage-mode=ad],.workbench-stage[data-stage-mode=design]{min-height:30rem}.preview-interaction-tools{top:auto;right:var(--space-sm);bottom:3.5rem;grid-auto-flow:column;transform:none}.preview-interaction-tools>span{width:1px;height:1.25rem;margin:auto var(--space-3xs)}.stage-readout{right:var(--space-sm);bottom:var(--space-sm);left:var(--space-sm);justify-content:space-between}.check-callout{top:var(--space-sm)}}@media(max-width:39.99rem){.site-nav{min-height:3.75rem}.site-nav-links li:first-child{display:none}.entry{padding-top:var(--space-xl)}.entry-column{gap:var(--space-md)}.sample-row{grid-template-columns:1fr}.composer textarea{padding-inline:var(--space-md)}.composer-bar{padding-left:var(--space-md)}.footer-row{flex-direction:column;align-items:flex-start}.stage-head{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;row-gap:0;padding-block:var(--space-xs)}.stage-menu-button{grid-column:1;grid-row:1}.stage-title{grid-column:2;grid-row:1}.stage-actions{grid-column:3;grid-row:1}.stage-tools:not(:empty){grid-column:1 / -1;grid-row:2;justify-content:flex-start;padding:var(--space-xs) 0 var(--space-2xs);overflow-x:auto;scrollbar-width:none}.stage-tools::-webkit-scrollbar{display:none}.stage-actions{gap:2px}.share-button span{display:none}.share-button{padding:0 var(--space-xs)}.stage-primary{padding:0 var(--space-sm)}.brief-field{grid-template-columns:minmax(0,1fr);gap:var(--space-2xs)}.brief-field>label{padding-top:0}.brief-value input,.brief-value textarea{margin-left:calc(var(--space-xs) * -1);width:calc(100% + var(--space-xs))}.brief-owner{justify-items:start;padding-top:0;text-align:left;grid-auto-flow:column;justify-content:start;gap:var(--space-xs)}.brief-guide{padding:var(--space-md)}.brief-guide--done{grid-template-columns:auto minmax(0,1fr)}.guide-done-actions{grid-column:1 / -1;flex-wrap:wrap}.hub-change-list li>span{grid-template-columns:minmax(0,1fr)}.canvas-viewport{padding-inline:var(--space-sm)}.canvas-bar>.context-toolbar{flex-wrap:nowrap;width:auto;max-width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent)}.context-toolbar::-webkit-scrollbar{display:none}.context-toolbar .tool-button span{display:none}.context-toolbar .tool-button{padding-inline:var(--space-xs)}.tool-note,.context-selection{display:none}.canvas-scale{width:fit-content;margin-inline:auto}.label-canvas{width:min(var(--panel-w, 22rem),calc(100vw - 2rem));height:auto;aspect-ratio:var(--panel-aw, 22) / var(--panel-ah, 34)}.selection-label{max-width:9rem;overflow:hidden;text-overflow:ellipsis}.tub-scene{transform:scale(.82)}.export-grid{grid-template-columns:1fr 1fr}.modal form{padding:var(--space-lg)}.ai-background-modal form{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "context" "preview" "styles" "prompt" "area" "status" "actions" "note"}.ai-background-actions{flex-direction:column-reverse}.ai-background-actions .button{width:100%}}@media(hover:none),(pointer:coarse){.icon-button,.segmented>button,.tool-button,.layer-row,.menu-select-option,.brief-jump-link,.guide-chip,.size-stepper button,.context-button-group button,.preview-interaction-tools button,.option-row,.ad-beat,.switch-row,.source-card-action,.font-picker-trigger,.hub-change-list button{min-height:2.75rem}.icon-button,.size-stepper button,.context-button-group button,.preview-interaction-tools button{min-width:2.75rem}.step{min-height:3rem}.segmented>button{min-height:2.5rem}.label-element:hover{border-color:transparent}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}