:root,:root[data-theme=dark]{--bg:#0b1120;--card:#111a2e;--card-border:#1f2b45;--field:#1a2540;--field-border:#2d3b5c;--text:#e8edf7;--muted:#94a3c0;--faint:#6b7a99;--accent:#38bdf8;--accent-strong:#0ea5e9;--on-accent:#04121f;--ok:#34d399;--warn:#fbbf24;--bad:#fb7185;--go:#059669;--go-hover:#10b981;--shade:#02061799}:root[data-theme=light]{--bg:#f4f6fa;--card:#fff;--card-border:#dbe2ee;--field:#eef2f8;--field-border:#c5cfe0;--text:#0f1b33;--muted:#4a5a7a;--faint:#6f7d99;--accent:#0284c7;--accent-strong:#0369a1;--on-accent:#fff;--ok:#047857;--warn:#b45309;--bad:#be123c;--go:#047857;--go-hover:#059669;--shade:#0f1b3380}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);touch-action:manipulation;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{grid-template-columns:minmax(0,1fr);gap:16px;max-width:56rem;margin:0 auto;padding:16px;display:grid}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}header.hero{text-align:center}h1{letter-spacing:-.02em;margin:0;font-size:1.75rem}.sub{color:var(--muted);margin:4px 0 0;font-size:.9rem}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0;font-size:.8rem}.card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:16px;display:grid}.card.hl{border-color:var(--accent)}.grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.stack{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;display:grid}@media (width>=760px){.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.seg{border:1px solid var(--field-border);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--field);color:var(--muted);border:0;min-height:40px;padding:0 12px}.seg button+button{border-left:1px solid var(--field-border)}.seg button[aria-pressed=true]{background:var(--accent-strong);color:var(--on-accent)}.chip{border:1px solid var(--field-border);background:var(--field);color:var(--muted);border-radius:8px;min-height:40px;padding:0 12px}.chip[aria-pressed=true]{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.field{background:var(--field);border:1px solid var(--field-border);border-radius:8px;min-width:0;min-height:40px;padding:0 12px;font-size:16px}.drop{border:2px dashed var(--field-border);background:var(--card);text-align:center;border-radius:16px;gap:4px;width:100%;padding:32px 16px;display:grid}.drop.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--card))}.drop .ico{font-size:2.2rem}.drop .fmts{color:var(--muted);font-size:.75rem}.drop input{display:none}.msg{background:color-mix(in srgb, var(--bad) 14%, var(--card));color:var(--bad);border:1px solid var(--bad);border-radius:8px;margin:0;padding:10px 12px;font-size:.85rem}.msg.ok{background:color-mix(in srgb, var(--ok) 14%, var(--card));color:var(--ok);border-color:var(--ok)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{margin-left:auto}.small{color:var(--muted);font-size:.78rem}.tiny{color:var(--faint);margin:0;font-size:.68rem}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.big{margin:0;font-size:1.25rem;font-weight:700}.break{overflow-wrap:anywhere;margin:0}.linkbtn{color:var(--muted);background:0 0;border:0;padding:8px 0;text-decoration:underline}.stage{border-radius:8px;justify-self:center;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.stage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;max-width:100%;max-height:22rem;display:block}.shade{pointer-events:none;box-shadow:0 0 0 9999px var(--shade);position:absolute}.frame{border:2px solid var(--accent);cursor:grab;touch-action:none;position:absolute}.frame:active{cursor:grabbing}.frame.low{border-color:var(--bad)}.frame .tag{white-space:nowrap;background:var(--accent-strong);color:var(--on-accent);pointer-events:none;border-radius:4px;padding:1px 6px;font-size:.65rem;line-height:1.4;position:absolute;top:0;left:0}.frame.low .tag{background:var(--bad);color:#fff}input[type=range]{width:100%;height:32px;accent-color:var(--accent-strong);margin:0}.range{position:relative}.range .zone{background:color-mix(in srgb, var(--bad) 45%, transparent);pointer-events:none;border-radius:3px 0 0 3px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.btn-go{background:var(--go);color:#fff;border:0;border-radius:8px;width:100%;min-height:44px;font-weight:600}.btn-go:hover:not(:disabled){background:var(--go-hover)}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:right;color:var(--muted);text-transform:uppercase;padding:6px 0;font-size:.7rem}td{text-align:right;border-top:1px solid var(--card-border);font-variant-numeric:tabular-nums;padding:6px 0}th:first-child,td:first-child{text-align:left}tr.cur td{color:var(--accent);font-weight:600}.hide-sm{display:none}@media (width>=560px){.hide-sm{display:table-cell}}.scroll{overflow-x:auto}.ori{vertical-align:middle;border:2px solid;border-radius:2px;display:inline-block}.ori.p{width:10px;height:14px}.ori.l{width:14px;height:10px}