@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=ZCOOL+XiaoWei&display=swap";:root{color:#191914;background:#d6cfbc;font-family:IBM Plex Mono,monospace;font-synthesis:none;--ink: #191914;--paper: #eee8d8;--paper-bright: #fff9e8;--signal: #ef4b23;--acid: #d3ff37;--line: rgba(25, 25, 20, .22)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 76% 7%,rgba(239,75,35,.23),transparent 26rem),repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--line) 25%),#d6cfbc}button,input{font:inherit}button{cursor:pointer}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.shell{width:min(1320px,calc(100% - 32px));margin:0 auto}.topline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;border-bottom:2px solid var(--ink);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.topline a{color:inherit;text-decoration:none}.topline>a:last-child{justify-self:end}.wordmark{font-size:1.25rem;font-weight:600;letter-spacing:-.06em}.wordmark span{color:var(--signal)}.runtime-status{display:flex;align-items:center;gap:9px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 #ef4b23b3;animation:ping 2s infinite}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:24px;min-height:430px;padding:8vh 0 5vh;border-bottom:2px solid var(--ink)}.hero-copy{display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-label,.measure{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}h1{max-width:960px;margin:42px 0 0;font-family:ZCOOL XiaoWei,serif;font-size:clamp(4.6rem,11vw,10.5rem);font-weight:400;line-height:.78;letter-spacing:-.075em}h1 em{color:var(--signal);font-style:normal}.hero-note{align-self:end;padding:18px;border:2px solid var(--ink);background:var(--acid);transform:rotate(-2deg);box-shadow:8px 8px 0 var(--ink)}.hero-note p{margin:50px 0 0;font-size:.78rem;line-height:1.8}.control-deck{display:grid;grid-template-columns:320px 1fr;gap:24px;padding:24px 0;border-bottom:2px solid var(--ink)}.mode-switch{display:grid;gap:10px}.mode{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;align-content:center;min-height:108px;padding:16px;border:2px solid var(--ink);color:var(--ink);background:transparent;text-align:left;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.mode:hover{transform:translate(5px)}.mode.active{color:var(--paper);background:var(--ink);box-shadow:7px 7px 0 var(--signal)}.mode span{grid-row:1 / 3;color:var(--signal);font-size:.7rem}.mode strong{font-size:1rem}.mode small{opacity:.68;font-size:.66rem}.dropzone{position:relative;display:grid;grid-template-columns:auto auto 1fr auto;gap:24px;align-items:center;min-height:226px;padding:26px;overflow:hidden;border:2px solid var(--ink);background:linear-gradient(135deg,transparent 48%,var(--line) 49%,transparent 50%),var(--paper);box-shadow:10px 10px 0 var(--ink);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.dropzone:hover,.dropzone.active{transform:translate(5px,5px);background-color:var(--paper-bright);box-shadow:5px 5px 0 var(--ink)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-index{align-self:start;font-size:.62rem;letter-spacing:.14em;writing-mode:vertical-rl}.drop-target{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;color:var(--paper);background:var(--signal);font-size:4rem;line-height:1;transition:transform .3s ease}.dropzone:hover .drop-target{transform:rotate(90deg)}.drop-copy strong{display:block;font-family:ZCOOL XiaoWei,serif;font-size:clamp(2rem,5vw,4rem);font-weight:400}.drop-copy small{display:block;margin-top:18px;font-size:.65rem;letter-spacing:.11em}.privacy{align-self:end;padding:7px 10px;color:var(--paper);background:var(--ink);font-size:.58rem;letter-spacing:.1em}.readout{padding:24px 0 60px}.readout-bar{display:flex;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:2px solid var(--ink);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.query-panel{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:center;padding:24px 0;border-bottom:2px solid var(--ink);font-size:.75rem}.query-panel>div{display:grid;grid-template-columns:1fr auto}.query-panel input,.query-panel button,.output-head button{min-height:48px;border:2px solid var(--ink);border-radius:0}.query-panel input{padding:0 14px;color:var(--ink);background:var(--paper)}.query-panel button,.output-head button{padding:0 18px;color:var(--paper);background:var(--signal);font-size:.7rem;font-weight:600;letter-spacing:.08em}:disabled{opacity:.42;cursor:not-allowed}.result-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;padding-top:24px}.result-grid aside{min-height:320px;padding:18px;border:2px solid var(--ink)}#trace{margin:42px 0 0;padding:0;list-style:none;counter-reset:trace}#trace li{position:relative;padding:0 0 28px 34px;color:#19191480;font-size:.72rem;line-height:1.5}#trace li:before{position:absolute;left:0;content:"0" counter(trace);counter-increment:trace;color:var(--signal)}#trace li:after{position:absolute;top:20px;bottom:6px;left:8px;width:1px;content:"";background:var(--line)}#trace li:last-child:after{display:none}#trace li.active{color:var(--ink);font-weight:600}.output-panel{min-width:0;border:2px solid var(--ink);background:var(--ink)}.output-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 18px;color:var(--paper);border-bottom:1px solid rgba(238,232,216,.24)}.output-head button{min-height:34px;border-color:var(--paper)}pre{min-height:420px;max-height:70vh;margin:0;padding:22px;overflow:auto;color:#ece6d7;font:.75rem/1.7 IBM Plex Mono,monospace;white-space:pre-wrap}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 40px;border-top:2px solid var(--ink);font-size:.62rem;letter-spacing:.11em}@keyframes ping{70%{box-shadow:0 0 0 9px #ef4b2300}to{box-shadow:0 0 #ef4b2300}}@media(max-width:860px){.topline{grid-template-columns:1fr auto}.runtime-status{display:none}.hero,.control-deck,.query-panel,.result-grid{grid-template-columns:1fr}.hero{min-height:auto}h1{margin-bottom:48px}.hero-note{max-width:340px}.dropzone{grid-template-columns:auto 1fr}.drop-index,.privacy{display:none}.result-grid aside{min-height:auto}}@media(max-width:560px){.shell{width:min(100% - 20px,1320px)}h1{font-size:4.2rem}.dropzone{gap:14px;padding:18px}.drop-target{width:70px;height:70px;font-size:2.6rem}.drop-copy strong{font-size:2rem}.query-panel>div{grid-template-columns:1fr;gap:8px}.readout-bar,footer{flex-direction:column}}.sample-btn{margin-top:.8rem;width:100%;padding:.7rem 1rem;border:1px dashed var(--line);background:var(--paper-bright);color:var(--ink);font-weight:600;letter-spacing:.02em}.sample-btn:hover{border-color:var(--signal)}.media-panel{margin-top:1.2rem;padding:1rem;border:1px solid var(--line);background:var(--paper)}.media-panel .output-head small{opacity:.72}.media-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:.7rem}.media-card{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;border:1px solid var(--line);background:var(--paper-bright);align-items:stretch;text-align:center}.media-card:hover,.media-card.failed{border-color:var(--signal)}.media-slot{display:flex;align-items:center;justify-content:center;min-height:92px;font-size:.76rem;opacity:.7;background:#1919140d}.media-card img{width:100%;height:auto;display:block;border:1px solid var(--line)}.media-uri{font-size:.68rem;word-break:break-all;opacity:.8}