@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/instrument-sans-latin-ext-wght-normal.2jfp7v6ns64yg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/instrument-sans-latin-wght-normal.3h2wr6o8p949u.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.0da2o5sn3utep.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.0ww4yqxbk72bj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.092gko6h6levo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#fbf5ec;--color-canvas-deep:#f4e8da;--color-paper:#fffcf7;--color-ink:#16110c;--color-ink-soft:#3f362e;--color-muted:#675f56;--color-line:#d5cabd;--color-line-strong:#b2a291;--color-accent:#fc432b;--color-accent-dark:#d01606;--color-accent-soft:#ffd3c5;--color-accent-pale:#ffe9dd;--color-success:#007a4a;--color-success-soft:#d5f0de;--color-error:#b72728;--color-error-soft:#ffe4e1;--color-story-blue:#005575;--color-story-gold:#e3ae3b;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.55rem;--radius-md:.85rem;--radius-lg:1.4rem;--radius-pill:999rem;--shadow-sm:0 1px 2px #15110d0f, 0 4px 12px #15110d0a;--shadow-md:0 12px 36px #15110d17;--shadow-lg:0 30px 80px #15110d24;--duration-instant:.1s;--duration-quick:.14s;--duration-short:.18s;--duration-standard:.22s;--duration-deliberate:.3s;--duration-reveal:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--size-touch-target:2.75rem;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--z-tooltip:600}@supports (color:lab(0% 0 0)){:root{--color-canvas:lab(96.7815% 1.07238 5.23918);--color-canvas-deep:lab(92.826% 2.48101 8.45285);--color-paper:lab(98.9732% .480741 2.61949);--color-ink:lab(5.52546% 1.52751 3.25751);--color-ink-soft:lab(23.4138% 2.85159 6.3607);--color-muted:lab(40.8311% 2.34641 6.08494);--color-line:lab(82.0367% 2.38237 8.09206);--color-line-strong:lab(67.5083% 4.03425 10.8592);--color-accent:lab(57.8597% 69.1493 56.8598);--color-accent-dark:lab(45.119% 67.1049 58.2209);--color-accent-soft:lab(87.8863% 19.7133 17.6446);--color-accent-pale:lab(94.0243% 8.20899 9.97992);--color-success:lab(44.8518% -43.155 18.9709);--color-success-soft:lab(92.3798% -11.5657 5.6509);--color-error:lab(41.3514% 56.809 37.4174);--color-error-soft:lab(92.722% 10.6544 6.01058);--color-story-blue:lab(32.815% -14.0645 -26.9969);--color-story-gold:lab(74.6158% 11.9224 63.0186);--shadow-sm:0 1px 2px lab(5.26189% 1.10191 2.4747/.06), 0 4px 12px lab(5.26189% 1.10191 2.4747/.04);--shadow-md:0 12px 36px lab(5.26189% 1.10191 2.4747/.09);--shadow-lg:0 30px 80px lab(5.26189% 1.10191 2.4747/.14)}}
.af-set{align-items:flex-start;gap:24px;display:flex}.af-frame{--af-bg:#fff8ed;--af-fg:#171310;--af-accent:#ff4b37;box-sizing:border-box;isolation:isolate;width:1320px;height:2868px;color:var(--af-fg);background:var(--af-bg);grid-template-rows:auto 1fr;padding:160px 132px 0;font-family:Instrument Sans,Arial,sans-serif;display:grid;position:relative;overflow:hidden}.af-frame:before{z-index:-1;background-image:linear-gradient(color-mix(in srgb, var(--af-fg) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--af-fg) 6%, transparent) 1px, transparent 1px);content:"";background-size:72px 72px;position:absolute;inset:0}.af-frame__copy h2{letter-spacing:-.065em;max-width:1060px;margin:28px 0 0;font-size:144px;font-weight:660;line-height:.94}.af-frame__copy p{max-width:800px;color:color-mix(in srgb, var(--af-fg) 72%, transparent);margin:38px 0 0;font-size:46px;line-height:1.2}.af-frame__role,.af-frame__number{color:var(--af-accent);letter-spacing:.12em;text-transform:uppercase;font-size:28px;font-weight:700}.af-frame__assets{align-self:end;height:1920px;position:relative}.af-device{border:18px solid var(--af-fg);background:var(--af-fg);border-radius:106px;width:760px;height:1640px;position:absolute;bottom:-190px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 70px 180px #17131038}.af-device[data-kind=support]{width:520px;height:1125px;bottom:-300px;left:78%;transform:rotate(7deg)translate(-50%)}.af-device[data-chrome=none]{border:0;border-radius:38px}.af-device img{object-fit:cover;width:100%;height:100%}.af-redaction{background:var(--af-fg);border-radius:14px;position:absolute}.af-redaction[data-mode=blur]{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff5c}.af-frame__number{position:absolute;bottom:72px;right:88px}.af-frame[data-layout=split] .af-frame__copy{width:56%}.af-frame[data-layout=split] .af-device{left:66%}.af-frame[data-layout=close]{background:var(--af-fg);color:var(--af-bg);align-items:center;padding-bottom:200px}.af-frame[data-layout=close]:before,.af-frame[data-layout=close] .af-frame__assets{display:none}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contents{display:contents}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-ink);font-synthesis:none;font-family:Instrument Sans Variable,Instrument Sans,sans-serif}body{background:radial-gradient(circle at 86% -15%, var(--color-accent-pale), transparent 30rem), var(--color-canvas);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}svg{flex:none;width:1.15em;height:1.15em}:focus-visible{outline:3px solid var(--color-accent)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 65%, white)}}:focus-visible{outline-offset:3px}::selection{color:var(--color-ink);background:var(--color-accent-soft)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:var(--color-muted);letter-spacing:.105em;text-transform:uppercase;font-size:.71rem;font-weight:720;line-height:1.1;display:block}.eyebrow.accent{color:var(--color-accent-dark)}.small-copy{color:var(--color-muted);font-size:.75rem;line-height:1.4}.button{min-height:var(--size-touch-target);border-radius:var(--radius-sm);letter-spacing:-.015em;transition:transform var(--duration-quick) var(--ease-out), background var(--duration-short) var(--ease-out), border-color var(--duration-short) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.1rem;font-weight:680;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--color-accent);box-shadow:0 1px 2px var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.button.primary{box-shadow:0 1px 2px color-mix(in srgb, var(--color-ink) 16%, transparent)}}.button.primary:hover{background:var(--color-accent-dark)}.button.dark{color:var(--color-paper);background:var(--color-ink)}.button.secondary{border-color:var(--color-line);background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.button.secondary{background:color-mix(in srgb, var(--color-paper) 84%, transparent)}}.button.secondary:hover{border-color:var(--color-line-strong);background:var(--color-paper)}.button.compact{min-height:2.5rem;padding:.52rem .85rem;font-size:.84rem}.button.full{width:100%}.button:disabled,.button[data-disabled=true]{pointer-events:none;opacity:.45;box-shadow:none}.button-row{flex-wrap:wrap;gap:.6rem;display:flex}.icon-button{width:var(--size-touch-target);height:var(--size-touch-target);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:inline-grid}.icon-button:hover{border-color:var(--color-line);background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.icon-button:hover{background:color-mix(in srgb, var(--color-paper) 80%, transparent)}}.brand{min-width:0;color:var(--color-paper);letter-spacing:-.045em;white-space:nowrap;align-items:center;gap:.72rem;font-size:1.15rem;font-weight:700;display:inline-flex}.brand svg{width:2rem;height:2rem}.brand b{color:var(--color-accent);font-weight:inherit}.studio-shell{min-height:100vh;transition:grid-template-columns var(--duration-deliberate) var(--ease-out);grid-template-columns:248px minmax(0,1fr);display:grid}.studio-shell[data-collapsed=true]{grid-template-columns:80px minmax(0,1fr)}.sidebar{z-index:var(--z-sticky);width:100%;height:100vh;color:var(--color-paper);background:var(--color-ink);border-right:1px solid var(--color-paper);flex-direction:column;padding:1.1rem .9rem;display:flex;position:sticky;top:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sidebar{border-right:1px solid color-mix(in srgb, var(--color-paper) 10%, transparent)}}.sidebar-top{justify-content:space-between;align-items:center;padding:0 .2rem 1.4rem;display:flex;position:relative}.sidebar-toggle{width:2.2rem;height:2.2rem;color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.sidebar-toggle{color:color-mix(in srgb, var(--color-paper) 64%, transparent)}}.studio-shell[data-collapsed=true] .sidebar-toggle{background:var(--color-ink);position:absolute;top:3.2rem;right:.22rem;transform:rotate(180deg)}.sidebar nav{gap:.24rem;display:grid}.nav-link{min-height:var(--size-touch-target);border-radius:var(--radius-sm);color:var(--color-paper);align-items:center;gap:.85rem;padding:.68rem .75rem;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.nav-link{color:color-mix(in srgb, var(--color-paper) 68%, transparent)}}.nav-link{white-space:nowrap;font-size:.9rem;font-weight:600}.nav-link svg{width:1.18rem;height:1.18rem}.nav-link:hover,.nav-link[data-active=true]{color:var(--color-paper);background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.nav-link:hover,.nav-link[data-active=true]{background:color-mix(in srgb, var(--color-paper) 9%, transparent)}}.nav-link[data-active=true]{box-shadow:inset 3px 0 var(--color-accent)}.sidebar-project{border:1px solid var(--color-paper);gap:.55rem;margin:2rem .35rem 0;padding:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.sidebar-project{border:1px solid color-mix(in srgb, var(--color-paper) 13%, transparent)}}.sidebar-project{border-radius:var(--radius-md);background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.sidebar-project{background:color-mix(in srgb, var(--color-paper) 4%, transparent)}}.sidebar-project strong{font-size:.82rem}.sidebar-project .eyebrow,.sidebar-project .small-copy{color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.sidebar-project .eyebrow,.sidebar-project .small-copy{color:color-mix(in srgb, var(--color-paper) 48%, transparent)}}.usage-track{background:var(--color-paper);border-radius:2rem;height:3px;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.usage-track{background:color-mix(in srgb, var(--color-paper) 12%, transparent)}}.usage-track i{background:var(--color-accent);width:60%;height:100%;display:block}.sidebar-bottom{margin-top:auto}.profile-chip{border-top:1px solid var(--color-paper);align-items:center;gap:.65rem;width:100%;min-height:3.5rem;margin-top:.7rem;padding:.55rem;display:flex}@supports (color:color-mix(in lab, red, red)){.profile-chip{border-top:1px solid color-mix(in srgb, var(--color-paper) 12%, transparent)}}.profile-chip{color:var(--color-paper);text-align:left;background:0 0}.profile-chip>span:first-child{width:2.2rem;height:2.2rem;color:var(--color-ink);background:var(--color-accent-soft);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:780;display:grid}.profile-chip>span:last-child{display:grid;overflow:hidden}.profile-chip strong{font-size:.82rem}.profile-chip small{color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.profile-chip small{color:color-mix(in srgb, var(--color-paper) 48%, transparent)}}.profile-chip small{font-size:.68rem}.studio-shell[data-collapsed=true] .sidebar .nav-link span,.studio-shell[data-collapsed=true] .sidebar-project,.studio-shell[data-collapsed=true] .profile-chip>span:last-child{display:none}.studio-main{min-width:0}.mobile-bar{display:none}.dashboard-page{width:min(1280px,100%);margin:0 auto;padding:clamp(1.75rem,3vw,3rem) clamp(1.25rem,4vw,4rem) 4rem}.page-header{justify-content:space-between;align-items:center;gap:2rem;display:flex}.workflow-heading h1,.onboarding-panel h1{letter-spacing:-.055em;max-width:900px;margin:.42rem 0 0;font-size:clamp(2.25rem,4vw,4rem);font-weight:615;line-height:1}.page-header h1{letter-spacing:-.045em;margin:.2rem 0 0;font-size:clamp(2rem,3vw,2.75rem);font-weight:650;line-height:1.08}.page-header p,.workflow-heading p,.onboarding-panel .lead{max-width:650px;color:var(--color-ink-soft);margin:1rem 0 0;font-size:1.05rem;line-height:1.55}.focus-band{border:1px solid var(--color-line);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-paper);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:2rem 0 2.4rem;padding:1rem 1.1rem;display:grid}.focus-marker{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-accent-dark);background:var(--color-accent-pale);place-items:center;display:grid}.focus-band h2{letter-spacing:-.02em;margin:.16rem 0;font-size:1rem}.focus-band p{max-width:660px;color:var(--color-ink-soft);margin:0;font-size:.82rem}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:690}.section-heading span,.activity-strip>div>span{color:var(--color-muted);margin-top:.15rem;font-size:.75rem;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);align-items:start;gap:1.5rem;display:grid}.app-list{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);overflow:hidden}.app-row{grid-template-columns:auto minmax(150px,1.25fr) minmax(150px,1fr) minmax(120px,.75fr) auto;align-items:center;gap:1rem;min-height:76px;padding:.85rem 1rem;display:grid}.app-row+.app-row{border-top:1px solid var(--color-line)}.app-row:hover{background:var(--color-canvas)}@supports (color:color-mix(in lab, red, red)){.app-row:hover{background:color-mix(in srgb, var(--color-canvas) 58%, var(--color-paper))}}.row-icon{width:2.5rem;height:2.5rem;box-shadow:none;border-radius:.7rem}.row-icon.art-2{color:var(--color-story-blue);background:#dcecff}.app-row-name{gap:.12rem;display:grid}.app-row-name a{width:fit-content;font-size:.95rem;font-weight:680}.app-row-name a:hover{text-underline-offset:3px;text-decoration:underline}.app-row-name span,.updated-time{color:var(--color-muted);font-size:.73rem}.app-row-phase{justify-items:start;gap:.28rem;display:grid}.phase-badge{border-radius:var(--radius-sm);min-height:1.65rem;color:var(--color-ink-soft);background:var(--color-canvas-deep);align-items:center;padding:.25rem .48rem;font-size:.7rem;font-weight:670;display:inline-flex}.updated-time{align-items:center;gap:.28rem;display:inline-flex}.app-row-progress{gap:.35rem;display:grid}.app-row-progress>span{color:var(--color-muted);text-align:right;font-size:.7rem}.row-action{min-height:var(--size-touch-target);align-items:center;gap:.35rem;padding:0 .45rem;font-size:.78rem;font-weight:680;display:inline-flex}.row-action:hover{color:var(--color-accent-dark)}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;display:grid}.app-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper);box-shadow:var(--shadow-sm);transition:transform var(--duration-short) var(--ease-out), box-shadow var(--duration-short) var(--ease-out);overflow:hidden}.app-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.app-art{border-bottom:1px solid var(--color-line);background-color:var(--color-accent-pale);background-image:linear-gradient(var(--color-accent) 1px, transparent 1px), linear-gradient(90deg, var(--color-accent) 1px, transparent 1px);height:220px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.app-art{background-image:linear-gradient(color-mix(in srgb, var(--color-accent) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 12%, transparent) 1px, transparent 1px)}}.app-art{background-size:30px 30px}.app-art.art-2{background-color:#e0eeff;background-image:linear-gradient(#154f6817 1px,#0000 1px),linear-gradient(90deg,#154f6817 1px,#0000 1px)}.app-icon{color:#fff;background:var(--color-ink);width:3rem;height:3rem;box-shadow:var(--shadow-sm);border-radius:.85rem;place-items:center;font-family:Space Grotesk Variable,sans-serif;font-weight:720;display:grid}.app-icon.small{border-radius:.56rem;width:2rem;height:2rem;font-size:.72rem}.app-art>.app-icon{position:absolute;top:1rem;left:1rem}.phone-mini{border:6px solid var(--color-ink);background:var(--color-paper);border-radius:28px;gap:.6rem;width:110px;height:230px;padding:2rem .8rem;display:grid;position:absolute;bottom:-4.8rem;right:2rem;transform:rotate(7deg);box-shadow:0 22px 44px #17131033}.phone-mini:before{background:var(--color-ink);content:"";border-radius:2rem;width:28px;height:7px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-mini i{background:var(--color-accent-soft);border-radius:.5rem;height:2.8rem;display:block}.phone-mini i:nth-child(2){background:var(--color-ink);width:72%}.phone-mini i:nth-child(3){background:#dcecff}.art-label{color:var(--color-accent-dark);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:750;position:absolute;bottom:1rem;left:1rem}.app-card-content{padding:1.15rem}.app-card-content header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.app-card-content h3{letter-spacing:-.045em;margin:.2rem 0 0;font-size:1.55rem}.launch-meta{color:var(--color-muted);justify-content:space-between;margin:1.25rem 0 .48rem;font-size:.78rem;display:flex}.launch-meta span{align-items:center;gap:.35rem;display:inline-flex}.progress-line{background:var(--color-canvas-deep);border-radius:2rem;height:4px;overflow:hidden}.progress-line i{background:var(--color-accent);height:100%;display:block}.card-link{min-height:var(--size-touch-target);justify-content:space-between;align-items:center;margin-top:.6rem;font-size:.85rem;font-weight:670;display:flex}.new-app-card{border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);min-height:430px;color:var(--color-muted);text-align:center;align-content:center;place-items:center;gap:.6rem;display:grid}.new-app-card>span{border:1px solid var(--color-line);width:3.4rem;height:3.4rem;color:var(--color-accent-dark);background:var(--color-paper);border-radius:50%;place-items:center;font-size:1.6rem;display:grid}.new-app-card strong{color:var(--color-ink)}.new-app-card small{font-size:.8rem}.activity-strip{border:0;gap:.85rem;margin:0;padding:0;display:grid}.activity-strip h2{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:690}.activity-strip ul{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.activity-strip li{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-height:76px;padding:.8rem;display:grid}.activity-strip li+li{border-top:1px solid var(--color-line)}.activity-strip li>span:nth-child(2){gap:.12rem;display:grid}.activity-strip small,.activity-strip time{color:var(--color-muted);font-size:.7rem}.activity-icon{background:var(--color-canvas-deep);border-radius:.55rem;flex:none;place-items:center;width:2rem;height:2rem;font-size:.66rem;font-weight:700;display:grid}.activity-icon.success{color:var(--color-success);background:var(--color-success-soft)}.onboarding-shell{background:var(--color-canvas);grid-template:"header header"76px"rail stage"1fr/270px 1fr;min-height:100vh;display:grid}.onboarding-topbar{background:var(--color-ink);grid-area:header;justify-content:space-between;align-items:center;padding:0 1.8rem;display:flex}.text-link{min-height:var(--size-touch-target);color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.text-link{color:color-mix(in srgb, var(--color-paper) 70%, transparent)}}.text-link{line-height:var(--size-touch-target)}.onboarding-rail{border-right:1px solid var(--color-line);background:var(--color-paper);flex-direction:column;grid-area:rail;padding:3rem 1.8rem;display:flex}.onboarding-rail ol{gap:.7rem;margin:1.8rem 0;padding:0;list-style:none;display:grid}.onboarding-rail li{min-height:var(--size-touch-target);color:var(--color-muted);align-items:center;gap:.75rem;font-weight:630;display:flex}.onboarding-rail li>span{border:1px solid var(--color-line);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.72rem;display:grid}.onboarding-rail li[data-active=true]{color:var(--color-ink)}.onboarding-rail li[data-active=true]>span{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.onboarding-rail li[data-complete=true]>span{color:var(--color-success);background:var(--color-success-soft);border-color:#0000}.onboarding-note{border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-muted);background:var(--color-canvas);gap:.7rem;margin-top:auto;padding:1rem;font-size:.75rem;line-height:1.45;display:flex}.onboarding-note svg{color:var(--color-accent)}.onboarding-note p{margin:0}.onboarding-stage{grid-area:stage;grid-template-rows:1fr auto;min-width:0;display:grid}.onboarding-panel{width:min(780px,100% - 3rem);margin:auto;padding:2.5rem 0 2rem}.onboarding-panel h1{max-width:680px;font-size:clamp(2.2rem,3.4vw,3.1rem);line-height:1.02}.form-stack{gap:1.25rem;max-width:620px;margin-top:2.5rem;display:grid}.form-stack.two-column{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px}.form-stack .wide{grid-column:1/-1}label{gap:.45rem;font-size:.84rem;font-weight:650;display:grid}label .optional{color:var(--color-muted);font-size:.72rem;font-weight:500}input,textarea,select{width:100%;min-height:var(--size-touch-target);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);transition:border-color var(--duration-short) var(--ease-out), box-shadow var(--duration-short) var(--ease-out);outline:0;padding:.75rem .85rem;font-weight:500}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.input-with-icon{position:relative}.input-with-icon svg{color:var(--color-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.input-with-icon input{padding-left:2.45rem}.identity-layout{grid-template-columns:200px 1fr;gap:1.5rem;max-width:820px;margin-top:2.5rem;display:grid}.identity-layout .form-stack{margin-top:0}.icon-dropzone{border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-paper);cursor:pointer;text-align:center;align-content:center;place-items:center;gap:.45rem;min-height:200px;display:grid}.icon-dropzone svg{width:2rem;height:2rem;color:var(--color-accent)}.icon-dropzone small{color:var(--color-muted);font-size:.7rem}.icon-dropzone input{display:none}.icon-dropzone img{object-fit:cover;width:112px;height:112px;box-shadow:var(--shadow-sm);border-radius:24px}.onboarding-actions{border-top:1px solid var(--color-line);background:var(--color-paper);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}@supports (color:color-mix(in lab, red, red)){.onboarding-actions{background:color-mix(in srgb, var(--color-paper) 85%, transparent)}}.onboarding-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.form-error{color:var(--color-danger);margin:.55rem 0 0;font-size:.76rem;font-weight:650;line-height:1.4}.onboarding-form-error{border:1px solid var(--color-danger);max-width:820px;padding:.7rem .85rem}@supports (color:color-mix(in lab, red, red)){.onboarding-form-error{border:1px solid color-mix(in srgb, var(--color-danger) 28%, var(--color-line))}}.onboarding-form-error{border-radius:var(--radius-sm);background:var(--color-danger-soft)}.launch-page{min-height:100vh}.launch-header{z-index:var(--z-sticky);border-bottom:1px solid var(--color-line);background:var(--color-canvas);grid-template-columns:minmax(190px,.8fr) minmax(550px,2fr) minmax(100px,.4fr);align-items:center;gap:1rem;min-height:74px;padding:.7rem 1.5rem;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.launch-header{background:color-mix(in srgb, var(--color-canvas) 88%, transparent)}}.launch-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.launch-identity{align-items:center;gap:.75rem;display:flex}.launch-identity>div{display:grid}.launch-identity a{font-weight:700}.launch-identity span{color:var(--color-muted);align-items:center;font-size:.68rem;display:inline-flex}.phase-rail{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.phase-rail li{position:relative}.phase-rail li:not(:last-child):after{background:var(--color-line);content:"";height:1px;position:absolute;top:.75rem;left:calc(50% + .8rem);right:0}.phase-rail a,.phase-rail .phase-disabled{z-index:1;min-height:2.8rem;color:var(--color-muted);flex-direction:column;align-items:center;gap:.24rem;font-size:.68rem;font-weight:650;display:flex;position:relative}.phase-rail a>span,.phase-rail .phase-disabled>span{background:var(--color-canvas);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;display:grid}.phase-rail .phase-disabled{opacity:.48}.phase-rail li[data-active=true] a,.phase-rail li[data-complete=true] a{color:var(--color-ink)}.phase-rail li[data-active=true] a>span{color:#fff;background:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.phase-rail li[data-complete=true] a>span{color:var(--color-success);background:var(--color-success-soft)}.save-state{color:var(--color-muted);justify-content:flex-end;align-items:center;gap:.35rem;font-size:.72rem;display:inline-flex}.workflow-stage{width:min(1240px,100% - 3rem);margin:0 auto;padding:clamp(2rem,3vw,3rem) 0 3rem}.workflow-heading{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;display:flex}.workflow-heading h1{max-width:760px;font-size:clamp(2.25rem,3.5vw,3.4rem);line-height:1.04}.limit-meter{min-width:150px;color:var(--color-muted);text-align:right;gap:.5rem;font-size:.75rem;display:grid}.limit-meter i{background:var(--color-canvas-deep);border-radius:2rem;height:4px;display:block;overflow:hidden}.limit-meter b{background:var(--color-accent);height:100%;display:block}.upload-zone{border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-accent-pale), transparent), var(--color-paper);align-content:center;place-items:center;gap:.55rem;width:100%;min-height:270px;display:grid}@supports (color:color-mix(in lab, red, red)){.upload-zone{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-pale) 60%, transparent), transparent), var(--color-paper)}}.upload-zone:hover{border-color:var(--color-accent)}.upload-zone input{display:none}.upload-zone>span:last-child{color:var(--color-muted);font-size:.83rem}.upload-errors{border:1px solid var(--color-danger);gap:.75rem;margin-top:1rem;padding:.85rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.upload-errors{border:1px solid color-mix(in srgb, var(--color-danger) 28%, var(--color-line))}}.upload-errors{border-radius:var(--radius-md);color:var(--color-danger);background:var(--color-danger-soft)}.upload-errors ul{color:var(--color-ink-soft);margin:.3rem 0 0;padding-left:1rem;font-size:.75rem}.upload-icon{width:4rem;height:4rem;color:var(--color-accent);background:var(--color-accent-pale);border-radius:1.2rem;place-items:center;margin-bottom:.5rem;display:grid}.upload-icon svg{width:2rem;height:2rem}.uploaded-list{margin-top:2.5rem}.compact-heading{align-items:center}.compact-heading h2{font-size:1.5rem}.status-pill{border:1px solid var(--color-line);border-radius:var(--radius-pill);min-height:2.1rem;color:var(--color-ink-soft);background:var(--color-paper);align-items:center;gap:.38rem;padding:.42rem .65rem;font-size:.72rem;font-weight:650;display:inline-flex}.status-pill.success{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.status-pill.success{border-color:color-mix(in srgb, var(--color-success) 20%, var(--color-line))}}.status-pill.success{color:var(--color-success);background:var(--color-success-soft)}.screen-thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.screen-thumb{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);grid-template-columns:62px 1fr auto;align-items:center;gap:.65rem;padding:.7rem;display:grid;position:relative;overflow:hidden}.screen-index{z-index:1;color:#fff;font-size:.58rem;font-weight:750;position:absolute;top:.45rem;left:.45rem}.screen-thumb .mock-phone{width:60px;height:125px}.uploaded-screen-image{border:3px solid var(--color-ink);object-fit:cover;border-radius:13px;width:60px;height:125px}.screen-thumb>div:nth-of-type(2){min-width:0;display:grid}.screen-thumb strong,.screen-thumb small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-thumb strong{font-size:.76rem}.screen-thumb small{color:var(--color-muted);font-size:.62rem}.screen-thumb>button{color:var(--color-muted);background:0 0;align-self:start;padding:.3rem}.add-screen-tile{border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);min-height:150px;color:var(--color-muted);background:0 0;align-content:center;place-items:center;gap:.4rem;display:grid}.workflow-actions{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.workflow-actions>span{max-width:600px;color:var(--color-muted);align-items:center;gap:.4rem;font-size:.78rem;line-height:1.4;display:inline-flex}.processing-stage{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 170px);display:grid}.processing-stage h1{letter-spacing:-.065em;max-width:760px;margin:.55rem 0 0;font-size:clamp(2.5rem,5vw,5rem);font-weight:620;line-height:.98}.processing-stage>p{max-width:610px;color:var(--color-ink-soft)}.scan-visual{width:170px;height:260px;margin-bottom:2rem;position:relative}.scan-visual .mock-phone{width:125px;height:260px}.scan-visual>svg{color:#fff;background:var(--color-accent);width:3rem;height:3rem;box-shadow:var(--shadow-md);border-radius:1rem;padding:.65rem;position:absolute;bottom:28px;right:-8px}.scan-line{z-index:3;background:var(--color-accent);height:2px;box-shadow:0 0 18px var(--color-accent);animation:scan 1.8s var(--ease-in-out) infinite alternate;position:absolute;top:30px;left:0;right:0}@keyframes scan{to{transform:translateY(195px)}}.processing-steps{gap:.6rem;margin-top:1.5rem;display:flex}.processing-steps span{border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-muted);background:var(--color-paper);align-items:center;gap:.38rem;padding:.65rem .8rem;font-size:.72rem;display:inline-flex}.processing-steps span.active{color:var(--color-ink);border-color:var(--color-accent)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.screen-map{gap:.75rem;display:grid}.screen-map-row{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);grid-template-columns:auto 110px minmax(280px,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1rem;display:grid}.drag-handle{color:var(--color-muted)}.screen-map-preview{background:var(--color-canvas-deep);border-radius:.65rem;height:150px;overflow:hidden}.screen-map-preview .mock-phone{width:78px;height:164px;margin:10px auto}.screen-map-preview img{border:3px solid var(--color-ink);object-fit:cover;border-radius:14px;width:78px;height:164px;margin:10px auto;display:block}.screen-map-copy h2{letter-spacing:-.03em;margin:.26rem 0;font-size:1.16rem}.screen-map-copy p{max-width:620px;color:var(--color-muted);margin:0;font-size:.8rem;line-height:1.45}.confidence{color:var(--color-success);margin-top:.58rem;font-size:.68rem;font-weight:700;display:inline-block}.segmented{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-canvas);grid-template-columns:repeat(3,1fr);margin:0;padding:.2rem;display:grid;overflow:hidden}.segmented legend{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.segmented button{min-height:2.5rem;color:var(--color-muted);background:0 0;border-radius:.4rem;padding:.4rem .65rem;font-size:.68rem;font-weight:650}.segmented button[data-active=true]{color:var(--color-ink);background:var(--color-paper);box-shadow:var(--shadow-sm)}.quality-note{border:1px solid var(--color-story-gold);gap:.8rem;margin-top:1rem;padding:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.quality-note{border:1px solid color-mix(in srgb, var(--color-story-gold) 45%, var(--color-line))}}.quality-note{border-radius:var(--radius-md);background:var(--color-story-gold)}@supports (color:color-mix(in lab, red, red)){.quality-note{background:color-mix(in srgb, var(--color-story-gold) 14%, var(--color-paper))}}.quality-note svg{color:#806412}.quality-note p{color:var(--color-ink-soft);margin:.2rem 0 0;font-size:.8rem}.mock-phone{border:8px solid var(--color-ink);width:320px;height:690px;color:var(--color-ink);background:#fffdf8;border-radius:50px;position:relative;overflow:hidden;box-shadow:0 22px 50px #17131033}.mock-phone[data-compact=true]{border-width:4px;border-radius:22px}.mock-phone[data-tone=blue] .mock-widget{background:#dcecff}.mock-phone[data-tone=yellow] .mock-widget{background:#f5f28d}.mock-status{justify-content:space-between;align-items:center;height:7%;padding:0 9%;font-size:.56em;font-weight:700;display:flex}.mock-status i{background:var(--color-ink);border-radius:1rem;width:18%;height:28%}.mock-nav{border-top:1px solid #eee7dc;border-bottom:1px solid #eee7dc;align-items:center;gap:5%;height:8%;padding:0 7%;font-size:.62em;display:flex}.mock-nav strong{flex:1}.mock-logo{color:#fff;background:var(--color-accent);border-radius:.25em;place-items:center;width:1.4em;height:1.4em;display:grid}.mock-avatar{color:var(--color-story-blue);font-size:.72em;font-weight:750}.mock-body{padding:10% 8%}.mock-body small{color:#887e74;font-size:.46em}.mock-body h4{margin:4% 0 11%;font-size:1em;line-height:1}.mock-widget{background:#ffc9bd;border-radius:.55em;gap:10%;height:24%;padding:10%;display:grid}.mock-widget span{background:var(--color-ink);border-radius:1rem;height:.3em;display:block}@supports (color:color-mix(in lab, red, red)){.mock-widget span{background:color-mix(in srgb, var(--color-ink) 26%, transparent)}}.mock-widget span:first-child{background:var(--color-ink);width:75%;height:.8em}.mock-row{grid-template-columns:10% 1fr;gap:6%;margin-top:11%;display:grid}.mock-row i{aspect-ratio:1;background:var(--color-story-blue);border-radius:50%}.mock-row span{background:#ded8d0;border-radius:1rem;align-self:center;height:.5em}.story-status{border-bottom:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;align-items:center;margin:-.55rem 0 1rem;padding-bottom:.75rem;font-size:.72rem;display:flex}.story-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.story-rationale{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);gap:.8rem;padding:1rem;display:grid;position:sticky;top:100px}.story-rationale h2{letter-spacing:-.03em;margin:0;font-size:1.15rem}.story-rationale>p{color:var(--color-muted);margin:0;font-size:.82rem;line-height:1.5}.evidence-card{border-radius:var(--radius-sm);color:var(--color-success);background:var(--color-success-soft);gap:.6rem;padding:.75rem;display:flex}.evidence-card>div{display:grid}.evidence-card span{font-size:.7rem}.story-list{gap:.75rem;display:grid}.story-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);grid-template-columns:28px 32px 112px minmax(0,1fr);align-items:center;gap:.75rem;padding:.75rem;display:grid}.story-order-controls{gap:.2rem;display:grid}.story-order-controls button{width:1.75rem;height:1.75rem;color:var(--color-muted);background:0 0;border-radius:.35rem;place-items:center;display:grid}.story-order-controls button:hover:not(:disabled){color:var(--color-ink);background:var(--color-canvas-deep)}.story-order-controls button:disabled{opacity:.25}.story-number{color:var(--color-muted);align-self:start;font-family:Space Grotesk Variable,sans-serif;font-size:.72rem}.story-screen{background:var(--color-canvas-deep);border-radius:.7rem;place-items:center;height:160px;display:grid;overflow:hidden}.story-screen .mock-phone{width:76px;height:162px}.story-copy{gap:.4rem;display:grid}.story-copy textarea{background:var(--color-canvas);border-color:#0000;min-height:3.3rem;padding:.35rem .45rem}@supports (color:color-mix(in lab, red, red)){.story-copy textarea{background:color-mix(in srgb, var(--color-canvas) 35%, transparent)}}.story-copy textarea{letter-spacing:-.035em;resize:none;box-shadow:none;font-size:clamp(1.15rem,1.7vw,1.55rem);font-weight:640;line-height:1.08}.story-copy input{min-height:2.25rem;color:var(--color-ink-soft);background:var(--color-canvas);border-color:#0000;padding:.35rem .45rem}@supports (color:color-mix(in lab, red, red)){.story-copy input{background:color-mix(in srgb, var(--color-canvas) 35%, transparent)}}.story-copy input{box-shadow:none}.story-copy textarea:hover,.story-copy input:hover{border-color:var(--color-line)}.story-copy textarea:focus,.story-copy input:focus{border-color:var(--color-accent)}.story-card-actions{flex-wrap:wrap;gap:.55rem;display:flex}.story-card-actions button{border:1px solid var(--color-line);border-radius:var(--radius-sm);min-height:2.3rem;color:var(--color-muted);background:0 0;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.7rem;display:inline-flex}.story-options{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);display:grid;overflow:hidden}.story-options button{min-height:2.5rem;color:var(--color-ink-soft);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .65rem;font-size:.78rem;display:flex}.story-options button+button{border-top:1px solid var(--color-line)}.story-options button:hover{background:var(--color-canvas)}.story-evidence{border-radius:var(--radius-sm);color:var(--color-success);background:var(--color-success-soft);gap:.5rem;padding:.65rem;font-size:.72rem;display:flex}.story-evidence p{margin:0;line-height:1.4}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.style-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper);box-shadow:var(--shadow-sm);text-align:left;padding:0;display:grid;overflow:hidden}.style-card:hover,.style-card[data-selected=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft), var(--shadow-md)}.style-preview{height:260px;color:var(--preview-accent,var(--color-ink));background-color:var(--preview-background,var(--color-accent-pale));background-image:linear-gradient(#ff4b371a 1px,#0000 1px),linear-gradient(90deg,#ff4b371a 1px,#0000 1px);background-size:24px 24px;padding:1.1rem;display:block;position:relative;overflow:hidden}.style-preview-copy{z-index:2;gap:.35rem;width:62%;display:grid;position:relative}.style-preview-copy small{color:var(--color-accent-dark);letter-spacing:.09em;text-transform:uppercase;font-size:.55rem;font-weight:750}.style-preview-copy strong{letter-spacing:-.065em;font-size:1.9rem;line-height:.93}.style-preview .mock-phone{width:105px;height:225px;position:absolute;bottom:-3rem;right:1.4rem;transform:rotate(4deg)}.style-card-copy{gap:.65rem;min-height:155px;padding:1rem;display:grid}.style-card-copy>span:first-child{justify-content:space-between;align-items:center;display:flex}.style-card-copy strong{letter-spacing:-.035em;font-size:1.25rem}.style-card-copy small{color:var(--color-muted);text-transform:uppercase;font-size:.65rem}.style-card-copy p{color:var(--color-muted);margin:0;font-size:.78rem;line-height:1.45}.style-card-copy .selected-mark{color:var(--color-accent-dark);justify-content:flex-start;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;display:inline-flex}.editor-shell{background:#e8e3dc;min-height:100vh;overflow:hidden}.editor-topbar{z-index:var(--z-sticky);height:62px;color:var(--color-paper);background:var(--color-ink);border-bottom:1px solid #38332e;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0 .8rem;display:grid;position:relative}.editor-breadcrumb,.editor-history-controls,.editor-primary-actions{align-items:center;gap:.55rem;display:flex}.editor-breadcrumb>a{border-radius:var(--radius-sm);place-items:center;width:2.2rem;height:2.2rem;display:grid}.editor-breadcrumb>div{display:grid}.editor-breadcrumb strong{font-size:.78rem}.editor-breadcrumb span{color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.editor-breadcrumb span{color:color-mix(in srgb, var(--color-paper) 50%, transparent)}}.editor-breadcrumb span{font-size:.62rem}.editor-history-controls{justify-content:center}.editor-history-controls .icon-button,.topbar-button{color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.editor-history-controls .icon-button,.topbar-button{color:color-mix(in srgb, var(--color-paper) 68%, transparent)}}.topbar-button{border-radius:var(--radius-sm);background:0 0;align-items:center;gap:.35rem;min-height:2.35rem;padding:.42rem .6rem;font-size:.7rem;display:inline-flex}.topbar-button:hover{color:var(--color-paper);background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.topbar-button:hover{background:color-mix(in srgb, var(--color-paper) 8%, transparent)}}.editor-divider{background:var(--color-paper);width:1px;height:1.3rem}@supports (color:color-mix(in lab, red, red)){.editor-divider{background:color-mix(in srgb, var(--color-paper) 14%, transparent)}}.editor-primary-actions{justify-content:flex-end}.editor-primary-actions .save-state{color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.editor-primary-actions .save-state{color:color-mix(in srgb, var(--color-paper) 44%, transparent)}}.editor-workspace{grid-template-columns:220px minmax(480px,1fr) 300px;height:calc(100vh - 62px);display:grid}.frame-rail,.inspector{background:var(--color-paper);overflow:auto}.frame-rail{border-right:1px solid var(--color-line)}.inspector{border-left:1px solid var(--color-line)}.panel-heading{z-index:3;border-bottom:1px solid var(--color-line);background:var(--color-paper);justify-content:space-between;align-items:center;min-height:64px;padding:.75rem .85rem;display:flex;position:sticky;top:0}.panel-heading>div{gap:.18rem;display:grid}.panel-heading strong{font-size:.84rem}.frame-list{gap:.35rem;margin:0;padding:.55rem;list-style:none;display:grid}.frame-list li{border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:24px 1fr;align-items:center;display:grid;position:relative}.frame-list li[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-pale)}.frame-grip{height:100%;color:var(--color-muted);cursor:grab;background:0 0;place-items:center;display:grid}.frame-select{text-align:left;background:0 0;gap:.5rem;padding:.35rem;display:grid}.frame-thumbnail{border:1px solid var(--color-line);border-radius:.45rem;height:126px;padding:.75rem;display:block;position:relative;overflow:hidden}.frame-thumbnail>strong{z-index:1;letter-spacing:-.04em;width:70%;font-size:.73rem;line-height:.95;display:block;position:relative}.tiny-phone{border:4px solid var(--color-ink);background:#fff;border-radius:12px;width:45px;height:95px;display:block;position:absolute;bottom:-1rem;right:.8rem}.frame-select>span:last-child{justify-content:space-between;align-items:center;display:flex}.frame-select small{color:var(--color-muted);font-size:.6rem}.frame-select>span:last-child strong{font-size:.72rem}.add-frame-button{width:calc(100% - 1.1rem);min-height:var(--size-touch-target);border:1px dashed var(--color-line-strong);border-radius:var(--radius-sm);color:var(--color-muted);background:0 0;justify-content:center;align-items:center;gap:.35rem;margin:.35rem .55rem;font-size:.72rem;display:flex}.rail-order-actions{grid-template-columns:1fr 1fr;gap:.3rem;padding:.7rem;display:grid}.rail-order-actions span{color:var(--color-muted);grid-column:1/-1;font-size:.62rem}.rail-order-actions button{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:0 0;min-height:2.3rem;font-size:.64rem}.artboard-stage{background-color:#ded8d0;background-image:linear-gradient(#1713100e 1px,#0000 1px),linear-gradient(90deg,#1713100e 1px,#0000 1px);background-size:20px 20px;grid-template-rows:48px 1fr;min-width:0;display:grid;position:relative;overflow:hidden}.artboard-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8bf;border-bottom:1px solid #17131026;justify-content:space-between;align-items:center;padding:0 .75rem;font-size:.68rem;font-weight:650;display:flex}.zoom-control{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);align-items:center;gap:.15rem;padding:.15rem;display:flex}.zoom-control button{background:0 0;border-radius:.3rem;justify-content:center;align-items:center;gap:.22rem;min-width:2rem;min-height:1.9rem;font-size:.64rem;display:inline-flex}.artboard-canvas{place-items:center;padding:5rem;display:grid;overflow:auto}.editor-artboard{--artboard-bg:#fff8ed;--artboard-accent:#ff4b37;width:330px;height:717px;color:var(--color-ink);background:var(--artboard-bg);transform:scale(var(--artboard-zoom,1));transform-origin:50%;flex:none;padding:42px 32px;position:relative;overflow:hidden;box-shadow:0 20px 45px #1713103d}.artboard-grid{background-image:linear-gradient(#1713100f 1px,#0000 1px),linear-gradient(90deg,#1713100f 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.artboard-kicker{color:var(--artboard-accent);letter-spacing:.13em;text-transform:uppercase;font-size:7.5px;font-weight:760;position:relative}.editor-artboard h1{max-width:265px;color:var(--artboard-accent);letter-spacing:-.07em;margin:13px 0 0;font-size:39px;font-weight:650;line-height:.9;position:relative}.editor-artboard p{max-width:220px;color:var(--color-ink-soft);margin:13px 0 0;font-size:11.5px;line-height:1.2;position:relative}.artboard-phone-wrap{position:absolute;bottom:-25px;right:40px}.artboard-phone-wrap .mock-phone{border-width:5px;border-radius:28px;width:172px;height:371px;font-size:.7rem}.artboard-brand{color:#1713106b;letter-spacing:.1em;text-transform:uppercase;font-size:5.5px;font-weight:700;position:absolute;bottom:14px;left:16px}.command-hint{border-radius:var(--radius-sm);min-height:2.2rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8d1;border:1px solid #1713102e;align-items:center;gap:.3rem;padding:.4rem .55rem;font-size:.65rem;display:flex;position:absolute;bottom:.8rem;right:.8rem}.command-hint span{color:var(--color-muted)}.inspector-heading{min-height:64px}.status-dot{border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;display:grid}.status-dot.success{color:var(--color-success);background:var(--color-success-soft)}.inspector-section{border-bottom:1px solid var(--color-line)}.inspector-section summary{min-height:var(--size-touch-target);cursor:pointer;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.75rem;font-weight:720;list-style:none;display:flex}.inspector-section[open] summary svg{transform:rotate(180deg)}.inspector-section>div{gap:.8rem;padding:0 .85rem .9rem;display:grid}.inspector-section label{font-size:.68rem}.inspector-section textarea{min-height:auto;font-size:.76rem}.field-meta{color:var(--color-muted);justify-content:space-between;font-weight:500;display:flex}.fit-good{color:var(--color-success);align-items:center;gap:.22rem;display:inline-flex}.inline-action{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-canvas);min-height:2.3rem;font-size:.7rem;font-weight:650}.editor-alternatives{gap:.35rem;display:grid}.editor-alternatives button{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-canvas);text-align:left;min-height:2.4rem;padding:.5rem .65rem;font-size:.68rem}.palette-fields{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.palette-fields label>span{border:1px solid var(--color-line);border-radius:var(--radius-sm);align-items:center;gap:.35rem;padding:.38rem;font-size:.6rem;display:flex}.palette-fields input[type=color]{border:0;width:1.7rem;height:1.7rem;min-height:0;padding:0}.inspector-actions-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.inspector-actions-grid button{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:0 0;justify-content:center;align-items:center;gap:.3rem;min-height:2.4rem;font-size:.68rem;display:inline-flex}.preflight-mini{border:1px solid var(--color-success);gap:.28rem;margin:1rem .8rem;padding:.85rem;display:grid}@supports (color:color-mix(in lab, red, red)){.preflight-mini{border:1px solid color-mix(in srgb, var(--color-success) 22%, var(--color-line))}}.preflight-mini{border-radius:var(--radius-md);background:var(--color-success-soft)}.preflight-mini>span{color:var(--color-success);align-items:center;gap:.32rem;font-size:.63rem;font-weight:700;display:inline-flex}.preflight-mini strong{font-size:.8rem}.preflight-mini small{color:var(--color-muted);font-size:.62rem}.history-drawer{z-index:var(--z-modal);border-left:1px solid var(--color-line);background:var(--color-paper);width:min(400px,100vw);animation:slide-in var(--duration-deliberate) var(--ease-out);padding:1rem;position:fixed;top:62px;bottom:0;right:0;box-shadow:-18px 0 60px #17131029}@keyframes slide-in{0%{transform:translate(100%)}}.history-drawer header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.history-drawer h2{letter-spacing:-.04em;margin:.25rem 0 0;font-size:1.6rem}.history-list{gap:0;margin:1.2rem 0;padding:0;list-style:none;display:grid}.history-list li{grid-template-columns:22px 1fr;gap:.6rem;min-height:100px;display:grid;position:relative}.history-list li:before{background:var(--color-line);content:"";width:1px;position:absolute;top:16px;bottom:-8px;left:5px}.history-list li:last-child:before{display:none}.history-dot{z-index:1;border:2px solid var(--color-paper);background:var(--color-line-strong);width:11px;height:11px;box-shadow:0 0 0 1px var(--color-line);border-radius:50%;position:relative}.history-list li[data-current] .history-dot{background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.history-list li>div{align-content:start;display:grid}.history-list strong{font-size:.8rem}.history-list small{color:var(--color-muted);font-size:.62rem}.history-list p{color:var(--color-ink-soft);margin:.35rem 0 0;font-size:.72rem}.compare-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-canvas);gap:.4rem;padding:1rem;display:grid}.compare-card>svg{color:var(--color-accent)}.compare-card p{color:var(--color-muted);margin:0;font-size:.72rem}.compare-card button{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);min-height:2.4rem;margin-top:.3rem;font-size:.7rem}.preview-overlay{z-index:var(--z-modal);color:var(--color-paper);background:var(--color-ink);position:fixed;inset:0;overflow:auto}.preview-overlay>header{z-index:2;border-bottom:1px solid var(--color-paper);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.preview-overlay>header{border-bottom:1px solid color-mix(in srgb, var(--color-paper) 12%, transparent)}}.preview-overlay>header{background:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.preview-overlay>header{background:color-mix(in srgb, var(--color-ink) 88%, transparent)}}.preview-overlay>header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.preview-overlay>header>div{display:grid}.preview-overlay .eyebrow{color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.preview-overlay .eyebrow{color:color-mix(in srgb, var(--color-paper) 45%, transparent)}}.preview-set{gap:1rem;width:max-content;min-width:100%;padding:clamp(2rem,5vw,5rem);display:flex}.preview-frame{flex:none;align-content:start;width:330px;height:717px;padding:2rem 1.6rem;display:grid;position:relative;overflow:hidden}.preview-frame>span{font-size:.68rem;font-weight:700}.preview-frame>strong{letter-spacing:-.065em;margin-top:1rem;font-size:2.6rem;line-height:.92}.preview-frame .mock-phone{width:190px;height:410px;position:absolute;bottom:-4rem;left:50%;transform:translate(-50%)}.command-backdrop{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17131085;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-paper);width:min(560px,100vw - 2rem);box-shadow:var(--shadow-lg);overflow:hidden}.command-palette>label{border-bottom:1px solid var(--color-line);grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.65rem .85rem;display:grid}.command-palette input{box-shadow:none;border:0}kbd{border:1px solid var(--color-line);color:var(--color-muted);background:var(--color-canvas);border-radius:.32rem;padding:.2rem .4rem;font:.65rem Space Grotesk Variable,monospace}.command-palette ul{margin:0;padding:.35rem;list-style:none}.command-palette button{width:100%;min-height:var(--size-touch-target);border-radius:var(--radius-sm);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:.6rem .7rem;display:flex}.command-palette button:hover{background:var(--color-canvas)}.command-empty{color:var(--color-muted);text-align:center;padding:1rem;font-size:.75rem}.comparison-dialog{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-paper);width:min(780px,100vw - 2rem);max-height:78vh;box-shadow:var(--shadow-lg);padding:1rem;overflow:auto}.comparison-dialog>header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.comparison-dialog h2{margin:.25rem 0 0;font-size:1.35rem}.comparison-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.comparison-columns section{align-content:start;gap:.4rem;display:grid}.comparison-columns article{border:1px solid var(--color-line);border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;min-height:3rem;padding:.5rem;display:grid}.comparison-columns article p{margin:0;font-size:.72rem}.comparison-columns article i{border-radius:50%;width:1rem;height:1rem}.export-toast{z-index:var(--z-toast);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-paper);min-width:360px;box-shadow:var(--shadow-lg);grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.8rem;display:grid;position:fixed;bottom:1rem;right:1rem}.export-status-icon{width:2.2rem;height:2.2rem;color:var(--color-accent);background:var(--color-accent-pale);border-radius:50%;place-items:center;display:grid}.export-status-icon.ready{color:var(--color-success);background:var(--color-success-soft)}.export-status-icon.error{color:var(--color-danger);background:var(--color-danger-soft)}.editor-loading{min-height:100vh;color:var(--color-muted);background:var(--color-canvas);align-content:center;place-items:center;gap:.6rem;display:grid}.export-toast>div{display:grid}.export-toast strong{font-size:.78rem}.export-toast span{color:var(--color-muted);font-size:.65rem}.consent-banner{z-index:var(--z-toast);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-paper);width:min(540px,100vw - 2rem);box-shadow:var(--shadow-lg);grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid;position:fixed;bottom:1rem;right:1rem}.consent-banner p{color:var(--color-muted);margin:.35rem 0 0;font-size:.75rem;line-height:1.45}.auth-shell{min-height:100vh;color:var(--color-paper);background:var(--color-ink)}.auth-shell>header{border-bottom:1px solid var(--color-paper);justify-content:space-between;align-items:center;min-height:76px;padding:0 2rem;display:flex}@supports (color:color-mix(in lab, red, red)){.auth-shell>header{border-bottom:1px solid color-mix(in srgb, var(--color-paper) 11%, transparent)}}.auth-shell>header>span{color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.auth-shell>header>span{color:color-mix(in srgb, var(--color-paper) 48%, transparent)}}.auth-shell>header>span{font-size:.72rem}.auth-panel{grid-template-columns:1fr minmax(420px,.7fr);min-height:calc(100vh - 76px);display:grid}.auth-copy{background:linear-gradient(var(--color-accent) 1px, transparent 1px), linear-gradient(90deg, var(--color-accent) 1px, transparent 1px);align-content:center;padding:clamp(2rem,7vw,8rem);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.auth-copy{background:linear-gradient(color-mix(in srgb, var(--color-accent) 17%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 17%, transparent) 1px, transparent 1px)}}.auth-copy{background-size:52px 52px}.auth-copy:after{border:1px solid var(--color-accent);background:var(--color-accent);border-radius:45% 55% 38% 62%;width:30rem;height:30rem;position:absolute;bottom:-9rem;right:-5rem}@supports (color:color-mix(in lab, red, red)){.auth-copy:after{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}}.auth-copy:after{content:"";transform:rotate(15deg)}.auth-copy h1{z-index:1;letter-spacing:-.075em;max-width:720px;margin:.7rem 0 0;font-size:clamp(3.5rem,7vw,7.5rem);font-weight:610;line-height:.88;position:relative}.auth-copy>p{z-index:1;max-width:560px;color:var(--color-paper);position:relative}@supports (color:color-mix(in lab, red, red)){.auth-copy>p{color:color-mix(in srgb, var(--color-paper) 65%, transparent)}}.auth-copy>p{font-size:1rem;line-height:1.5}.auth-copy ul{z-index:1;gap:.65rem;margin:2rem 0 0;padding:0;list-style:none;display:grid;position:relative}.auth-copy li{color:var(--color-paper);align-items:center;gap:.55rem;display:flex}@supports (color:color-mix(in lab, red, red)){.auth-copy li{color:color-mix(in srgb, var(--color-paper) 72%, transparent)}}.auth-copy li{font-size:.82rem}.auth-copy li svg{color:var(--color-accent)}.auth-form-card{border:1px solid var(--color-paper);place-self:center;gap:.9rem;width:min(440px,100% - 2rem);padding:2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.auth-form-card{border:1px solid color-mix(in srgb, var(--color-paper) 13%, transparent)}}.auth-form-card{border-radius:var(--radius-lg);background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.auth-form-card{background:color-mix(in srgb, var(--color-paper) 6%, var(--color-ink))}}.auth-form-card{box-shadow:var(--shadow-lg)}.auth-form-card h2{letter-spacing:-.05em;margin:0;font-size:2rem}.auth-form-card>p{color:var(--color-paper);margin:0}@supports (color:color-mix(in lab, red, red)){.auth-form-card>p{color:color-mix(in srgb, var(--color-paper) 55%, transparent)}}.auth-form-card>p{font-size:.83rem;line-height:1.4}.auth-form-card form{gap:.85rem;display:grid}.auth-form-card input{color:var(--color-ink)}.auth-form-card .button.secondary{color:var(--color-paper);border-color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.auth-form-card .button.secondary{border-color:color-mix(in srgb, var(--color-paper) 18%, transparent)}}.auth-form-card .button.secondary{background:0 0}.auth-form-card>small{color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.auth-form-card>small{color:color-mix(in srgb, var(--color-paper) 44%, transparent)}}.auth-form-card>small{text-align:center;font-size:.65rem;line-height:1.45}.auth-form-card>small a{color:var(--color-paper);text-decoration:underline}.auth-divider{color:var(--color-paper);grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;display:grid}@supports (color:color-mix(in lab, red, red)){.auth-divider{color:color-mix(in srgb, var(--color-paper) 35%, transparent)}}.auth-divider{font-size:.65rem}.auth-divider:before,.auth-divider:after{background:var(--color-paper);height:1px}@supports (color:color-mix(in lab, red, red)){.auth-divider:before,.auth-divider:after{background:color-mix(in srgb, var(--color-paper) 12%, transparent)}}.auth-divider:before,.auth-divider:after{content:""}.text-button{color:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.text-button{color:color-mix(in srgb, var(--color-paper) 60%, transparent)}}.text-button{background:0 0;font-size:.7rem}.auth-message{border:1px solid var(--color-accent);padding:.65rem}@supports (color:color-mix(in lab, red, red)){.auth-message{border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent)}}.auth-message{border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-paper)!important}@supports (color:color-mix(in lab, red, red)){.auth-message{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}}.table-toolbar{border:1px solid var(--color-line);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-paper);border-bottom:0;justify-content:space-between;gap:1rem;margin-top:3rem;padding:.75rem;display:flex}.table-toolbar label{width:min(360px,100%);position:relative}.table-toolbar label svg{color:var(--color-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.table-toolbar input{padding-left:2.5rem}.table-toolbar select{width:auto}.launch-table{border:1px solid var(--color-line);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-paper);overflow:hidden}.launch-table article{border-bottom:1px solid var(--color-line);grid-template-columns:auto minmax(150px,1fr) auto auto auto auto;align-items:center;gap:1rem;padding:.9rem;display:grid}.launch-table article:last-child{border-bottom:0}.launch-table article>div{display:grid}.launch-table article small,.launch-table article>span{color:var(--color-muted);font-size:.72rem}.launch-table article>a{min-height:var(--size-touch-target);align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;display:inline-flex}.empty-state{border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-paper);align-content:center;place-items:center;gap:.7rem;min-height:430px;margin-top:3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.empty-state{background:color-mix(in srgb, var(--color-paper) 66%, transparent)}}.empty-state{text-align:center}.empty-state>span{width:4rem;height:4rem;color:var(--color-accent);background:var(--color-accent-pale);border-radius:1.2rem;place-items:center;display:grid}.empty-state h2{letter-spacing:-.04em;margin:0;font-size:1.7rem}.empty-state p{color:var(--color-muted);margin:0 0 .4rem}.help-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;display:grid}.help-grid article{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper);align-content:start;gap:.7rem;min-height:300px;padding:1.2rem;display:grid;position:relative}.help-grid article>span{color:var(--color-line-strong);font-family:Space Grotesk Variable,sans-serif;font-size:.7rem;position:absolute;top:1rem;right:1rem}.help-grid article>svg{width:2rem;height:2rem;color:var(--color-accent)}.help-grid h2{letter-spacing:-.04em;margin:1.2rem 0 0;font-size:1.35rem}.help-grid p{color:var(--color-muted);margin:0;font-size:.8rem;line-height:1.45}.help-grid button{color:var(--color-accent-dark);background:0 0;justify-self:start;align-items:center;gap:.3rem;margin-top:auto;font-size:.75rem;font-weight:700;display:inline-flex}.settings-layout{grid-template-columns:210px minmax(0,760px);gap:2rem;margin-top:3rem;display:grid}.settings-layout>nav{align-self:start;gap:.25rem;display:grid;position:sticky;top:2rem}.settings-layout>nav a{min-height:var(--size-touch-target);border-radius:var(--radius-sm);color:var(--color-muted);padding:.7rem;font-size:.8rem;font-weight:650}.settings-layout>nav a:hover{color:var(--color-ink);background:var(--color-paper)}.settings-content{gap:1rem;display:grid}.settings-content>section{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);padding:1.3rem}.settings-content h2{letter-spacing:-.04em;margin:.3rem 0 1.4rem;font-size:1.5rem}.settings-content .form-stack{margin:0 0 1rem}.device-row,.settings-action{border-top:1px solid var(--color-line);align-items:center;gap:.7rem;padding:.8rem 0;display:flex}.device-row>div,.settings-action>div{flex:1;display:grid}.device-row small,.settings-action p{color:var(--color-muted);font-size:.7rem}.settings-action p{max-width:500px;margin:.2rem 0 0;line-height:1.4}.settings-callout{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-canvas);gap:.4rem;margin-top:1rem;padding:1rem;display:grid}.settings-callout p{color:var(--color-muted);margin:0;font-size:.75rem}.settings-callout .button{justify-self:start}.settings-action.danger{border-color:var(--color-error);margin-top:1rem}@supports (color:color-mix(in lab, red, red)){.settings-action.danger{border-color:color-mix(in srgb, var(--color-error) 25%, var(--color-line))}}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:3rem;display:grid}.admin-metrics article{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);gap:.4rem;padding:1rem;display:grid}.admin-metrics span,.admin-metrics small{color:var(--color-muted);font-size:.7rem}.admin-metrics strong{letter-spacing:-.05em;font-size:2rem}.admin-table{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);margin-top:1.5rem;overflow:hidden}.admin-table>header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding:1rem;display:flex}.admin-table h2{letter-spacing:-.04em;margin:.25rem 0 0;font-size:1.35rem}.admin-table>div{border-bottom:1px solid var(--color-line);grid-template-columns:100px 1.2fr auto 1fr auto auto;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.75rem;display:grid}.admin-table code{color:var(--color-muted)}.admin-warning{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-canvas-deep);gap:.8rem;margin-top:1rem;padding:1rem;display:flex}.admin-warning p{color:var(--color-muted);margin:.2rem 0 0;font-size:.75rem}@media (max-width:1100px){.studio-shell{grid-template-columns:80px minmax(0,1fr)}.sidebar .nav-link span,.sidebar-project,.profile-chip>span:last-child,.sidebar-toggle{display:none}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.new-app-card{min-height:250px}.screen-thumb-grid,.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-map-row{grid-template-columns:auto 95px minmax(0,1fr)}.screen-map-row .segmented{grid-column:3}.editor-workspace{grid-template-columns:180px minmax(420px,1fr) 270px}.editor-history-controls .topbar-button,.editor-primary-actions .save-state{display:none}.admin-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.studio-shell{display:block}.sidebar{display:none}.mobile-bar{z-index:var(--z-sticky);background:var(--color-ink);justify-content:space-between;align-items:center;min-height:64px;padding:.65rem 1rem;display:flex;position:sticky;top:0}.mobile-bar[data-context=launch]{display:none}.dashboard-page{padding:2rem 1rem 5rem}.page-header{display:grid}.page-header>.button{display:none}.workflow-heading h1,.onboarding-panel h1{font-size:clamp(2.2rem,10vw,3rem);line-height:1.02}.page-header h1{font-size:2rem}.focus-band{grid-template-columns:auto 1fr;margin:1.5rem 0 2rem}.focus-band>.button{grid-column:1/-1}.app-row{grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem}.app-row-phase,.app-row-progress{display:none}.row-action{padding:0}.app-grid,.activity-strip{grid-template-columns:1fr}.onboarding-shell{display:block}.onboarding-topbar{min-height:64px;padding:0 1rem}.onboarding-rail{border-right:0;border-bottom:1px solid var(--color-line);padding:1rem}.onboarding-rail>.eyebrow,.onboarding-note{display:none}.onboarding-rail ol{grid-template-columns:repeat(2,1fr);gap:.3rem;margin:0}.onboarding-rail li{text-align:center;justify-items:center;gap:.3rem;font-size:.63rem;display:grid}.onboarding-panel{width:auto;padding:2rem 1rem 7rem}.onboarding-panel h1{font-size:clamp(2.2rem,11vw,3.2rem)}.identity-layout,.form-stack.two-column{grid-template-columns:1fr}.form-stack .wide{grid-column:auto}.onboarding-actions{z-index:var(--z-sticky);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.launch-header{grid-template-columns:1fr auto;padding:.65rem 1rem}.phase-rail{overscroll-behavior-x:contain;scrollbar-width:none;grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(82px,1fr));overflow-x:auto}.phase-rail a,.phase-rail .phase-disabled{text-align:center;white-space:normal;max-width:none;font-size:.62rem}.launch-header>.save-state{grid-area:1/2}.workflow-stage{width:auto;padding:2.4rem 1rem 3rem}.workflow-heading{display:grid}.workflow-heading .button,.workflow-heading .status-pill{justify-self:start}.upload-zone{text-align:center;min-height:230px;padding:1rem}.screen-thumb-grid,.style-grid{grid-template-columns:1fr}.screen-map-row{grid-template-columns:auto 86px 1fr;gap:.65rem}.screen-map-copy{min-width:0}.screen-map-row .segmented{grid-column:2/-1}.processing-steps{display:grid}.workflow-actions{flex-direction:column;align-items:stretch}.workflow-actions .button-row,.workflow-actions .button{width:100%}.story-layout{grid-template-columns:1fr}.story-rationale{position:static}.story-card{grid-template-columns:30px 1fr}.story-order-controls,.story-number{grid-column:1}.story-screen{grid-column:2;height:180px}.story-copy{grid-column:1/-1}.editor-shell{overflow:auto}.editor-topbar{grid-template-columns:1fr auto}.editor-history-controls,.editor-primary-actions .button.secondary{display:none}.editor-workspace{grid-template-rows:minmax(620px,75vh) auto;grid-template-columns:90px minmax(0,1fr);height:auto;min-height:calc(100vh - 62px)}.frame-rail{min-width:0}.panel-heading strong,.panel-heading .icon-button,.frame-grip,.frame-select>span:last-child,.add-frame-button,.rail-order-actions{display:none}.frame-list li{display:block}.frame-select{width:100%}.frame-thumbnail{height:95px;padding:.5rem}.inspector{border-top:1px solid var(--color-line);border-left:0;grid-column:1/-1;max-height:none;display:block}.artboard-toolbar>span{display:none}.artboard-toolbar{justify-content:center}.editor-artboard{transform:scale(.72)!important}.artboard-canvas{padding:2rem}.preview-frame{width:280px;height:608px}.export-toast{grid-template-columns:auto 1fr;min-width:0;bottom:.7rem;left:.7rem;right:.7rem}.export-toast .button{grid-column:1/-1}.consent-banner{grid-template-columns:1fr;width:calc(100vw - 1.4rem);bottom:.7rem;right:.7rem}.auth-shell>header{padding:0 1rem}.auth-panel{padding:1rem 0 3rem;display:block}.auth-copy{padding:3rem 1rem}.auth-copy h1{font-size:clamp(3.5rem,16vw,5.5rem)}.auth-form-card{margin-top:1rem;padding:1.2rem}.table-toolbar{display:grid}.table-toolbar select{width:100%}.launch-table article{grid-template-columns:auto 1fr auto}.launch-table article>span,.launch-table article>a{grid-column:2}.launch-table article>button{grid-area:1/3}.help-grid,.settings-layout{grid-template-columns:1fr}.settings-layout>nav{grid-template-columns:repeat(3,1fr);position:static}.settings-action,.device-row{flex-wrap:wrap;align-items:flex-start}.admin-metrics{grid-template-columns:1fr 1fr}.admin-table{overflow:auto}.admin-table>div{min-width:720px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}