.scoring-mini-workspace[hidden]{display:none}.scoring-mini-workspace{position:relative}.scoring-mini-modal-active{position:fixed;inset:18px;z-index:1200;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:22px;background:#f6f8fb;box-shadow:0 24px 70px rgba(24,48,66,.22)}body.scoring-mini-modal-open{overflow:hidden}.scoring-mini-close{position:sticky;top:0;float:right;z-index:4;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:1.5rem;cursor:pointer}.scoring-mini-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.scoring-mini-head h3{margin:.2rem 0 0}.scoring-mini-display-actions{display:flex;gap:8px;flex-wrap:wrap}.scoring-mini-timeline{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}.scoring-mini-timeline button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:900}.scoring-mini-timeline button.current{border-color:#339c9a;background:#e9f8f7;color:#176c6a}.scoring-mini-timeline button.complete{border-color:#8fcaba;background:#e2f4ed;color:#1d745e}.scoring-mini-timeline button.retry{border-color:#d9a452;background:#fff4dd;color:#845800}.scoring-mini-timeline button.context{border-style:dashed}.scoring-mini-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:16px;align-items:stretch}.scoring-mini-visual,.scoring-mini-rail{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fff}.scoring-mini-visual{padding:14px}.scoring-mini-rail{display:flex;flex-direction:column;padding:16px}.scoring-mini-neighbors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scoring-mini-epoch{border:1px solid #dce4e9;border-radius:14px;overflow:hidden;background:#fff}.scoring-mini-epoch.current{border-color:#6bb7b4;box-shadow:0 0 0 2px rgba(51,156,154,.12)}.scoring-mini-epoch-head{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;background:#f7fafb;font-size:.8rem;font-weight:850}.scoring-mini-trace{overflow-x:auto;touch-action:pan-x;padding:4px}.scoring-mini-trace canvas{display:block}.scoring-mini-context-canvas{overflow-x:auto;padding:4px}.scoring-mini-context-canvas canvas{display:block;min-width:900px}.scoring-mini-options{display:grid;gap:9px;margin-top:10px}.scoring-mini-option{display:flex;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#f8fafb;cursor:pointer}.scoring-mini-option.selected{border-color:#339c9a;background:#eef9f8}.scoring-mini-feedback{display:grid;gap:8px;margin-top:12px}.scoring-mini-confirm{padding:14px;border:1px solid #d9b66a;border-radius:14px;background:#fff8e8}.scoring-mini-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;padding-top:16px}.scoring-mini-toolbar .right{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.scoring-mini-rotate{display:none;margin-bottom:10px;padding:9px 12px;border:1px solid #dcb85e;border-radius:12px;background:#fff8e8;color:#6d520f;font-size:.84rem;font-weight:750}.scoring-mini-disclosure{margin:10px 2px 0;color:var(--muted);font-size:.8rem;line-height:1.45}.scoring-mini-workspace:fullscreen{overflow:auto;padding:18px;background:#f6f8fb}.scoring-mini-result{padding:18px;border:1px solid var(--line);border-radius:18px}.scoring-mini-result.pass{background:#f0faf7;border-color:#9ccfc4}.scoring-mini-result.retry{background:#fff8ee;border-color:#e7c28b}@media(max-width:1050px){.scoring-mini-grid{grid-template-columns:1fr}.scoring-mini-neighbors{grid-template-columns:1fr}}@media(max-width:760px){.scoring-mini-modal-active{inset:0;border-radius:0;padding:12px}.scoring-mini-head{display:block}.scoring-mini-display-actions{margin-top:10px}.scoring-mini-toolbar{align-items:stretch;flex-direction:column}.scoring-mini-toolbar .right{justify-content:stretch}.scoring-mini-toolbar .btn,.scoring-mini-toolbar .right .btn{flex:1}}@media(max-width:760px) and (orientation:portrait){.scoring-mini-rotate{display:block}}
