:root{--bg:#f5f0e8;--fg:#000;--accent:#e8ff2e;--b:3px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:JetBrains Mono,ui-monospace,monospace;background:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px) 0 0 /26px 26px,linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px) 0 0 /26px 26px,var(--bg);color:var(--fg);min-height:100vh;line-height:1.4;-webkit-font-smoothing:none}.head-font{font-family:Archivo,system-ui,sans-serif}.strip{border-bottom:var(--b) solid var(--fg);padding:.7rem 4vw;display:flex;justify-content:space-between;align-items:center}.strip .brand{font-family:Archivo,sans-serif;font-weight:900;font-size:1.1rem}.strip a{color:var(--fg);text-decoration:none;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.strip a:hover{background:var(--accent)}.wrap{max-width:900px;margin:0 auto;padding:5vh 4vw 14vh}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wrap>*{animation:fadeUp .45s ease both}.wrap>:first-child{animation-delay:.05s}.wrap>:nth-child(2){animation-delay:.15s}.wrap>:nth-child(3){animation-delay:.25s}.wrap>:nth-child(n+4){animation-delay:.35s}h1{font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(3rem,11vw,7rem);line-height:.86;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:2rem}h1 .mk{background:var(--accent);padding:0 .1em}.sub{font-size:1rem;max-width:54ch;margin-bottom:3.5rem;border-left:var(--b) solid var(--fg);padding-left:1rem;line-height:1.6}.tabs{display:grid;grid-template-columns:repeat(2,1fr);border:var(--b) solid var(--fg)}.tab{font-family:Archivo,sans-serif;font-weight:600;font-size:.95rem;text-transform:uppercase;background:var(--bg);color:var(--fg);border:none;border-right:var(--b) solid var(--fg);padding:1.1rem;cursor:pointer;letter-spacing:.02em}.tab:last-child{border-right:none}.tab[aria-selected=true]{background:var(--accent)}.tab:not([aria-selected=true]):hover{background:var(--fg);color:var(--bg)}.panel{border:var(--b) solid var(--fg);padding:2.5rem}.sep{display:flex;align-items:center;gap:1rem;font-weight:900;letter-spacing:.2em;font-size:.8rem;text-transform:uppercase;margin:2rem 0}.sep:after,.sep:before{content:"";flex:1;border-top:var(--b) solid var(--fg)}.drop{border:var(--b) dashed var(--fg);padding:3.5rem 1.5rem;text-align:center;cursor:pointer;background:repeating-linear-gradient(45deg,transparent,transparent 14px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 28px);transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s cubic-bezier(.2,.8,.3,1),background .18s,border-style .1s}.drop.loaded{border-style:solid;background:repeating-linear-gradient(45deg,transparent,transparent 14px,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 28px),#e8ff2e8c}.drop.over,.drop:hover{background:var(--accent);border-style:solid;transform:translate(-4px,-4px);box-shadow:7px 7px 0 var(--fg)}.drop .big{position:relative;display:inline-block;font-family:Archivo,sans-serif;font-weight:900;font-size:2rem;text-transform:uppercase;line-height:1;margin-bottom:.6rem}.drop .big:after{content:"↓";position:absolute;left:50%;top:-1.4em;translate:-50%;opacity:0;transition:top .25s cubic-bezier(.2,.8,.3,1),opacity .2s}.drop.over .big:after,.drop:hover .big:after{top:-1.15em;opacity:1;animation:dropArrowBounce .9s ease-in-out .25s infinite}@keyframes dropArrowBounce{0%,to{translate:-50% 0}50%{translate:-50% 5px}}.drop p{font-size:.85rem}.drop .fmt{margin-top:1.2rem;font-weight:700;letter-spacing:.2em;font-size:.72rem}.filename{margin-top:1.5rem}.filename b{background:var(--fg);color:var(--bg);padding:.4rem .8rem;font-size:.8rem}.grid2{display:grid;grid-template-columns:2fr 1fr;border:var(--b) solid var(--fg);margin-bottom:calc(var(--b)*-1)}.cell{border-right:var(--b) solid var(--fg)}.cell:last-child{border-right:none}.full{border:var(--b) solid var(--fg);margin-bottom:calc(var(--b)*-1)}label{display:block;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:.7rem 1rem .3rem}input,textarea{width:100%;font-family:JetBrains Mono,monospace;font-size:1.05rem;border:none;background:var(--bg);padding:.2rem 1rem 1rem;outline:none;color:var(--fg)}input:focus,textarea:focus{background:var(--accent)}textarea{display:block;max-width:100%;resize:vertical;min-height:160px;line-height:1.6}::-moz-placeholder{color:#00000059}::placeholder{color:#00000059}.hint{font-size:.85rem;margin-bottom:1.5rem}.promptwrap{border:var(--b) solid var(--fg)}.promptwrap textarea{min-height:200px;padding:1.2rem;font-size:1.05rem}.pbar{display:flex;justify-content:space-between;border-top:var(--b) solid var(--fg)}.pbar .count{padding:.7rem 1rem;font-size:.75rem;font-weight:700}.go{margin-top:2.5rem;display:flex;align-items:stretch;border:var(--b) solid var(--fg);box-shadow:5px 5px 0 var(--fg);transition:transform .12s,box-shadow .12s}.go:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--fg)}.go:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--fg)}.go:has(button:disabled){box-shadow:none;transform:none}.go button{position:relative;flex:1;font-family:Archivo,sans-serif;font-weight:900;font-size:1.3rem;text-transform:uppercase;background:var(--accent);color:var(--fg);border:none;padding:1.3rem;cursor:pointer;letter-spacing:.02em;overflow:hidden}.go button:disabled{background:#c7c7c7;color:#777;cursor:not-allowed}.go-charge{position:absolute;inset:0;display:flex;gap:2px;padding:4px;pointer-events:none}.go-charge .charge-tick{flex:1;background:var(--fg);opacity:0;transition:opacity .04s linear}.go button:not(:disabled):hover .go-charge .charge-tick{opacity:1;transition-delay:var(--d)}.go button:not(:disabled):hover .go-label{color:var(--accent);transition:color .15s .25s}.go button:not(:disabled):hover{animation:goHum 1.4s ease-in-out .45s infinite}@keyframes goHum{0%,to{letter-spacing:.02em}50%{letter-spacing:.05em}}.go button.preparing{background:#c7c7c7;animation:goHum 1.4s ease-in-out infinite}.go button.preparing .go-label{color:var(--fg)}.go button.preparing .go-charge .charge-tick{animation:chargeSweep 1.4s ease-in-out infinite;animation-delay:var(--d)}@keyframes chargeSweep{0%,to{opacity:0}50%{opacity:1}}.go button.filling{background:#c7c7c7}.go-label{position:relative;z-index:1}.go button.filling .go-label{color:var(--fg)}.go-fill{position:absolute;inset:0;display:flex;gap:2px;padding:4px;pointer-events:none}.go-tick{flex:1;background:transparent;transition:background .15s linear}.go-tick.lit{background:var(--accent)}.cta-note{margin-top:.8rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:#777}.cta-note.err{color:#c00}.prog-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.04em;color:#777}.oldprev{margin-top:1rem}.ghost{background:none;border:var(--b) solid var(--fg);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--fg);padding:.6rem .9rem;cursor:pointer}.ghost:hover{background:var(--accent)}.oldprev-body{margin-top:1rem;border:var(--b) solid var(--fg)}.result{margin-top:2.5rem;padding:0}.result.wide{width:96vw;position:relative;left:50%;transform:translate(-50%)}.ractions{display:flex;gap:.6rem;align-items:center}.cmp{background:var(--fg);color:var(--bg);border:none;font-family:Archivo,sans-serif;font-weight:900;font-size:.8rem;letter-spacing:.04em;padding:.6rem 1rem;cursor:pointer}.cmp:hover{background:var(--accent);color:var(--fg)}.split{display:grid;grid-template-columns:1fr 1fr}.split .pane{border-right:var(--b) solid var(--fg)}.split .pane:last-child{border-right:none}.pane-head{font-weight:900;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.7rem 1rem;background:var(--fg);color:var(--bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.split{grid-template-columns:1fr}.split .pane{border-right:none;border-bottom:var(--b) solid var(--fg)}}.rbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;border-bottom:var(--b) solid var(--fg);font-size:.8rem;flex-wrap:wrap}.rbar .dl{background:var(--accent);color:var(--fg);text-decoration:none;font-family:Archivo,sans-serif;font-weight:900;padding:.6rem 1rem;letter-spacing:.02em}.obs,.rbar .dl:hover{background:var(--fg)}.obs{padding:1rem 1.2rem;border-bottom:var(--b) solid var(--fg);color:var(--bg)}.obs-head{font-weight:900;font-size:.75rem;letter-spacing:.04em;margin-bottom:.6rem;color:var(--accent)}.obs ul{list-style:none;display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;line-height:1.45}.obs li{padding-left:1.1rem;position:relative}.obs li:before{content:"→";position:absolute;left:0;font-weight:900;color:var(--accent)}.preview{width:100%;height:80vh;border:none;display:block;background:#fff}@media(max-width:600px){.sep{margin:.7rem 0}.go{margin-top:1.4rem}.hint{margin-bottom:.7rem}}@media(prefers-reduced-motion:reduce){.drop,.drop .big:after,.go button{animation:none;transition:none}.drop.over,.drop:hover{transform:none;box-shadow:none}.go-charge .charge-tick{transition:none}.go button.preparing,.go button.preparing .go-charge .charge-tick{animation:none}}