@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,dl,dd,figure,fieldset{margin:0}ul,ol,fieldset{padding:0}fieldset{border:0}button,input,select,textarea{font:inherit}img,svg{max-width:100%;display:block}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e10;--bg-raise:#121316;--bg-panel:#16171a;--surface:#f4f2ec0a;--line:#f4f2ec1a;--line-strong:#f4f2ec2e;--text:#f4f2ec;--text-soft:#aaa8a1;--text-faint:#7d7b75;--accent:#7c5cf0;--accent-strong:#8f73f3;--accent-text:#ab94f8;--ok:#7fce9f;--danger:#f08fa4;--radius-control:9px;--radius-surface:14px;--shadow-surface:0 16px 40px #00000059;--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-press:.12s;--dur-ui:.18s;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--topbar-height:61px}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--sans);letter-spacing:-.006em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow-x:clip}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;font-weight:650}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:4px}::selection{background:var(--accent);color:#fff}}@layer components{.site{flex-direction:column;min-height:100svh;display:flex}.container{width:min(1120px,100% - 40px);margin-inline:auto}.skip-link{z-index:100;border-radius:var(--radius-control);background:var(--text);color:var(--bg);padding:10px 14px;font-weight:650;position:fixed;top:12px;left:12px;translate:0 -300%}.skip-link:focus{translate:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header,.studio-topbar{z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.header-inner{align-items:center;gap:clamp(14px,2.5vw,28px);min-height:60px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-size:14.5px;font-weight:650;display:inline-flex}.brand-mark{width:24px;height:24px;color:var(--accent);flex:none}.primary-nav{color:var(--text-soft);align-items:center;gap:clamp(14px,2vw,26px);margin-left:auto;font-size:13.5px;font-weight:550;display:flex}.primary-nav a,.header-sign-in{padding-block:8px;transition:color .14s}.header-sign-in{color:var(--text-soft);font-size:13.5px;font-weight:550}.site-footer{border-top:1px solid var(--line);background:var(--bg-raise);margin-top:auto}.footer-grid{grid-template-columns:minmax(220px,1fr) auto;gap:40px clamp(40px,8vw,120px);padding-block:52px 40px;display:grid}.footer-note{max-width:300px;color:var(--text-soft);margin-top:14px;font-size:13.5px;line-height:1.55}.footer-links{grid-template-columns:repeat(3,auto);gap:40px clamp(32px,5vw,72px);display:grid}.footer-links strong{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:650;display:block}.footer-links a{color:var(--text-soft);padding-block:5px;font-size:13.5px;transition:color .14s;display:block}.footer-bottom{border-top:1px solid var(--line);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-block:18px;font-size:12px;display:flex}@media (max-width:860px){.primary-nav{display:none}.header-inner{justify-content:space-between}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px}}@media (max-width:560px){.header-sign-in{display:none}}.button{border-radius:var(--radius-control);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;letter-spacing:-.01em;transition:background-color .14s ease, border-color .14s ease, color .14s ease, transform var(--dur-press) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.button:active{transform:translateY(1px)}.button:disabled{cursor:wait;opacity:.65;transform:none}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.button-primary:active{background:color-mix(in srgb, var(--accent) 88%, black)}.button-ghost{border-color:var(--line-strong);background:0 0}.button-quiet{color:var(--text-soft);background:0 0}.button-small{min-height:36px;padding-inline:14px;font-size:13px}.button-large{min-height:50px;padding-inline:24px;font-size:15px}.text-button{color:var(--accent-text);cursor:pointer;transition:color .14s ease, transform var(--dur-press) var(--ease-out);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.text-button:active{transform:translateY(1px)}@media (hover:hover) and (pointer:fine){.primary-nav a:hover,.header-sign-in:hover,.footer-links a:hover,.text-button:hover{color:var(--text)}.button:hover{background:var(--surface);border-color:var(--line-strong)}.button-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.button-ghost:hover{border-color:var(--text-faint);background:var(--surface)}.button-quiet:hover{color:var(--text);background:var(--surface)}}.eyebrow{color:var(--accent-text);letter-spacing:.12em;text-transform:uppercase;font-size:11.5px;font-weight:650}.mini-label{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:650}.section{padding-block:clamp(56px,8vw,104px)}.section-tight{padding-block:clamp(40px,5vw,72px)}.section-head{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}.section-head h2{margin-top:14px;font-size:clamp(26px,3.2vw,38px);line-height:1.1}.section-head>p:not(.eyebrow){max-width:600px;color:var(--text-soft);margin-top:14px;font-size:16px;line-height:1.6}.media-tag{z-index:3;color:var(--text-soft);letter-spacing:.07em;text-transform:uppercase;background:#0d0e10d1;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:650;position:absolute;bottom:12px;left:12px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:center;gap:clamp(40px,6vw,80px);padding-block:clamp(48px,7vw,96px) clamp(48px,6vw,80px);display:grid}.hero-grid h1{letter-spacing:-.025em;max-width:12ch;margin-top:18px;font-size:clamp(38px,4.8vw,60px);font-weight:650;line-height:1.04}.hero-lede{max-width:520px;color:var(--text-soft);margin-top:20px;font-size:clamp(15.5px,1.4vw,17.5px);line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.hero-facts{color:var(--text-faint);margin-top:22px;font-size:13px}.hero-collage{grid-template-rows:auto auto;grid-template-columns:1.25fr 1fr;gap:10px;display:grid}.collage-cell{border-radius:var(--radius-surface);background:var(--bg-raise);position:relative;overflow:hidden}.collage-cell img{object-fit:cover;width:100%;height:100%}.collage-tall{aspect-ratio:4/5.4;grid-row:1/3}.collage-wide,.collage-square{aspect-ratio:16/10.5}.collage-caption{color:var(--text-faint);grid-column:1/-1;margin-top:2px;font-size:12.5px}.collage-caption strong{color:var(--text-soft);font-weight:600}.proof-stage{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;display:grid}.proof-media{border-radius:var(--radius-surface);background:var(--bg-raise);position:relative;overflow:hidden}.proof-media img{object-fit:cover;width:100%;height:100%}.proof-panel{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--bg-panel);flex-direction:column;display:flex;overflow:hidden}.proof-panel-portrait{aspect-ratio:5/3.4;position:relative}.proof-panel-portrait img{object-fit:cover;object-position:center 26%;width:100%;height:100%}.proof-panel-body{flex-direction:column;flex:1;padding:20px;display:flex}.proof-panel h3{margin-top:8px;font-size:24px}.proof-panel-body>p{color:var(--text-soft);margin-top:8px;font-size:13.5px;line-height:1.55}.proof-panel dl{margin-top:auto;padding-top:16px}.proof-panel dl div{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-block:9px;font-size:12.5px;display:flex}.proof-panel dt{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;padding-top:2px;font-size:10.5px;font-weight:650}.proof-panel dd{color:var(--text-soft);text-align:right}.tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(28px,4vw,56px);display:grid}.tool-list article{border-top:1px solid var(--line);padding-top:20px}.tool-list header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tool-list h3{font-size:17px}.tool-status{color:var(--text-faint);letter-spacing:.07em;text-transform:uppercase;flex:none;font-size:10.5px;font-weight:650}.tool-status.is-live{color:var(--ok)}.tool-list p{color:var(--text-soft);margin-top:10px;font-size:13.5px;line-height:1.6}.range-band{border-block:1px solid var(--line);background:var(--bg-raise)}.range-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(36px,6vw,72px);display:grid}.range-grid h2{margin-top:14px;font-size:clamp(24px,3vw,34px);line-height:1.12}.range-grid>div>p:not(.eyebrow){color:var(--text-soft);margin-top:14px;font-size:15.5px;line-height:1.6}.range-media{grid-template-columns:1fr 1fr;gap:12px;display:grid}.range-media figure{border-radius:var(--radius-surface);background:var(--bg-panel);overflow:hidden}.range-media img{object-fit:cover;aspect-ratio:4/3.4;width:100%;height:100%}.range-media figcaption{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:10px;padding:10px 2px 0;font-size:11px;font-weight:650;display:flex}.step-flow{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(28px,4vw,56px);list-style:none;display:grid}.step-flow li{counter-increment:step;border-top:1px solid var(--line);padding-top:20px}.step-flow li:before{content:"0" counter(step);color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:650;display:block}.step-flow strong{letter-spacing:-.015em;margin-top:12px;font-size:16.5px;font-weight:650;display:block}.step-flow p{color:var(--text-soft);margin-top:8px;font-size:13.5px;line-height:1.6}.compare-table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--radius-surface);width:100%;overflow:hidden}.compare-table th,.compare-table td{border-top:1px solid var(--line);text-align:left;width:50%;padding:15px 20px;font-size:14px}.compare-table thead th{background:var(--bg-raise);color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;border-top:0;font-size:11px;font-weight:650}.compare-table thead th:last-child{color:var(--text)}.compare-table td:first-child{color:var(--text-faint)}.compare-table td:last-child{border-left:1px solid var(--line);color:var(--text);font-weight:550}.cta-band{border-top:1px solid var(--line);background:var(--bg-raise)}.cta-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px clamp(40px,6vw,80px);padding-block:clamp(56px,7vw,96px);display:grid}.cta-inner h2{max-width:560px;margin-top:14px;font-size:clamp(26px,3.2vw,38px);line-height:1.1}.cta-inner>div>p:not(.eyebrow){max-width:540px;color:var(--text-soft);margin-top:14px;font-size:15.5px;line-height:1.6}.cta-actions{justify-items:center;gap:10px;display:grid}.cta-actions>span{color:var(--text-faint);font-size:12.5px}@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-collage{max-width:640px}.proof-stage{grid-template-columns:1fr}.proof-media{aspect-ratio:1}.tool-list,.step-flow{grid-template-columns:1fr;gap:0}.tool-list article,.step-flow li{padding-block:20px}.range-grid{grid-template-columns:1fr}.cta-inner{grid-template-columns:1fr;justify-items:start}.cta-actions{justify-items:start}}@media (max-width:620px){.hero-collage{grid-template-columns:1fr 1fr}.collage-tall{aspect-ratio:4/5}.compare-table th,.compare-table td{padding:12px 14px;font-size:12.5px}.range-media{grid-template-columns:1fr}}.page-hero{padding-block:clamp(48px,7vw,88px) clamp(36px,4vw,56px)}.page-hero h1{letter-spacing:-.025em;max-width:22ch;margin-top:16px;font-size:clamp(32px,4.2vw,52px);font-weight:650;line-height:1.06}.page-hero-copy>p{max-width:600px;color:var(--text-soft);margin-top:18px;font-size:16.5px;line-height:1.6}.seo-showcase{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(36px,6vw,72px);display:grid}.seo-showcase-art{aspect-ratio:4/3.1;border-radius:var(--radius-surface);background:var(--bg-panel);position:relative;overflow:hidden}.seo-showcase-art img{object-fit:cover}.seo-showcase-copy h2{max-width:520px;margin-top:14px;font-size:clamp(24px,3vw,32px);line-height:1.12}.seo-showcase-copy>p:not(.eyebrow){max-width:520px;color:var(--text-soft);margin-top:14px;font-size:15px;line-height:1.6}.feature-list{margin-top:20px;list-style:none;display:grid}.feature-list li{border-top:1px solid var(--line);align-items:baseline;gap:11px;padding:11px 0;font-size:14px;font-weight:550;display:flex}.feature-list li:before{content:"✓";color:var(--accent-text);flex:none;font-size:12px}.consistency-band{border-block:1px solid var(--line);background:var(--bg-raise)}.consistency-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:center;gap:clamp(36px,6vw,80px);padding-block:clamp(48px,7vw,88px);display:grid}.consistency-grid h2{margin-top:14px;font-size:clamp(24px,3vw,34px);line-height:1.12}.consistency-grid>div>p:not(.eyebrow){max-width:500px;color:var(--text-soft);margin-top:14px;font-size:15px;line-height:1.6}.consistency-grid .text-button{margin-top:18px}.consistency-art{aspect-ratio:1;border-radius:var(--radius-surface);background:var(--bg-panel);position:relative;overflow:hidden}.consistency-art img{object-fit:cover}.model-callout{border-block:1px solid var(--line);background:var(--bg-raise);padding-block:clamp(44px,5vw,64px)}.model-callout h2{max-width:600px;margin-top:12px;font-size:clamp(24px,3vw,32px);line-height:1.12}.model-callout ul{max-width:560px;margin-top:20px;font-size:14px;font-weight:550;list-style:none;display:grid}.model-callout li{border-top:1px solid var(--line);align-items:baseline;gap:11px;padding:11px 0;display:flex}.model-callout li:before{content:"✓";color:var(--accent-text);flex:none;font-size:12px}.model-callout a{color:var(--accent-text);font-weight:600;transition:color .14s}.faq-list{gap:8px;max-width:760px;display:grid}.faq-list details{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg-panel);transition:border-color .14s}.faq-list details[open]{border-color:var(--line-strong)}.faq-list summary{cursor:pointer;letter-spacing:-.01em;padding:16px 18px;font-size:15px;font-weight:600;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--text-faint);font-weight:400}.faq-list details[open] summary:after{content:"–"}.faq-list details p{color:var(--text-soft);padding:0 18px 18px;font-size:14px;line-height:1.6}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.related-card{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg-panel);letter-spacing:-.015em;transition:border-color .14s ease, transform var(--dur-press) var(--ease-out);justify-content:space-between;align-items:center;gap:14px;padding:18px;font-size:15px;font-weight:600;display:flex}.related-card:after{content:"→";color:var(--accent-text)}.related-card:active{transform:translateY(1px)}.price-card{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--bg-panel);grid-template-columns:1.05fr .95fr;display:grid;overflow:hidden}.price-main{padding:clamp(26px,4vw,44px)}.price-label{color:var(--ok);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:650}.price-figure{align-items:baseline;gap:12px;margin-top:18px;display:flex}.price-figure strong{letter-spacing:-.04em;font-size:clamp(48px,6vw,64px);font-weight:650;line-height:1}.price-figure span{color:var(--text-faint);font-size:14px}.price-main>p{max-width:400px;color:var(--text-soft);margin:16px 0 26px;font-size:15px;line-height:1.6}.price-card ul{border-left:1px solid var(--line);background:var(--bg-raise);align-content:center;padding:clamp(26px,4vw,44px);list-style:none;display:grid}.price-card li{border-top:1px solid var(--line);align-items:baseline;gap:11px;padding:11px 0;font-size:14px;font-weight:550;display:flex}.price-card li:first-child{border-top:0}.price-card li:before{content:"✓";color:var(--accent-text);flex:none;font-size:12px}@media (hover:hover) and (pointer:fine){.related-card:hover{border-color:var(--line-strong)}.model-callout a:hover{color:var(--text)}}@media (max-width:900px){.seo-showcase,.consistency-grid,.related-grid,.price-card{grid-template-columns:1fr}.price-card ul{border-left:0;border-top:1px solid var(--line)}}.auth-shell{background:var(--bg);min-height:100svh}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;gap:clamp(48px,8vw,110px);width:min(100% - 48px,1040px);min-height:100svh;margin:0 auto;padding-block:48px;display:grid}.auth-pitch{max-width:480px}.auth-back{color:var(--text-soft);align-items:center;gap:8px;margin-bottom:56px;font-size:13px;font-weight:600;transition:color .14s;display:inline-flex}.auth-pitch h1{letter-spacing:-.025em;margin:14px 0 0;font-size:clamp(32px,4.2vw,46px);font-weight:650;line-height:1.06}.auth-pitch>p{max-width:420px;color:var(--text-soft);margin:18px 0 0;font-size:16px;line-height:1.6}.auth-points{color:var(--text-soft);margin-top:28px;font-size:14px;display:grid}.auth-points span{border-top:1px solid var(--line);align-items:baseline;gap:10px;padding:10px 0;display:flex}.auth-points span:before{content:"✓";color:var(--accent-text);flex:none;font-size:12px}.auth-card{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--bg-panel);padding:clamp(24px,4vw,36px)}.auth-card h2{margin:10px 0 0;font-size:24px}.auth-card-copy{color:var(--text-soft);margin:8px 0 20px;font-size:14px;line-height:1.55}.auth-tabs{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;display:grid}.auth-tabs button{min-height:34px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:12.5px;font-weight:650;transition:background-color .14s,color .14s}.auth-tabs button.is-active{background:var(--bg-raise);color:var(--text)}.auth-form{gap:16px;display:grid}.auth-form .field{margin-bottom:0}.auth-submit{width:100%;min-height:46px;margin-top:4px}.auth-error{border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger);margin:0;padding:10px 12px;font-size:12.5px;line-height:1.45}@media (hover:hover) and (pointer:fine){.auth-back:hover{color:var(--text)}}@media (max-width:820px){.auth-layout{width:min(100% - 32px,520px);padding-block:28px 48px;display:block}.auth-pitch{margin-bottom:36px}.auth-back{margin-bottom:40px}}.field{gap:7px;margin-bottom:16px;display:grid}.field>span{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:650}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg);width:100%;color:var(--text);padding:11px 13px;font-size:14.5px;line-height:1.45;transition:border-color .14s,box-shadow .14s}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field input:focus,.field select:focus,.field textarea:focus{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.field textarea{resize:vertical;min-height:104px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23aaa8a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.field small{color:var(--text-faint);font-size:12px;line-height:1.45}.field-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.form-error{border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger);margin:0 0 16px;padding:11px 13px;font-size:13.5px;line-height:1.5}.trait-field{margin:0 0 20px}.trait-field legend{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:650}.trait-options{flex-wrap:wrap;gap:8px;display:flex}.trait-options label{cursor:pointer}.trait-options input{opacity:0;pointer-events:none;position:absolute}.trait-options span{border:1px solid var(--line);border-radius:var(--radius-control);min-height:38px;color:var(--text-soft);transition:border-color .14s ease, color .14s ease, background-color .14s ease, transform var(--dur-press) var(--ease-out);background:0 0;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:550;display:inline-flex}.trait-options label:active span{transform:translateY(1px)}.trait-options input:checked+span{border-color:color-mix(in srgb, var(--accent) 75%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}.trait-options input:focus-visible+span{outline:2px solid var(--accent-text);outline-offset:2px}@media (hover:hover) and (pointer:fine){.trait-options label:hover span{border-color:var(--line-strong);color:var(--text)}}.palette-dots{display:inline-flex}.palette-dots i{border:1px solid #0d0e10b3;border-radius:999px;width:12px;height:12px}.palette-dots i+i{margin-left:-4px}.form-actions{justify-content:space-between;gap:14px;margin-top:24px;display:flex}.form-actions .button-primary{min-inline-size:168px}@media (max-width:620px){.field-grid{grid-template-columns:1fr}}.studio-shell{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.studio-loading{background:var(--bg);min-height:100svh;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:12px;font-weight:650;display:grid}.studio-topbar{min-height:var(--topbar-height);justify-content:space-between;align-items:center;gap:18px;padding:10px clamp(16px,3vw,32px);display:flex}.save-state{color:var(--text-faint);align-items:center;gap:7px;font-size:11.5px;font-weight:600;display:inline-flex}.save-state:before{content:"";background:var(--ok);border-radius:999px;width:6px;height:6px}.studio-actions{align-items:center;gap:18px;display:flex}.builder-layout{flex:1;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);display:grid}.builder-aside{border-right:1px solid var(--line);background:var(--bg-raise);flex-direction:column;padding:clamp(32px,5vw,56px) clamp(24px,4vw,48px);display:flex}.builder-aside h1{letter-spacing:-.022em;max-width:380px;margin-top:14px;font-size:clamp(28px,3vw,38px);font-weight:650;line-height:1.08}.builder-aside>p:not(.eyebrow){max-width:380px;color:var(--text-soft);margin-top:14px;font-size:14.5px;line-height:1.6}.builder-example{border-radius:var(--radius-surface);background:var(--bg-panel);width:min(300px,88%);margin-top:30px;overflow:hidden}.builder-example img{object-fit:cover;object-position:center 26%;width:100%;height:216px;display:block}.builder-example figcaption{border-top:1px solid var(--line);color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;padding:9px 12px;font-size:10.5px;font-weight:650}.step-list{margin-top:auto;padding-top:40px;list-style:none}.step-list li{border-top:1px solid var(--line);color:var(--text-faint);align-items:center;gap:13px;padding:13px 0;font-size:13px;font-weight:600;display:flex}.step-list li span{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:650;display:grid}.step-list li.is-active{color:var(--text)}.step-list li.is-active span{border-color:var(--accent);background:var(--accent);color:#fff}.step-list li.is-done{color:var(--text-soft)}.step-list li.is-done span{border-color:color-mix(in srgb, var(--ok) 40%, transparent);color:var(--ok)}.character-form{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--bg-panel);align-self:start;width:min(640px,100% - 40px);margin:clamp(28px,5vw,56px) auto;padding:clamp(22px,4vw,40px)}.form-step{animation:step-in var(--dur-ui) var(--ease-out)}@keyframes step-in{0%{opacity:.72;transform:translateY(4px)}}.sheet-number{color:var(--accent-text);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:650}.character-form h2{margin:10px 0 6px;font-size:clamp(22px,2.6vw,28px)}.sheet-copy{color:var(--text-soft);margin:0 0 24px;font-size:14px;line-height:1.55}@media (max-width:960px){.builder-layout{grid-template-columns:1fr}.builder-aside{border-right:0;border-bottom:1px solid var(--line)}.builder-example{display:none}.step-list{padding-top:24px}}@media (max-width:620px){.studio-topbar{padding-inline:14px}.save-state{display:none}.character-form{width:calc(100% - 24px);margin-block:18px 32px;padding:20px 16px}}.workspace{flex:1;grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:stretch;display:grid}.workspace-rail{border-right:1px solid var(--line);background:var(--bg-raise)}.workspace-rail-inner{top:var(--topbar-height);max-height:calc(100svh - var(--topbar-height));position:sticky;overflow-y:auto}.rail-section{border-bottom:1px solid var(--line);padding:clamp(20px,3vw,28px) clamp(18px,3vw,28px)}.rail-section:last-child{border-bottom:0}.rail-section h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:12px;font-weight:650}.rail-identity h1{letter-spacing:-.022em;margin-top:10px;font-size:clamp(24px,2.6vw,30px);line-height:1.1}.rail-handle{color:var(--accent-text);margin-top:4px;font-size:13.5px;font-weight:600}.rail-premise{color:var(--text-soft);margin-top:12px;font-size:13.5px;line-height:1.6}.rail-facts{margin-top:14px}.rail-facts div{border-top:1px solid var(--line);justify-content:space-between;gap:14px;padding:8px 0;font-size:12.5px;display:flex}.rail-facts dt{color:var(--text-faint);letter-spacing:.07em;text-transform:uppercase;padding-top:2px;font-size:10.5px;font-weight:650}.rail-facts dd{color:var(--text-soft);text-align:right}.rail-prompt{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg);margin-top:12px}.rail-prompt summary{cursor:pointer;color:var(--text-soft);padding:10px 12px;font-size:12.5px;font-weight:600;list-style:none}.rail-prompt summary::-webkit-details-marker{display:none}.rail-prompt summary:after{content:"+";float:right;color:var(--text-faint)}.rail-prompt[open] summary:after{content:"–"}.rail-prompt p{color:var(--text-soft);padding:0 12px 12px;font-size:12.5px;line-height:1.6}.rail-prompt small{color:var(--text-faint);padding:0 12px 12px;font-size:11px;line-height:1.5;display:block}.rail-generator .field{margin-bottom:12px}.rail-generator form{margin-top:14px}.rail-selects{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.generate-button{width:100%;min-height:46px;margin-top:4px}.workspace-canvas{flex-direction:column;min-width:0;padding:clamp(20px,3vw,32px) clamp(18px,3vw,36px) clamp(32px,4vw,48px);display:flex}.canvas-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:18px;display:flex}.canvas-head h2{letter-spacing:-.015em;font-size:19px}.canvas-head p{color:var(--text-faint);font-size:12.5px}.generation-notice{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--text-soft);margin:0 0 18px;padding:11px 14px;font-size:13px;line-height:1.5}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.image-card{border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--bg-panel);flex-direction:column;transition:border-color .14s;display:flex;overflow:hidden}.image-card--new{animation:tile-in .16s var(--ease-out) backwards}@keyframes tile-in{0%{opacity:0;transform:translateY(4px)}}.image-card-art{aspect-ratio:4/4.2;background:var(--bg-raise);position:relative}.image-card-art img{object-fit:cover}.image-chip{z-index:3;color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;background:#0d0e10d1;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:650;position:absolute;bottom:10px;left:10px}.image-card-copy{flex-direction:column;flex:1;gap:8px;padding:13px 14px 14px;display:flex}.image-card-meta{color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;gap:8px;font-size:10.5px;font-weight:650;display:flex}.image-card-meta span+span:before{content:"· "}.image-card-copy>p{-webkit-line-clamp:2;color:var(--text-soft);-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.image-card-actions{justify-content:space-between;gap:12px;margin-top:auto;padding-top:4px;display:flex}@media (hover:hover) and (pointer:fine){.image-card:hover{border-color:var(--line-strong)}}.generation-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-surface);text-align:center;justify-items:center;gap:8px;padding:clamp(40px,6vw,72px) 24px;display:grid}.generation-empty h3{color:var(--text);font-size:17px}.generation-empty p{max-width:360px;color:var(--text-soft);font-size:13.5px;line-height:1.55}.canvas-export{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:auto;padding-top:22px;display:flex}.image-gallery+.canvas-export,.generation-empty+.canvas-export{margin-top:28px}.canvas-export h2{letter-spacing:-.01em;font-size:15px}.canvas-export p{max-width:480px;color:var(--text-soft);margin-top:4px;font-size:13px;line-height:1.55}@media (max-width:960px){.workspace{grid-template-columns:1fr}.workspace-rail{border-right:0;border-bottom:1px solid var(--line)}.workspace-rail-inner{max-height:none;position:static;overflow:visible}.studio-actions .text-button:first-of-type{display:none}}@media (max-width:620px){.rail-selects{grid-template-columns:1fr}}}@layer a11y{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:active,.text-button:active,.related-card:active,.trait-options label:active span{transform:none}.form-step,.image-card--new{animation:none}}@media (prefers-reduced-transparency:reduce){.site-header,.studio-topbar{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){:root{--line:#f4f2ec52;--line-strong:#f4f2ec80;--text-soft:#d3d1ca;--text-faint:#b6b4ad}:focus-visible{outline-width:3px}.site-header,.studio-topbar{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.trait-options input:checked+span{border-color:var(--text);color:var(--text);font-weight:650}.step-list li.is-active span{outline:2px solid var(--text);outline-offset:1px}}}