:root{--bg:#f5f6fa;--panel:#fff;--line:#e5e7ef;--text:#1d2433;--muted:#6b7280;--acc:#3b6cf5;--acc-soft:#e8eefc;--g:#1a9c5b;--y:#d69e00;--r:#d64545;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--top:56px;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}a{color:var(--acc);text-decoration:none}button{font:inherit}h1{font-size:22px;margin:0 0 var(--s1);display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}h2{font-size:17px;margin:var(--s5) 0 var(--s3)}h3{font-size:14px;margin:var(--s4) 0 var(--s2);color:#374151;display:flex;align-items:center;gap:6px}.muted{color:var(--muted);font-size:12.5px}.icon{width:16px;height:16px;flex:none;vertical-align:-3px}.icon.sm{width:13px;height:13px}.icon.lg{width:20px;height:20px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--top);background:var(--panel);border-bottom:1px solid var(--line);gap:var(--s3);padding:0 var(--s4)}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{font-weight:800;font-size:16px;color:var(--text);gap:6px;margin-right:var(--s2)}.topbar .brand .mark{width:26px;height:26px;border-radius:8px;background:var(--acc);color:#fff;display:grid;place-items:center}.topbar .pswitch{display:flex;align-items:center;gap:var(--s2);border:1px solid var(--line);border-radius:10px;padding:5px 8px 5px 12px;background:#fafbfe;min-width:220px}.topbar .pswitch select{border:0;background:transparent;font-weight:700;padding:2px 0;width:auto;max-width:260px;cursor:pointer}.topbar .pmeta{display:flex;align-items:center;gap:var(--s3);color:var(--muted);font-size:12.5px;flex-wrap:wrap}.topbar .spacer{flex:1 1}.status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:#eef0f6;color:#374151}.status.run{background:#e8eefc;color:var(--acc)}.status.ok{background:#dcfce7;color:#166534}.status.fail{background:#fde8e8;color:#b91c1c}.body{display:grid;grid-template-columns:72px 224px 1fr;flex:1 1;min-height:0}.body.noside{grid-template-columns:1fr}.rail{background:#111827;padding:var(--s3) 0;gap:var(--s1);position:-webkit-sticky;position:sticky;top:var(--top);height:calc(100vh - var(--top));overflow:auto}.rail,.rail button{color:#cbd5e1;display:flex;flex-direction:column;align-items:center}.rail button{background:none;border:0;width:60px;padding:9px 0;border-radius:10px;font-size:11px;cursor:pointer;gap:5px}.rail button.on,.rail button:hover{background:#1f2937}.rail button.on{color:#fff}.rail button .icon{width:19px;height:19px}.side{background:var(--panel);border-right:1px solid var(--line);padding:var(--s4) var(--s3);overflow:auto;position:-webkit-sticky;position:sticky;top:var(--top);height:calc(100vh - var(--top))}.side h4{margin:var(--s4) var(--s2) 6px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:5px}.side h4:first-child{margin-top:0}.side .it{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--text);font-size:13.5px}.side .it:hover{background:#f1f3f9}.side .it.on{background:var(--acc-soft);color:var(--acc);font-weight:600}.side .it small{color:var(--muted);margin-left:auto}.side .phead{padding:var(--s1) var(--s2) var(--s2);border-bottom:1px solid var(--line);margin-bottom:var(--s2)}main{padding:var(--s5) 28px var(--s6);overflow:auto;min-width:0}main.narrow{max-width:960px;margin:0 auto;width:100%}@media(max-width:900px){.body{grid-template-columns:60px 1fr}.side{display:none}.g2{grid-template-columns:1fr}.topbar .pmeta{display:none}.topbar .pswitch{min-width:0}main{padding:var(--s4)}.rail button{width:50px;font-size:10px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4)}.card.chip{cursor:pointer;transition:border-color .15s,box-shadow .15s}.card.chip:hover{border-color:#c7d2fe;box-shadow:0 2px 8px rgba(59,108,245,.08)}.grid{display:grid;grid-gap:var(--s3);gap:var(--s3)}.g7{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.g4{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.g2{grid-template-columns:1fr 1fr}.score{font-size:30px;line-height:1.15}.big,.score{font-weight:800}.big{font-size:54px;line-height:1}.bar{height:6px;background:#e5e7ef;border-radius:3px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%}.mt1{margin-top:var(--s1)}.mt2{margin-top:var(--s2)}.mt3{margin-top:var(--s3)}.mt4{margin-top:var(--s4)}.mb2{margin-bottom:var(--s2)}.mb3{margin-bottom:var(--s3)}.mb4{margin-bottom:var(--s4)}table{width:100%;border-collapse:collapse;background:var(--panel);font-size:13px}td,th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f1f3f9;font-weight:600;font-size:12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}tbody tr:last-child td{border-bottom:0}.tbl{border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:70vh;background:var(--panel)}.heat td.c{text-align:center;font-weight:600}.kv td:first-child{color:var(--muted);width:160px}.tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.high{background:#fde8e8;color:#b91c1c}.medium{background:#fff4d6;color:#9a6700}.low{background:#e8f0fe;color:#1d4ed8}.ok{background:#dcfce7;color:#166534}.pill{display:inline-flex;align-items:center;gap:5px;background:#eef0f6;border-radius:999px;padding:3px 10px;margin:2px;font-size:12px}.pill.chip{cursor:pointer}.pill.chip:hover{background:#e0e4f0}.pill .x{display:inline-flex;cursor:pointer;color:var(--muted);border-radius:50%}.pill .x:hover{color:var(--r)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#cbd5e1;vertical-align:-1px;flex:none}.dot.g{background:var(--g)}.dot.y{background:var(--y)}.dot.r{background:var(--r)}.dot.w{background:#cbd5e1}.up{color:var(--g)}.down{color:var(--r)}.chk{display:inline-flex;align-items:center;gap:4px}.chk.ok{color:var(--g)}.chk.no{color:var(--r)}.chk.part{color:var(--y)}input,select,textarea{font:inherit;color:var(--text);border:1px solid #cfd4e2;border-radius:8px;padding:9px 12px;width:100%;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #c7d2fe;outline-offset:0;border-color:var(--acc)}label.muted{display:block;margin:var(--s3) 0 var(--s1)}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--acc);color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600;white-space:nowrap}.btn:hover{filter:brightness(1.05)}.btn.sec{background:#eef0f6;color:var(--text)}.btn.sec:hover{background:#e3e6ef}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.danger{background:transparent;color:var(--r);border:1px solid #f3c6c6}.btn.sm{padding:6px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.simple{background:#f6f9ff;border:1px solid #d6e4ff;padding:10px 14px;border-radius:8px;margin:10px 0;font-size:13px;display:flex;gap:8px;align-items:flex-start}.simple .icon{color:var(--acc);margin-top:2px}.log{font-family:Consolas,monospace;border-radius:10px;max-height:320px}.log,pre{background:#0f172a;color:#e2e8f0;font-size:12px;padding:12px;overflow:auto;white-space:pre-wrap}pre{border-radius:8px;max-height:400px}.hero{background:linear-gradient(135deg,#1e293b,#3b6cf5);color:#fff;border-radius:16px;padding:var(--s6)}.hero h1{color:#fff;font-size:26px}.hero .muted{color:rgba(255,255,255,.8)}.spark{vertical-align:middle}details summary{cursor:pointer;color:var(--acc);margin:var(--s2) 0}ul{margin:var(--s2) 0;padding-left:20px}li{margin:3px 0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skel{background:linear-gradient(90deg,#eceef4 25%,#f6f7fb 37%,#eceef4 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:8px}@keyframes sk{0%{background-position:100% 0}to{background-position:0 0}}.empty{border:1px dashed #cfd4e2;border-radius:var(--radius);padding:var(--s6) var(--s4);text-align:center;background:#fafbfe}.empty .icon{width:28px;height:28px;color:var(--muted)}.empty b{display:block;margin:var(--s2) 0 var(--s1);font-size:15px}.toasts{position:fixed;right:16px;bottom:16px;z-index:100;flex-direction:column}.toast,.toasts{display:flex;gap:8px}.toast{background:#111827;color:#fff;padding:10px 14px;border-radius:10px;font-size:13px;align-items:center;box-shadow:0 6px 20px rgba(0,0,0,.18);animation:tin .18s ease}.toast.ok{border-left:3px solid var(--g)}.toast.err{border-left:3px solid var(--r)}@keyframes tin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.steps{display:flex;gap:var(--s2);margin-bottom:var(--s4)}.steps .st{flex:1 1;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.steps .st.on{border-color:var(--acc);color:var(--acc);font-weight:600;background:var(--acc-soft)}.steps .st.done{color:var(--g)}.steps .st .num{width:22px;height:22px;border-radius:50%;background:#eef0f6;display:grid;place-items:center;font-size:12px;font-weight:700}.steps .st.on .num{background:var(--acc);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:4px;border:1px solid #cfd4e2;border-radius:8px;padding:6px;min-height:44px;background:#fff}.chips input{border:0;padding:4px 6px;flex:1 1;min-width:140px}.chips input:focus{outline:0}