:root{--page:#0e0f11;--stage:#212429;--text:#c8ccd0;--bright:#e3e6e9;--dim:#7d848c;--track:#3a3d42;--accent:#9aa3ad;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--page);height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}body{place-items:center;display:grid}#frame{aspect-ratio:1080/1272;background:var(--stage);max-width:100vw;height:100vh;position:relative;overflow:hidden;container-type:size}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}#settings-toggle{width:3.4cqw;height:3.4cqw;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:.8cqw;place-items:center;padding:.6cqw;display:grid;position:absolute;top:2.2cqw;left:2.2cqw}#settings-toggle svg{width:100%;height:100%}#settings-toggle:hover{color:var(--bright);background:#ffffff0f}#panel{width:31.8cqw;font-family:var(--mono);color:var(--text);-webkit-user-select:none;user-select:none;font-size:1.39cqw;line-height:2.25cqw;position:absolute;top:2.4cqw;left:65.6cqw}#panel.hidden{display:none}#panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--dim);margin:2.6cqw 0 .6cqw;font-size:1.3cqw;font-weight:400}.row{grid-template-columns:45% 40% 15%;align-items:center;display:grid}.row>*{min-width:0}.row .label{color:var(--dim);white-space:nowrap}.row .wide{color:var(--bright);white-space:pre-line;grid-column:2/4;align-items:center;gap:.9cqw;display:flex}.row .num{text-align:right;color:var(--bright);font-variant-numeric:tabular-nums}.row .dot{background:var(--accent);border-radius:50%;flex:none;width:.95cqw;height:.95cqw}.bar{background:var(--track);border-radius:.4cqw;width:95%;height:.75cqw;overflow:hidden}.bar>i{background:var(--accent);border-radius:.4cqw;width:0;height:100%;transition:width .14s linear;display:block}.prob-row .label{align-items:center;gap:.9cqw;display:flex;overflow:hidden}.prob-row.lead .label,.prob-row.lead .num{color:var(--bright);font-weight:700}#raw{border-top:1px solid #ffffff14;margin-top:3cqw;padding-top:2cqw}#raw summary{cursor:pointer;color:var(--text);list-style:none}#raw summary::marker{display:none}#raw summary::-webkit-details-marker{display:none}#raw summary:before{content:"▶ ";color:var(--dim)}#raw[open] summary:before{content:"▼ "}#raw-json{max-height:24cqw;color:var(--dim);white-space:pre-wrap;word-break:break-all;background:#00000059;border-radius:.6cqw;margin:1cqw 0 0;padding:1cqw;font-size:1.15cqw;line-height:1.6;overflow:auto}#composer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22252ae6;border:.2cqw solid #9ea5ac;border-radius:2.4cqw;flex-direction:column;width:90cqw;height:19.3cqw;padding:2.4cqw 2.8cqw 1.8cqw;display:flex;position:absolute;bottom:5.7cqw;left:50%;transform:translate(-50%)}#input{resize:none;width:100%;color:var(--bright);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:3.1cqw;line-height:1.45}#input::placeholder{color:#5a616a}#status{font-family:var(--mono);color:var(--dim);justify-content:flex-end;align-items:center;gap:1cqw;font-size:1.6cqw;display:flex}#status .dot{background:#5b636c;border-radius:50%;width:1cqw;height:1cqw}#status.pending .dot{background:#d79a3a}#status.done .dot{background:#3fbf69}#status.error .dot{background:#e8544a}