:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f8fafc;--surface:#fff;--surface-2:#f1f3f6;--ink:#192029;--ink-2:#4b535e;--ink-3:#636a72;--line:#dfe1e5;--line-strong:#c0c4cb;--accent:#be2323;--accent-hover:#ac0311;--accent-ink:#fff;--accent-soft:#ffefed;--focus:#be2323;--tape:#16130f;--tape-ink:#f1ece3;--tape-dot:#8d877b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--radius-input:8px;--radius-card:12px;--radius-frame:16px;--shadow-1:0 1px 2px #1418280d, 0 1px 1px #1418280a;--shadow-2:0 2px 4px #1418280d, 0 12px 32px -12px #14182838;--bar-h:60px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.1363% -.330746 -1.47092);--surface:lab(100% 0 0);--surface-2:lab(95.8143% -.411809 -1.83768);--ink:lab(11.7752% -1.1646 -7.13735);--ink-2:lab(34.988% -1.40394 -7.2287);--ink-3:lab(44.2822% -1.19522 -5.81589);--line:lab(89.5482% -.491649 -2.20379);--line-strong:lab(79.0994% -.802875 -3.66366);--accent:lab(42.4236% 59.8149 41.9956);--accent-hover:lab(36.6008% 60.0126 44.7474);--accent-ink:lab(100% 0 0);--accent-soft:lab(95.7181% 7.53275 4.42754);--focus:lab(42.4236% 59.8149 41.9956)}}@media (prefers-color-scheme:dark){:root{--bg:#101317;--surface:#181c21;--surface-2:#20242a;--ink:#eceff2;--ink-2:#b6bbc1;--ink-3:#9a9fa6;--line:#2c3136;--line-strong:#43484f;--accent:#f9786c;--accent-hover:#ff9589;--accent-ink:#22110f;--accent-soft:#3e1f1b;--focus:#ff9589;--tape:#0c0a08;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 2px 4px #0000004d, 0 12px 32px -12px #0009}@supports (color:lab(0% 0 0)){:root{--bg:lab(5.69741% -.534572 -3.16272);--surface:lab(10.0672% -.812985 -4.32482);--surface-2:lab(14.1252% -.894249 -4.69083);--ink:lab(94.1903% -.411719 -1.83762);--ink-2:lab(75.6193% -.801444 -3.66292);--ink-3:lab(65.1743% -.945777 -4.38683);--line:lab(19.9301% -.867277 -4.34831);--line-strong:lab(30.366% -1.02772 -5.08036);--accent:lab(65.9957% 49.6354 30.9767);--accent-hover:lab(73.0655% 46.3626 28.5248);--accent-ink:lab(6.96903% 9.01474 4.4051);--accent-soft:lab(16.0108% 15.4269 9.43671);--focus:lab(73.0655% 46.3626 28.5248)}}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{min-height:100vh;color:var(--ink);font-family:var(--font-ui), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}h1,h2,h3,p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.tag{background:var(--tape);height:22px;color:var(--tape-ink);font:600 12px/1 var(--font-tape), ui-sans-serif, system-ui, sans-serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-radius:3px;align-items:center;gap:7px;padding:0 10px 0 8px;display:inline-flex}.tag:before{content:"";background:var(--tape-dot);border-radius:50%;width:6px;height:6px}.tag-quiet{color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.tag-quiet:before{background:var(--line-strong)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-input);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;font-weight:550;line-height:1;text-decoration:none;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out,transform .12s ease-out;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow-1)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-sm{min-height:32px;padding:0 var(--space-3);font-size:14px}.btn-icon{width:32px;min-height:32px;color:var(--ink-2);padding:0}.btn-icon:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-icon.is-danger:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.btn-lg{min-height:48px;padding:0 var(--space-5);font-size:16px}.site-nav{max-width:1200px;padding:var(--space-4) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.wordmark{align-items:center;text-decoration:none;display:inline-flex}.studio-brand{align-items:center;gap:10px;display:inline-flex}.studio-brand-mark{border-radius:7.5px;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:block;box-shadow:0 2px 6px -1px #14182829}.wordmark:hover .studio-brand-mark{transform:translateY(-1px)rotate(-3deg)scale(1.04)}.logo-tile{fill:#0e0f17}.logo-gap{fill:#0e0f17;stroke:#0e0f17;stroke-width:2.6px}.logo-card{fill:#f4efe6;stroke:#f4efe6;stroke-width:.9px}.logo-pin{fill:#e5383b}@media (prefers-color-scheme:dark){.studio-brand-mark{box-shadow:0 0 0 1px #f4efe61f}}.studio-brand-text{color:var(--ink);align-items:center;font-size:17px;display:inline-flex}.studio-brand-title{letter-spacing:-.03em;font-weight:800}.site-nav-menu{align-items:center;display:flex}.site-nav-links{align-items:center;gap:var(--space-5);margin:0;padding:0;list-style:none;display:flex}.site-nav-links a{color:var(--ink-2);font-size:14px;font-weight:550;text-decoration:none;transition:color .15s}.site-nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.hero-wrapper{position:relative}.hero{align-items:center;gap:var(--space-7);max-width:1200px;padding:var(--space-6) var(--space-4) var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,6fr);margin:0 auto;display:grid}.hero-eyebrow{align-items:center;gap:var(--space-2);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink-2);margin-bottom:var(--space-3);letter-spacing:-.01em;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.hero-eyebrow-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;font-size:clamp(2.3rem,4.6vw,3.8rem);font-weight:750;line-height:1.05}.hero-accent{color:var(--accent)}.hero .lede{max-width:36ch;margin-top:var(--space-4);color:var(--ink-2);font-size:18px;line-height:1.5}.hero-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.steps{gap:var(--space-2) var(--space-5);margin:var(--space-5) 0 0;color:var(--ink-3);counter-reset:step;flex-wrap:wrap;padding:0;font-size:14px;list-style:none;display:flex}.steps li{align-items:center;gap:var(--space-2);counter-increment:step;display:flex}.steps li:before{content:counter(step);background:var(--surface-2);border:1px solid var(--line);width:20px;height:20px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.hero-art-container{gap:var(--space-2);flex-direction:column;display:flex}.hero-switcher{gap:var(--space-1);border-radius:var(--radius-input);background:var(--surface-2);border:1px solid var(--line);flex-wrap:wrap;align-self:flex-start;padding:3px;display:flex}.hero-switcher-btn{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.hero-switcher-btn:hover{color:var(--ink)}.hero-switcher-btn.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.hero-art{border-radius:var(--radius-frame);box-shadow:var(--shadow-2);border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}.hero-art img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.section{max-width:1200px;padding:var(--space-7) var(--space-4);margin:0 auto}.section-header{margin-bottom:var(--space-6)}.section-header-split{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.section-header>h2,.section>h2{letter-spacing:-.025em;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:750;line-height:1.15}.section-desc{max-width:52ch;margin-top:var(--space-2);color:var(--ink-2);font-size:16px;line-height:1.5}.filter-bar{gap:var(--space-1);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;padding:3px;display:flex}.filter-btn{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;transition:all .15s}.filter-btn:hover{color:var(--ink)}.filter-btn.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.templates{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.template-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.template-card:hover{box-shadow:0 14px 28px -10px #1418281f, var(--shadow-1);border-color:var(--line-strong);transform:translateY(-3px)}.template-card .art{aspect-ratio:16/10;background:var(--surface-2);color:var(--ink-3);place-items:center;display:grid;position:relative;overflow:hidden}.template-card .art img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.template-card:hover .art img{transform:scale(1.02)}.template-card .body{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.template-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;display:flex}.tag-ready{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-weight:600}.template-audience{color:var(--ink-3);font-size:12px;font-weight:550}.template-card h3{letter-spacing:-.015em;font-size:1.15rem;font-weight:700}.template-card p{color:var(--ink-2);font-size:14px;line-height:1.5}.template-cta{justify-content:center;gap:var(--space-2);width:100%;margin-top:auto}.template-cta .icon{width:14px;height:14px;transition:transform .15s}.template-cta:hover .icon{transform:rotate(180deg)translate(-2px)!important}.how-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.how-card{padding:var(--space-6) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1)}.how-step-num{color:var(--accent);margin-bottom:var(--space-3);letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1;display:inline-block}.how-card h3{letter-spacing:-.01em;margin-bottom:var(--space-2);font-size:1.15rem;font-weight:700}.how-card p{color:var(--ink-2);font-size:14.5px;line-height:1.5}.faq-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.faq-card{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1)}.faq-card h3{letter-spacing:-.01em;margin-bottom:var(--space-2);font-size:1.05rem;font-weight:700}.faq-card p{color:var(--ink-2);font-size:14px;line-height:1.55}.cta-banner{padding:var(--space-7) var(--space-6);border-radius:var(--radius-frame);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);text-align:center}.cta-banner-content{max-width:580px;margin:0 auto}.cta-banner-content h2{letter-spacing:-.03em;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:750;line-height:1.15}.cta-banner-content p{margin-top:var(--space-3);color:var(--ink-2);font-size:16px;line-height:1.5}.cta-banner-actions{margin-top:var(--space-5);justify-content:center;align-items:center;display:flex}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:var(--space-7)}.footer-inner{max-width:1200px;padding:var(--space-6) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;margin:0 auto;display:flex}.footer-brand{gap:var(--space-2);flex-direction:column;display:flex}.privacy,.credit{max-width:none;color:var(--ink-3);margin:0;padding:0;font-size:13.5px}.credit{color:var(--ink-2)}.credit a{color:var(--ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.footer-links{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-links a{color:var(--ink-2);font-size:14px;font-weight:550;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--ink)}@media (max-width:899px){.site-nav-menu{display:none}}.bar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--bar-h);padding:0 var(--space-4);border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;position:sticky;top:0}.bar-left,.bar-right{align-items:center;gap:var(--space-3);min-width:0;display:flex}.back{align-items:center;gap:var(--space-1);padding:6px var(--space-2) 6px 6px;border-radius:var(--radius-input);color:var(--ink-2);font-size:14px;text-decoration:none;display:inline-flex}.back:hover{background:var(--surface-2);color:var(--ink)}.bar-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.save-status{color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.bar-error{top:calc(var(--bar-h) + 56px);right:var(--space-4);z-index:25;align-items:flex-start;gap:var(--space-2);max-width:min(420px,100vw - 32px);padding:var(--space-3) var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-2);color:var(--ink);font-size:14px;display:flex;position:absolute}.bar-error .icon{color:var(--accent);margin-top:3px}.pane-switch{display:none}.studio-body{height:calc(100dvh - var(--bar-h));grid-template-columns:clamp(340px,30vw,480px) minmax(0,1fr);display:grid}.pane-edit{border-right:1px solid var(--line);scroll-padding-top:72px;overflow-y:auto}.pane-preview{gap:var(--space-3);min-width:0;padding:var(--space-4);flex-direction:column;display:flex}.section-nav{z-index:5;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.section-nav ol{flex-wrap:wrap;gap:2px;margin:0;padding:0;list-style:none;display:flex}.section-nav button{min-height:30px;color:var(--ink-2);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 10px 0 6px;font-size:14px;display:inline-flex}.section-nav button:hover{background:var(--surface-2);color:var(--ink)}.status-dot{border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;display:grid}.status-dot[data-status=done]{background:var(--ink);color:var(--bg)}.status-dot[data-status=todo]{box-shadow:inset 0 0 0 1.5px var(--line-strong)}.status-dot[data-status=optional]{box-shadow:inset 0 0 0 1.5px var(--line)}.status-dot[data-status=invalid]{color:var(--accent);font-size:16px}.form{gap:var(--space-7);padding:var(--space-5) var(--space-4) var(--space-8);flex-direction:column;display:flex}.block>header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.block>header p{color:var(--ink-3);font-size:14px}.block h2.tag{font-size:12px}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.row>.field{flex:140px}.summary{gap:var(--space-2);margin:var(--space-4) var(--space-4) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-card);background:var(--accent-soft);font-size:14px;display:flex}.summary .icon{color:var(--accent);margin-top:3px}.notice{margin:var(--space-4) var(--space-4) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface);color:var(--ink-2);font-size:14px}.toolbar{gap:var(--space-2);margin:var(--space-4) var(--space-4) 0;flex-wrap:wrap;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.field-label{color:var(--ink);font-size:14px;font-weight:550}.hint{color:var(--ink-3);font-size:13px}.field input[type=text],.field input[type=email],.field textarea{width:100%;min-height:40px;padding:8px var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-input);background:var(--surface);color:var(--ink);font:inherit;transition:border-color .12s ease-out,box-shadow .12s ease-out}.field textarea{resize:vertical;min-height:96px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3);opacity:.8}.field input:hover,.field textarea:hover{border-color:var(--ink-3)}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklab, var(--focus) 22%, transparent);outline:0}.field [aria-invalid=true]{border-color:var(--accent)}.error{color:var(--accent);align-items:flex-start;gap:6px;font-size:13px;display:flex}.error .icon{margin-top:2px}.picker{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.thumb{border:1px dashed var(--line-strong);border-radius:var(--radius-input);background:var(--surface-2);width:48px;height:48px;color:var(--ink-3);place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.file-btn{position:relative}.file-btn input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-btn:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.chip{background:var(--surface-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.files{gap:var(--space-4);flex-direction:column;display:flex}.file{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1)}.file>header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--line);display:flex}.file>header h3{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.file>header h3 span{color:var(--ink-3);font-weight:400}.file-actions{gap:2px;display:flex}.file .stack{padding:var(--space-4)}.techs{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);flex-direction:column;display:flex}.empty{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:1px dashed var(--line-strong);border-radius:var(--radius-card);color:var(--ink-2);flex-direction:column;display:flex}.segmented{background:var(--surface-2);border-radius:10px;padding:3px;display:inline-flex}.segmented button{min-height:32px;padding:0 var(--space-3);color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;font-size:14px;font-weight:550;display:inline-flex}.segmented button[aria-pressed=true]{background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink)}.preview-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.preview-head p{color:var(--ink-3);font-size:13px}.stage{min-height:0;padding:var(--space-4);border-radius:var(--radius-frame);background:var(--surface-2);flex:1;justify-content:center;display:flex}.device{width:100%;min-height:320px;box-shadow:var(--shadow-2);background:#1d1a17;border-radius:10px;display:flex;overflow:hidden}.stage[data-size=mobile] .device{border:8px solid var(--tape);border-radius:30px;max-width:390px}.viewport{flex:1;min-width:0;position:relative}.viewport iframe{transform-origin:0 0;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.dialog{border:1px solid var(--line);border-radius:var(--radius-frame);background:var(--surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-2);color:var(--ink);padding:0;overflow:auto}.dialog::backdrop{background:#0a0c148c}.dialog-body{gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.dialog h2{letter-spacing:-.02em;font-size:1.4rem;font-weight:650}.dialog-steps{gap:var(--space-3);counter-reset:step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dialog-steps li{gap:var(--space-3);counter-increment:step;display:flex}.dialog-steps li:before{content:counter(step);background:var(--tape);width:24px;height:24px;color:var(--tape-ink);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.dialog-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.dialog details{border-top:1px solid var(--line);padding-top:var(--space-3)}.dialog summary{cursor:pointer;color:var(--ink-2);font-size:14px;font-weight:550}.dialog pre{max-height:260px;margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius-input);background:var(--surface-2);color:var(--ink-2);white-space:pre-wrap;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}@media (max-width:899px){:root{--bar-h:56px}.hero{gap:var(--space-6);padding-top:var(--space-5);grid-template-columns:1fr}.studio-body{height:auto;display:block}.pane-switch{top:var(--bar-h);z-index:15;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);background:var(--bg);display:flex;position:sticky}.pane-switch .segmented{width:100%}.pane-switch .segmented button{flex:1;justify-content:center}.studio[data-pane=edit] .pane-preview,.studio[data-pane=preview] .pane-edit{display:none}.pane-edit{border-right:0;overflow:visible}.section-nav{top:calc(var(--bar-h) + 49px)}.pane-preview{height:calc(100dvh - var(--bar-h) - 50px)}html{scroll-padding-top:230px}.bar-title,.save-status span,.btn .long{display:none}.bar-error{top:calc(var(--bar-h) + 8px)}.btn,.section-nav button,.segmented button{min-height:44px}.btn-icon{width:44px;min-height:44px}.field input[type=text],.field input[type=email],.field textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}.select{max-width:200px;min-height:36px;padding:0 28px 0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-input);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center / 16px;color:var(--ink);font:inherit;appearance:none;cursor:pointer;font-weight:650}.looks{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));display:grid}.look-option{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);cursor:pointer;flex-direction:column;gap:6px;padding:6px;display:flex;position:relative}.look-option input{opacity:0;position:absolute}.look-option:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.look-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.look-art svg{border-radius:6px;width:100%;height:auto;display:block}.look-name{text-align:center;font-size:13px;font-weight:600}@media (max-width:599px){.bar-left .select{display:none}}.rowcard{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1);display:flex}.rowcard-fields{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.rowcard>.file-actions{flex-direction:column}.select-full{width:100%;max-width:none}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.xQ9nRG_className{font-family:Geist,Geist Fallback;font-style:normal}.xQ9nRG_variable{--font-ui:"Geist", "Geist Fallback"}
@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9710cef2a2a6ac70-s.1glkedkmkj4ol.woff2)format("woff2");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:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a978fc28c69736ab-s.0jk2f-2yu65-t.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/303804218d80822e-s.p.0j4ssjn_k8z58.woff2)format("woff2");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:Barlow Condensed Fallback;src:local(Arial);ascent-override:130.73%;descent-override:26.15%;line-gap-override:0.0%;size-adjust:76.49%}.g6LVnG_className{font-family:Barlow Condensed,Barlow Condensed Fallback;font-style:normal;font-weight:600}.g6LVnG_variable{--font-tape:"Barlow Condensed", "Barlow Condensed Fallback"}
