: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{border-left:1px solid #1f2d3d;border-right:none;overflow:auto}.panel{background:#111c27;border:1px solid #223144;border-radius:8px;min-height:0;padding:12px}.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:13px;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}.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}.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}.status-line{color:#aebccd;word-break:break-word;line-height:1.45}.status-line.ok{color:#5ee0a0}.status-line.error{color:#ff7d7d}.saved-path{color:#8da2b8;word-break:break-all;margin-top:10px;font-size:12px;line-height:1.45}