:root{--bg:#f5f5f7;--surface:#fff;--surface-2:#fafafb;--surface-3:#f0f0f3;--border:#e8e8ec;--border-strong:#d6d6dd;--text:#17171b;--text-2:#4c4c56;--muted:#8a8a95;--accent:#2f6feb;--accent-soft:#eef3fe;--accent-line:#c9dbfb;--role-material:#7c3aed;--role-product:#2563eb;--role-template:#c2740a;--ok:#1f8a55;--warn:#b06f0a;--warn-soft:#fdf3e3;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #10121b0a, 0 4px 14px #10121b0d;--shadow-lg:0 16px 48px #10121b29;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;padding-bottom:80px;font-size:14px;line-height:1.55}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}kbd{font-family:var(--mono);background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-2);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:10px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:22px;padding:14px 24px 12px;display:flex}.brand{flex:none;align-items:center;gap:12px;display:flex}.brand .mark{color:#fff;background:linear-gradient(135deg,#2f6feb,#6f4de0);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.brand-text h1{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:650}.brand-text .sub{color:var(--muted);margin:1px 0 0;font-size:11.5px}.brand-text .arrow{color:var(--accent);font-weight:600}.ds-switch{flex:none;gap:6px;display:flex}.ds-tab{text-align:left;border:1px solid var(--border-strong);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:1px;min-width:150px;padding:6px 14px 7px;line-height:1.25;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.ds-tab:hover{background:var(--surface-3)}.ds-tab b{color:var(--text);font-size:13px;font-weight:650}.ds-tab i{color:var(--muted);font-size:10px;font-style:normal;font-family:var(--mono)}.ds-tab span{color:var(--muted);font-size:10.5px}.ds-tab.on{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 12px #2f6feb47}.ds-tab.on b,.ds-tab.on i,.ds-tab.on span{color:#fff}.ds-tab.on i,.ds-tab.on span{opacity:.82}.kpis{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.kpi{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;min-width:78px;padding:6px 12px}.kpi b{letter-spacing:-.02em;font-size:16px;font-weight:650;line-height:1.25;display:block}.kpi span{color:var(--muted);white-space:nowrap;font-size:10.5px}.kpi.hl{background:var(--accent-soft);border-color:var(--accent-line)}.kpi.hl b{color:var(--accent)}.ds-note{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;align-items:baseline;gap:12px;padding:8px 24px;font-size:11.5px;display:flex}.ds-note .note-tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:5px;padding:2px 8px;font-size:10.5px}.ds-note .note-desc{flex:320px;min-width:200px}.ds-note .note-src{color:var(--muted);font-size:11px}.loading{text-align:center;color:var(--muted);padding:80px 20px;font-size:13px}.loading.err{color:#b42318}.toolbar{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fffffff0;padding:10px 24px 8px;position:sticky;top:0}.tools-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-wrap{flex:300px;min-width:220px;max-width:520px;position:relative}.search-wrap .ico{width:15px;height:15px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-wrap input{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:9px;outline:none;width:100%;height:34px;padding:0 30px 0 32px}.search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.search-wrap input::-webkit-search-cancel-button{display:none}.search-wrap .clear{width:22px;height:22px;color:var(--muted);border-radius:6px;font-size:16px;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-wrap .clear:hover{background:var(--surface-3);color:var(--text)}.sel{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.sel select{border:1px solid var(--border-strong);background:var(--surface-2);height:34px;color:var(--text);border-radius:9px;outline:none;padding:0 8px;font-size:12.5px}.density{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.density .lbl{margin-right:2px}.density button{border:1px solid var(--border-strong);background:var(--surface-2);height:30px;color:var(--text-2);border-radius:8px;padding:0 11px;font-size:12px}.density button.on{background:var(--accent);border-color:var(--accent);color:#fff}.ghost{border:1px solid var(--border-strong);background:var(--surface-2);height:34px;color:var(--text-2);border-radius:9px;padding:0 12px;font-size:12.5px}.ghost:hover{background:var(--surface-3)}.ghost.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.filters{border-top:1px dashed var(--border);flex-wrap:wrap;gap:4px 14px;margin-top:8px;padding-top:8px;display:flex}.fgroup{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fgroup .flabel{color:var(--muted);white-space:nowrap;margin-right:2px;font-size:11px}.chip{border:1px solid var(--border);background:var(--surface-2);height:23px;color:var(--text-2);white-space:nowrap;border-radius:7px;padding:0 9px;font-size:11.5px}.chip:hover{border-color:var(--border-strong);background:var(--surface-3)}.chip.on{background:var(--text);border-color:var(--text);color:#fff;font-weight:500}.chip:disabled{opacity:.36;cursor:default;background:var(--surface-2)}.chip:disabled:hover{border-color:var(--border);background:var(--surface-2)}.chip .n{opacity:.55;margin-left:4px;font-size:10.5px}.chip.on .n{opacity:.7}.count-row{color:var(--text-2);align-items:center;gap:10px;margin-top:7px;font-size:12px;display:flex}.count-row .dim{color:var(--muted)}.count-row .hint{color:var(--muted);font-size:11px}.flex-spacer{flex:1}#count b{color:var(--text);font-weight:650}.stats-panel{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 24px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 30px;display:grid}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1000px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.sblock h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 9px;font-size:11px;font-weight:600}.bar-row{grid-template-columns:96px 1fr 40px;align-items:center;gap:9px;margin-bottom:4px;font-size:11.5px;display:grid}.bar-row .bl{color:var(--text-2);text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-track{background:var(--surface-3);border-radius:4px;height:12px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.bar-row .bv{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.rows{--rh:270px;flex-direction:column;gap:10px;padding:16px 24px 8px;display:flex}.rows.rh-sm{--rh:190px}.rows.rh-lg{--rh:420px}.row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,.9fr);grid-template-areas:"head head head""refs prompt target";align-items:stretch;transition:box-shadow .18s,border-color .18s;display:grid;overflow:hidden}.row:hover{border-color:var(--border-strong);box-shadow:0 6px 24px #10121b1a}.row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row-head{background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;grid-area:head;align-items:center;gap:6px;padding:6px 12px;display:flex}.row-head .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:10.5px;display:flex}.row-head .meta .dotsep{background:var(--border-strong);border-radius:50%;width:3px;height:3px}.row-head .open{color:var(--accent);opacity:0;white-space:nowrap;font-size:10.5px;transition:opacity .15s}.row:hover .row-head .open,.row:focus-visible .row-head .open{opacity:1}.tid{font-family:var(--mono);color:var(--text);font-size:11.5px;font-weight:600}.badge{background:var(--surface-3);color:var(--text-2);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:10px;line-height:1.6}.badge.split-train{color:var(--ok);background:#eaf6f0}.badge.split-holdout,.badge.split-val{color:#b45309;background:#fdf1e3}.badge.cat{background:var(--accent-soft);color:var(--accent)}.badge.ds{color:#5b3bd0;background:#f1eefe}.spacer-mini{flex:1}.seg{flex-direction:column;gap:8px;min-width:0;padding:11px 13px 14px;display:flex}.c-refs{grid-area:refs}.c-prompt{grid-area:prompt}.c-target{grid-area:target}.seg+.seg{border-left:1px solid var(--border)}.seg-h{color:var(--muted);letter-spacing:.07em;flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.seg-h .cnt{letter-spacing:0;color:var(--muted);font-weight:400}.seg-body{min-width:0;min-height:0;max-height:var(--rh);flex:0 auto;overflow:auto}.c-refs .seg-body{align-content:start;gap:8px;display:grid;overflow-y:auto}.refs-2 .seg-body{grid-template-columns:repeat(2,minmax(0,1fr))}.refs-3 .seg-body{grid-template-columns:repeat(3,minmax(0,1fr))}.refs-4 .seg-body{grid-template-columns:repeat(4,minmax(0,1fr))}.refs-5 .seg-body{grid-template-columns:repeat(5,minmax(0,1fr))}.refs-6 .seg-body{grid-template-columns:repeat(6,minmax(0,1fr))}.refs-7 .seg-body{grid-template-columns:repeat(7,minmax(0,1fr))}.refs-8 .seg-body{grid-template-columns:repeat(8,minmax(0,1fr))}.rf{width:100%;max-width:calc(var(--rh) * .75);aspect-ratio:3/4;border:1px solid var(--border);background:var(--surface-3);border-radius:8px;line-height:0;position:relative;overflow:hidden}.rf img{object-fit:contain;width:100%;height:100%;display:block}.rf .rtag{color:#fff;letter-spacing:.02em;background:#00000094;border-top-right-radius:6px;padding:0 5px;font-size:9px;line-height:1.65;position:absolute;bottom:0;left:0}.rf{border-color:var(--rc,var(--border))}.pblock+.pblock{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.prow{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;display:flex}.prow .plen{color:var(--muted);font-size:10.5px}.ptxt{color:var(--text);word-break:break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.ptxt.is-tpl{color:var(--text-2)}.ptxt.is-prod{color:var(--text-2);-webkit-line-clamp:4}.ptxt.is-neu{color:var(--muted);-webkit-line-clamp:2;font-style:italic}.rows.rh-sm .ptxt{-webkit-line-clamp:3}.rows.rh-sm .pfull-mini{max-height:150px}.rows.rh-lg .ptxt{-webkit-line-clamp:8}.qtag{background:var(--surface-3);color:var(--muted);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:10px}.qtag.real{background:var(--accent-soft);color:var(--accent)}.qtag.tpl{background:var(--warn-soft);color:var(--warn)}.qtag.prod{color:#0f766e;background:#eefaf6}.pfoot{color:var(--muted);margin-top:10px;font-size:10.5px}.pfull-mini{border:1px solid var(--border);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:var(--text-2);background:#fbfbfc;border-radius:8px;max-height:220px;margin:10px 0 0;padding:9px 11px;font-size:10.5px;line-height:1.7;overflow:auto}.c-target{position:relative}.c-target .seg-body{height:var(--rh);position:relative;overflow:hidden}.c-target img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto 0;display:block;position:absolute;inset:0 auto 0 0}.c-target .zoomtip{color:#fff;opacity:0;background:#0009;border-radius:5px;padding:2px 7px;font-size:10px;transition:opacity .18s;position:absolute;bottom:16px;right:16px}.row:hover .c-target .zoomtip{opacity:1}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:11px;font-size:10.5px;display:flex}.rolekey{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.rolekey i{border-radius:2px;width:7px;height:7px;display:inline-block}@media (max-width:1600px){.rows{--rh:250px}.rows.rh-sm{--rh:178px}.rows.rh-lg{--rh:380px}}@media (max-width:1240px){.rows,.ds-note{padding-left:16px;padding-right:16px}.ds-tab{min-width:132px}}@media (max-width:900px){.row{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""refs""prompt""target"}.seg+.seg{border-left:none;border-top:1px solid var(--border)}.seg-body{max-height:none}.c-target .seg-body{height:auto;overflow:visible}.c-target img{width:100%;height:auto;max-height:56vh;position:static}.refs-2 .seg-body,.refs-3 .seg-body,.refs-4 .seg-body,.refs-5 .seg-body,.refs-6 .seg-body,.refs-7 .seg-body,.refs-8 .seg-body{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.rf{max-width:none}.topbar,.toolbar,.rows,.stats-panel,.ds-note{padding-left:12px;padding-right:12px}.count-row .hint,.count-row .legend{display:none}.brand{width:100%}.kpis{justify-content:flex-start;width:100%;margin-left:0}.ds-switch{width:100%}.ds-tab{flex:1 1 0;min-width:0}}.pager{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 24px 6px;font-size:12.5px;display:flex}.pager[hidden]{display:none}.pager-info b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}.pager-info .dim{color:var(--muted);margin-left:6px}.pager-nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pgnav{border:1px solid var(--border-strong);background:var(--surface);height:30px;color:var(--text-2);border-radius:8px;padding:0 11px;font-size:12px}.pgnav:hover:not(:disabled){background:var(--surface-3)}.pgnav:disabled{opacity:.4;cursor:default}.pg{min-width:30px;height:30px;color:var(--text-2);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 8px;font-size:12.5px}.pg:hover{background:var(--surface-3)}.pg.on{background:var(--accent);color:#fff;font-weight:600}.pgap{color:var(--muted);padding:0 2px}.pager-size,.pager-jump{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.pager-size select,.pager-jump input{border:1px solid var(--border-strong);background:var(--surface);height:30px;color:var(--text);border-radius:8px;outline:none;padding:0 8px;font-size:12.5px}.pager-jump input{text-align:center;width:56px}.pager-size select:focus,.pager-jump input:focus{border-color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:70px 20px}.empty-ico{opacity:.35;margin-bottom:10px;font-size:38px}.empty p{margin:0 0 14px;font-size:13.5px}.drawer{z-index:200;place-items:center;display:grid;position:fixed;inset:0}.drawer[hidden]{display:none}.drawer-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1212168c;position:absolute;inset:0}.drawer-panel{background:var(--surface);width:min(1400px,94vw);height:min(900px,90vh);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.drawer-close{z-index:5;background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-2);border-radius:9px;font-size:19px;line-height:1;position:absolute;top:12px;right:12px}.drawer-close:hover{background:var(--surface-3)}.nav{z-index:5;border:1px solid var(--border);width:38px;height:60px;color:var(--text-2);box-shadow:var(--shadow);background:#ffffffe6;border-radius:10px;place-items:center;font-size:24px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.nav:hover{color:var(--text);background:#fff}.nav.prev{left:10px}.nav.next{right:10px}.drawer-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.d-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:3;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 60px 12px 20px;display:flex;position:sticky;top:0}.d-head .tid{font-size:14px}.d-cols{grid-template-columns:1.15fr 1fr;gap:18px;padding:16px 20px;display:grid}@media (max-width:900px){.d-cols{grid-template-columns:1fr}}.d-col h3,.d-prompt h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 9px;font-size:11px;font-weight:600;display:flex}.d-col h3 .cnt,.d-prompt h3 .cnt{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400}.d-refs{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-items:start;gap:8px;display:grid}.d-ref{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;overflow:hidden}.d-ref .im{background:var(--surface-3);display:block}.d-ref img{object-fit:contain;width:100%;height:auto;max-height:19vh;margin:0 auto;display:block}.d-ref .cap{color:var(--text-2);border-top:1px solid var(--border);align-items:center;gap:5px;padding:5px 8px;font-size:10.5px;display:flex}.d-ref .cap i{background:var(--rc,var(--border-strong));border-radius:2px;flex:none;width:7px;height:7px;display:inline-block}.d-ref .cap em{color:var(--muted);margin-left:auto;font-size:10px;font-style:normal}.d-target{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;overflow:hidden}.d-target img{object-fit:contain;width:100%;height:auto;max-height:34vh;display:block}.d-prompt{border-top:1px solid var(--border);background:var(--surface-2);padding:16px 20px 22px}.d-prompt .ptext{background:var(--surface-2);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.65}.d-prompt .ptext.neutral{color:var(--muted);font-style:italic}.d-prompt .ptext.empty{color:var(--muted);background:var(--warn-soft);border-color:#f0e0c4;font-style:italic}.psect{margin-bottom:16px}.psect:last-of-type{margin-bottom:6px}.psect-h{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:7px;display:flex}.psect-h b{font-size:12.5px;font-weight:600}.psect-h .tag{background:var(--surface-3);color:var(--text-2);border-radius:5px;padding:2px 7px;font-size:10.5px}.psect-h .tag.real{background:var(--accent-soft);color:var(--accent)}.psect-h .tag.warn{background:var(--warn-soft);color:var(--warn)}.psect-h .mini{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:6px;margin-left:auto;padding:3px 10px;font-size:11px}.psect-h .mini:hover{background:var(--surface-3);color:var(--text)}.pnote{color:var(--muted);border-left:2px solid var(--border-strong);margin:7px 0 0;padding-left:10px;font-size:11.5px;line-height:1.6}.pnote b{color:var(--warn)}.pnote code{font-family:var(--mono);background:var(--surface-3);border-radius:3px;padding:1px 4px;font-size:11px}.pfull{border:1px solid var(--border);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:var(--text-2);background:#fbfbfc;border-radius:10px;max-height:330px;margin:0;padding:13px 15px;font-size:11.5px;line-height:1.75;overflow-y:auto}.pfull-slot .dim{color:var(--muted);font-size:12px}.d-prompt .dim{color:var(--muted)}.d-meta{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;margin-top:12px;display:grid;overflow:hidden}.d-meta div{background:var(--surface);padding:8px 12px}.d-meta dt{color:var(--muted);margin:0 0 2px;font-size:10px}.d-meta dd{font-variant-numeric:tabular-nums;margin:0;font-size:12.5px}.d-meta dd.mono{font-family:var(--mono);word-break:break-all;font-size:11.5px}.loadmore{text-align:center;color:var(--muted);grid-column:1/-1;padding:8px 0 20px;font-size:12px}