@layer lab{.drop{border:3px dashed var(--line-strong);text-align:center;cursor:pointer;background:#fff;border-radius:16px;padding:34px 22px;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop .big{font-family:var(--display);color:var(--ink);font-size:16px;font-weight:600}.drop .sm{color:var(--muted);margin-top:4px;font-size:12.5px}.loaded{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.loaded .fn{font-family:var(--mono);color:var(--accent-deep);font-size:13px;font-weight:600}.loaded .meta{font-family:var(--mono);color:var(--muted);font-size:11.5px}.preview{color:var(--ink);border:1px solid var(--line);word-break:break-word;background:#fff;border-radius:14px;outline:none;min-height:96px;margin-top:14px;padding:18px 20px;font-size:64px;line-height:1.25}.preview:focus{border-color:var(--accent)}.axis{align-items:center;gap:10px;display:flex}.axis .nm{font-family:var(--mono);min-width:132px;color:var(--ink);font-size:12px;font-weight:600}.axis input[type=range]{accent-color:var(--accent);flex:1}.axis .v{font-family:var(--mono);text-align:right;min-width:70px;color:var(--accent-deep);font-size:12px;font-weight:600}.report{margin-top:8px}.rep-h{font-family:var(--display);color:var(--ink);margin:18px 0 8px;font-size:15px;font-weight:600}.badges{flex-wrap:wrap;gap:8px;margin:8px 0 2px;display:flex}.badge{font-family:var(--mono);background:var(--accent-soft);color:var(--accent-deep);border:1px solid var(--accent-pale);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.badge.k{background:var(--ink);color:#fff;border-color:var(--ink)}.badge.v{background:var(--good-soft);color:#0a6b45;border-color:#c7f0db}.note{font-size:13px}.muted{color:var(--muted)}.kv{gap:0;margin:6px 0 0;display:grid}.kv>div{border-bottom:1px dashed var(--line);grid-template-columns:168px 1fr;gap:10px;padding:7px 0;font-size:13px;display:grid}.kv>div:last-child{border-bottom:none}.kv dt{color:var(--muted);font-weight:600;font-family:var(--mono);margin:0;font-size:11.5px}.kv dd{color:var(--ink);word-break:break-word;margin:0;line-height:1.55}@media (width<=560px){.kv>div{grid-template-columns:1fr;gap:2px}}.tablist{flex-wrap:wrap;gap:6px;display:flex}.tablist .t{font-family:var(--mono);background:var(--panel);border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:6px;padding:2px 7px;font-size:11px}.blocks{gap:7px;display:grid}.blk{grid-template-columns:176px 1fr 96px;align-items:center;gap:10px;font-size:12.5px;display:grid}.blk .bn{color:var(--ink);font-weight:600}.blk .bar{background:var(--accent-soft);border:1px solid var(--accent-pale);border-radius:6px;height:10px;overflow:hidden}.blk .bar i{background:var(--accent);border-radius:6px;height:100%;display:block}.blk .bc{font-family:var(--mono);color:var(--muted);text-align:right}@media (width<=560px){.blk{grid-template-columns:120px 1fr 72px}}.grp{font-family:var(--display);color:var(--accent-deep);margin:16px 0 8px;font-size:13px;font-weight:600}.feat-cap{font-family:var(--mono);color:var(--muted);margin:0 0 6px;font-size:11.5px}}