:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2f7;background:#0b1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#edf2f7;cursor:pointer;background:#13202c;border:1px solid #2d4054;border-radius:6px;min-height:36px;padding:0 12px}button:disabled{color:#718096;cursor:not-allowed}select,input{color:#edf2f7;background:#0e1721;border:1px solid #2d4054;border-radius:6px;width:100%;min-height:36px;padding:0 10px}.app-shell{background:#0b1117;grid-template-columns:300px minmax(0,1fr) 260px;min-width:960px;height:100%;display:grid;overflow:hidden}.sidebar,.rightbar{background:#0f1720;border-right:1px solid #1f2d3d;flex-direction:column;gap:12px;min-height:0;padding:12px;display:flex;overflow:hidden}.rightbar{scrollbar-gutter:stable;border-left:1px solid #1f2d3d;border-right:none;max-height:100vh;padding-bottom:24px;overflow:hidden scroll}.rightbar::-webkit-scrollbar{width:10px}.case-list::-webkit-scrollbar{width:10px}.rightbar::-webkit-scrollbar-track{background:#0b1117}.case-list::-webkit-scrollbar-track{background:#0b1117}.rightbar::-webkit-scrollbar-thumb{background:#31577a;border:2px solid #0b1117;border-radius:8px}.case-list::-webkit-scrollbar-thumb{background:#31577a;border:2px solid #0b1117;border-radius:8px}.panel{background:#111c27;border:1px solid #223144;border-radius:8px;min-height:0;padding:12px}.control-section{flex:none}.control-section>summary{cursor:pointer;list-style:none}.control-section>summary::-webkit-details-marker{display:none}.control-section>summary:after{content:"收起";color:#8da2b8;font-size:12px;font-weight:500}.control-section:not([open])>summary{margin-bottom:0}.control-section:not([open])>summary:after{content:"展开"}.panel-title{color:#f8fafc;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.field{color:#aebccd;gap:6px;margin-bottom:12px;font-size:13px;display:grid}.row{grid-template-columns:1fr 38px;gap:8px;display:grid}.icon-button{padding:0;font-size:18px}.wide-action{color:#bfe1ff;background:#142a3c;border-color:#31577a;width:100%}.case-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.case-list{flex:1;align-content:start;gap:6px;min-height:0;padding-right:4px;display:grid;overflow:auto}.case-item{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:42px;display:grid}.case-item.active{background:#163451;border-color:#47a3ff}.case-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.case-status{color:#f4b860;font-size:12px}.case-status.done{color:#5ee0a0}.case-status.mismatch{color:#ff7d7d;font-weight:700}.viewer-area{grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.topbar{background:#0c141d;border-bottom:1px solid #1f2d3d;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 16px;display:flex}.current-title{text-overflow:ellipsis;white-space:nowrap;max-width:48vw;font-size:18px;font-weight:700;overflow:hidden}.current-path{color:#8da2b8;margin-top:4px;font-size:12px}.toolbar{align-items:center;gap:8px;display:flex}.slice-bar{background:#0a1119;border-bottom:1px solid #1f2d3d;grid-template-columns:auto minmax(160px,1fr) auto auto 92px;align-items:center;gap:10px;min-height:48px;padding:8px 16px;display:grid}.slice-track{min-width:0;padding-bottom:12px;position:relative}.slice-track input[type=range]{accent-color:#47a3ff;min-height:28px;padding:0}.slice-marks{pointer-events:none;height:8px;position:absolute;bottom:1px;left:8px;right:8px}.slice-mark{background:#ff5d5d;border-radius:3px;width:4px;height:8px;position:absolute;bottom:0;transform:translate(-50%);box-shadow:0 0 8px #ff5d5db3}.slice-mark.current{background:#ffd166;width:7px;height:10px;box-shadow:0 0 10px #ffd166e6}.slice-readout{color:#cdd8e5;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:13px}.annotated-readout{color:#ff9d9d;margin-top:2px;font-size:12px}.zoom-controls{grid-template-columns:repeat(4,42px);gap:6px;display:grid}.zoom-controls button{width:42px;min-height:32px;padding:0;font-size:22px;font-weight:700;line-height:1}.zoom-controls button.active{background:#1b76b7;border-color:#47a3ff}.primary{background:#1b76b7;border-color:#3aa6ff}.canvas-wrap{background:#03070b;min-height:0;position:relative}canvas{width:100%;height:100%;display:block}canvas.eraser-cursor{cursor:none!important}.eraser-brush-preview{z-index:4;pointer-events:none;background:#f8fafc14;border:1px solid #f8fafcf2;border-radius:2px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #03070be6,0 4px 14px #000000a6,inset 0 0 0 1px #03070b59}.polygon-overlay{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.polygon-overlay polygon{fill:#47a3ff1f}.polygon-overlay polyline{fill:none;stroke:#ffd166;stroke-width:2px}.polygon-overlay circle{fill:#47a3ff;stroke:#fff;stroke-width:1.5px}.empty-state{text-align:center;background:radial-gradient(circle,#213244e6,#03070bf2);place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.loading-state{z-index:2;text-align:center;background:#03070bb8;place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.saving-state{z-index:3;text-align:center;background:#03070bc7;place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.loading-title{color:#f8fafc;font-size:18px;font-weight:700}.loading-text{color:#aebccd;font-size:13px}.empty-title{font-size:20px;font-weight:700}.empty-text,.subtle{color:#8da2b8;font-size:12px}.opacity-value{color:#aebccd;text-align:right;font-size:13px}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.segmented-control button{white-space:nowrap;width:100%;padding:0 8px}.segmented-control button.active{background:#1b76b7;border-color:#47a3ff}.tool-control{grid-template-columns:repeat(3,minmax(0,1fr))}.edit-hint{color:#f4b860;margin:-4px 0 12px;font-size:12px;line-height:1.45}.edit-hint.active{color:#5ee0a0}.toggle-row{color:#aebccd;align-items:center;gap:8px;margin:-4px 0 12px;font-size:13px;display:flex}.toggle-row input{accent-color:#47a3ff;width:16px;min-height:16px}.action-grid{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.action-grid button{color:#ffd9ad;background:#211b16;border-color:#56483b}.label-tool-row{grid-template-columns:minmax(54px,1fr) auto;align-items:center;gap:8px;display:grid}.label-tool-row input{min-width:0}.polygon-actions{grid-template-columns:repeat(3,42px);gap:6px;display:grid}.polygon-actions button:first-child{color:#bfe1ff;background:#142a3c;border-color:#31577a}.icon-tool-button{place-items:center;width:42px;min-height:36px;padding:0;display:inline-grid}.icon-tool-button .svg-icon,.icon-tool-button svg{width:20px;height:20px;display:block}.icon-tool-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.icon-tool-button .svg-icon svg{fill:currentColor;stroke:none;width:100%;height:100%}.icon-tool-button .soft-fill{fill:currentColor;opacity:.18;stroke:none}.icon-tool-button .strong-mark{stroke-width:2.6px}.icon-tool-button .solid-dot{fill:currentColor;stroke:none}.icon-tool-button.danger{color:#ffb4b4;background:#261515;border-color:#6b3434}.status-panel{flex:none;min-width:0;overflow:visible}.status-line{overflow-wrap:anywhere;white-space:pre-wrap;color:#aebccd;word-break:break-all;min-width:0;max-width:100%;line-height:1.45;display:block}.status-line.ok{color:#5ee0a0}.status-line.error{color:#ff7d7d}.saved-path{color:#8da2b8;overflow-wrap:anywhere;word-break:break-all;white-space:pre-wrap;background:#0e1721;border:1px solid #1f2d3d;border-radius:6px;max-width:100%;max-height:120px;margin-top:10px;padding:8px;font-size:12px;line-height:1.45;overflow:auto}.saved-path::-webkit-scrollbar{width:8px;height:8px}.saved-path::-webkit-scrollbar-track{background:#0b1117}.saved-path::-webkit-scrollbar-thumb{background:#31577a;border:2px solid #0b1117;border-radius:8px}.dialog-backdrop{z-index:20;background:#03070bad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#111c27;border:1px solid #2d4054;border-radius:8px;width:min(460px,100%);padding:18px;box-shadow:0 22px 60px #0000007a}.confirm-title{color:#f8fafc;font-size:16px;font-weight:700}.confirm-message{color:#cdd8e5;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;max-height:260px;margin-top:12px;font-size:13px;line-height:1.55;overflow:auto}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.confirm-actions button{min-width:86px}.confirm-actions .danger{color:#ffe1e1;background:#6f2424;border-color:#9d3b3b}