.st{position:relative;isolation:isolate;overflow:hidden;background:var(--void);padding-block:clamp(28px,6vh,72px) clamp(56px,10vh,120px)}
.st-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.8)}
.st::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,.5) 0%,rgba(5,5,5,.86) 46%,var(--void) 100%)}
.st [hidden]{display:none!important}
.st .crumbs,.st .crumbs a,.st .crumbs span,.st .crumbs b,.st-info .k,.st .btn{font-size:14px}
.st h1{font-size:clamp(2rem,4.6vw,4.6rem);line-height:1;letter-spacing:-.03em;max-width:17em;margin-top:clamp(10px,2vh,20px);text-wrap:balance}
.st-lead{margin-top:clamp(14px,2.4vh,24px);max-width:36em}
.st-crumbs{margin-bottom:0}
.st-app{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(20px,3.6vw,64px);align-items:start;margin-top:clamp(26px,5vh,56px)}
@media(max-width:940px){.st-app{grid-template-columns:1fr}.st[data-state="working"] .st-stage,.st[data-state="done"] .st-stage{order:-1}}
.st-brief{display:grid;gap:18px}
.st-brief label,.st-lbl{font:400 14px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bone)}
.st-brief textarea,.st-brief input[type=text]{font:300 1.15rem/1.45 var(--sans);color:var(--paper);background:rgba(10,10,10,.55);border:0;border-bottom:1px solid var(--bone);padding:12px 2px;border-radius:0;width:100%;letter-spacing:0;text-transform:none}
.st-brief textarea{min-height:132px;resize:vertical}
.st-brief textarea:focus,.st-brief input[type=text]:focus{outline:none;border-bottom-color:var(--accent-text)}
.st-brief ::placeholder{color:var(--dim)}
.st-count{justify-self:end;margin-top:-10px;font:400 14px/1 var(--mono);color:var(--dim)}
.st-ex{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;font-size:14px;color:var(--bone)}
.st-ex button{font:300 14px/1.3 var(--sans);color:var(--paper-dim);background:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer;text-align:left;transition:border-color .2s,color .2s}
.st-ex button:hover,.st-ex button:focus-visible{border-color:var(--accent-text);color:var(--paper)}
.st-photo{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.st-file{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px dashed var(--bone);border-radius:999px;cursor:pointer;color:var(--paper-dim);font:300 15px/1 var(--sans);letter-spacing:0;text-transform:none;transition:border-color .2s,color .2s}
.st-file:hover,.st-file:focus-within{border-color:var(--accent-text);color:var(--paper)}
.st-file input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.st-thumb{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--paper-dim)}
.st-thumb img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.st-thumb button{font:inherit;color:var(--paper-dim);background:none;border:0;border-bottom:1px solid var(--bone);padding:6px 0;min-height:32px;cursor:pointer}
.st-ts{display:grid;gap:8px;padding:14px 0 2px;border-top:1px solid var(--line)}
.st-ts p{margin:0;font-size:14px;color:var(--bone)}
.st-msg{min-height:1.5em;margin:0;font-size:15px;line-height:1.5;color:var(--paper-dim)}
.st-msg.bad{color:#f0b8a5}
.st-msg a{border-bottom:1px solid var(--bone)}
.st-fine{font-size:14px;color:var(--bone)}
.st-privacy{margin:0;font-size:14px;line-height:1.55;color:var(--bone);max-width:34em}
.st-privacy a{border-bottom:1px solid var(--bone)}
.st-brief .btn{min-height:48px}
.st-stage{position:relative;min-height:clamp(340px,52vw,640px);border:1px solid var(--line);border-radius:clamp(12px,1.6vw,22px);overflow:hidden;background:
  linear-gradient(180deg,rgba(20,20,20,.9),rgba(8,8,8,.96)),repeating-linear-gradient(0deg,transparent 0 47px,rgba(244,241,234,.045) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(244,241,234,.045) 47px 48px)}
.st-stage>div{padding:clamp(20px,3vw,40px)}
.st-stage>div[hidden]{display:none}
.st-idle,.st-closed,.st-work{display:grid;align-content:center;gap:14px;min-height:inherit}
.st-idle h2,.st-closed h2,.st-work h2{font-size:clamp(1.5rem,2.8vw,2.6rem);letter-spacing:-.02em;max-width:16em}
.st-idle p,.st-closed p,.st-work p{margin:0;color:var(--paper-dim);max-width:32em}
.st-k{font:400 14px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}
.st-closed a{border-bottom:1px solid var(--bone)}
.st-bar{height:6px;background:rgba(244,241,234,.12);border-radius:99px;overflow:hidden;max-width:34em}
.st-bar i{display:block;height:100%;width:2%;background:var(--accent);border-radius:99px;transition:width 1.2s linear}
.st-steps{display:grid;gap:8px;max-width:34em;counter-reset:s}
.st-steps li{display:flex;gap:12px;align-items:baseline;font-size:16px;color:var(--dim);transition:color .4s}
.st-steps li::before{counter-increment:s;content:counter(s);font:400 14px/1 var(--mono);color:var(--dim);min-width:1.4em}
.st-steps li.on{color:var(--paper)}
.st-steps li.on::before{color:var(--accent-text)}
.st-steps li.done{color:var(--bone)}
.st-steps li.done::after{content:"done";margin-left:auto;font:400 14px/1 var(--mono);color:var(--bone)}
.st-wnote{font-size:15px}
.st-done{display:grid;gap:18px}
.st-main{position:relative;aspect-ratio:16/10;max-height:70vh;width:100%;border-radius:14px;overflow:hidden;background:#0c0c0c;border:1px solid var(--line)}
.st-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0c0c0c}
.st-main canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.st-main canvas:active{cursor:grabbing}
.st-cap{position:absolute;left:14px;bottom:12px;z-index:2;padding:6px 12px;border-radius:99px;background:rgba(5,5,5,.72);font:400 14px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);pointer-events:none}
.st-tabs{display:flex;flex-wrap:wrap;gap:8px}
.st-tabs button{font:400 14px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);background:none;border:1px solid var(--line);border-radius:999px;padding:0 18px;min-height:44px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.st-tabs button:hover{border-color:var(--bone);color:var(--paper)}
.st-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.st-meta{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:15px;color:var(--paper-dim)}
.st-meta label{display:inline-flex;gap:10px;align-items:center;min-height:36px;cursor:pointer}
.st-meta input{width:20px;height:20px;accent-color:var(--accent)}
.st-dl{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px}
.st-dl a{border-bottom:1px solid var(--bone);padding:6px 0;color:var(--paper-dim)}
.st-dl a:hover{color:var(--paper);border-color:var(--paper)}
.st-actions{align-items:center}
.st-actions .txt{font:inherit;font-size:15px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;min-height:44px}
.st-today{margin:0;font-size:14px;color:var(--bone)}
.st-fallback{position:absolute;inset:0;display:grid;place-content:center;gap:12px;padding:24px;text-align:center;color:var(--paper-dim);font-size:16px}
.st-fallback a{border-bottom:1px solid var(--bone)}
.st-info{background:var(--ink);border-top:1px solid var(--line);padding-block:clamp(52px,9vh,110px)}
.st-info .twocol{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,90px);align-items:start}
.st-info h2{font-size:clamp(1.8rem,3.6vw,3.4rem);letter-spacing:-.025em}
.st-info .steps li{padding:clamp(14px,2.4vh,26px) 0}
.st-info .steps .num{font-size:clamp(2.4rem,5vw,4.4rem)}
.st-info .steps h3{font-size:clamp(1.2rem,2vw,1.8rem)}
.st-info .faq{margin-top:clamp(28px,5vh,56px)}
@media(max-width:860px){.st-info .twocol{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.st-bar i{transition:none}.st-ex button,.st-file,.st-tabs button{transition:none}}