*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #161616;--surface: #222;--border: #333;--text: #ddd;--muted: #888;--accent: #2563eb}body{font-family:system-ui,-apple-system,sans-serif;font-size:14px;background:var(--bg);color:var(--text);height:100dvh;display:flex;flex-direction:column;overflow:hidden}#app{display:flex;flex-direction:column;height:100dvh}#toolbar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}button{background:#2e2e2e;color:var(--text);border:1px solid var(--border);padding:5px 12px;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap}button:hover:not(:disabled){background:#3a3a3a}button:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#1d4ed8}#nav-controls{display:flex;align-items:center;gap:4px}#nav-info{min-width:72px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}#filter-controls{display:flex;gap:12px;color:var(--muted)}#filter-controls label{display:flex;align-items:center;gap:4px;cursor:pointer}#ocr-status{margin-left:auto;font-size:12px;color:var(--muted)}#main-area{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden}#photos-pane{flex:5;min-width:0;display:flex;flex-direction:row;overflow:hidden}#photos-pane[hidden]{display:none}#photo-list-panel{flex:0 0 180px;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow-y:auto;background:var(--surface);outline:none}.photo-list-item{display:flex;align-items:baseline;gap:6px;padding:4px 8px;cursor:pointer;border-bottom:1px solid #1c1c1c;flex-shrink:0}.photo-list-item:hover{background:#2a2a2a}.photo-list-item.active{background:#1a3352}.pli-num{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:30px;flex-shrink:0}.pli-depth{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.pli-markers{display:flex;gap:2px;align-items:center;flex-wrap:wrap;margin-left:auto}.pli-markers svg{display:block;filter:invert(1) brightness(1.5)}.pli-depth.src-ocr_high,.thumb-depth.src-ocr_high{color:#86efac}.pli-depth.src-ocr_low,.thumb-depth.src-ocr_low{color:#fcd34d}.pli-depth.src-manual,.thumb-depth.src-manual{color:#93c5fd}.pli-depth.src-interpolated,.thumb-depth.src-interpolated{color:#c4b5fd}.pli-depth.src-skipped,.thumb-depth.src-skipped{color:#6b7280}.pli-depth.src-none,.thumb-depth.src-none{color:#3a3a3a}#photo-side{flex:5;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border)}#schema-side{flex:7;min-width:0;display:flex;flex-direction:column;background:#1a1a1a;overflow:hidden}#schema-toolbar{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:5px 10px;background:var(--surface);border-bottom:1px solid var(--border)}#shaft-form{display:flex;align-items:center;gap:6px}.shaft-col-hint{font-size:12px;color:var(--muted);white-space:nowrap}.shaft-col-hint.col-selected{color:#60a5fa;font-weight:600}#shaft-select{padding:4px 6px;background:#2a2a2a;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:13px;max-width:170px}.toolbar-sep{width:1px;height:18px;background:var(--border);flex-shrink:0}#shaft-label-input{width:140px;padding:4px 7px;background:#2a2a2a;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:13px}#shaft-label-input:focus{outline:none;border-color:var(--accent)}#schema-scroll{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:12px}#schema-container{display:inline-block}#grid-view{flex:5;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#1a1a1a}#grid-view[hidden]{display:none}#grid-tabs{flex-shrink:0;display:flex;gap:6px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto}.grid-tab{padding:5px 12px;border-radius:4px;background:#2a2a2a;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:13px;white-space:nowrap}.grid-tab:hover{background:#333}.grid-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}#grid-body{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:16px;align-content:start}.thumb-card{display:flex;flex-direction:column;gap:4px;cursor:pointer;border:1px solid transparent;border-radius:6px;padding:5px}.thumb-card:hover{background:#242424;border-color:var(--border)}.thumb-card.flash{border-color:#3b82f6;background:#1a3352}.thumb-img-wrap{width:100%;aspect-ratio:4 / 3;background:#101010;border-radius:4px;overflow:hidden}.thumb-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.thumb-name{font-size:11px;color:var(--muted);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-meta{display:flex;align-items:center;gap:4px}.thumb-depth{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.thumb-meta .pli-markers{margin-left:auto}#viewer-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#0d0d0d;position:relative;overflow:hidden}#no-folder{text-align:center;color:var(--muted);line-height:2}#no-folder .hint{font-size:12px}#photo-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}#photo-canvas{display:block;max-width:100%;max-height:100%;cursor:crosshair}#photo-canvas:focus{outline:none}#depth-panel{display:flex;align-items:center;gap:16px;padding:8px 14px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}#depth-display{display:flex;align-items:baseline;gap:8px}#depth-value{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;min-width:90px;letter-spacing:-.5px}.badge{font-size:11px;padding:2px 7px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-ocr_high{background:#14532d;color:#86efac}.badge-ocr_low{background:#78350f;color:#fcd34d}.badge-manual{background:#1e3a8a;color:#93c5fd}.badge-interpolated{background:#4a1d96;color:#c4b5fd}.badge-skipped{background:#374151;color:#9ca3af}#depth-conf{font-size:12px;color:var(--muted)}#depth-edit{display:flex;align-items:center;gap:6px}#depth-edit label{color:var(--muted)}#depth-input{width:72px;padding:5px 8px;background:#2a2a2a;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:16px;font-variant-numeric:tabular-nums;text-align:right}#depth-input:focus{outline:none;border-color:var(--accent)}#depth-input.error{border-color:#ef4444}.unit{color:var(--muted)}#ocr-raw{font-size:11px;color:#666;font-family:monospace;white-space:pre-wrap;word-break:break-all;max-width:500px}#action-row{display:flex;gap:6px}#stats{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--muted)}#marker-toolbar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px;padding:6px 8px;background:var(--surface);border-top:1px solid var(--border)}#marker-toolbar[hidden]{display:none}#g-markers .marker:hover{opacity:.6}.marker-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 7px;background:#d8d8d8;border:1px solid #aaa;border-radius:5px;cursor:pointer;color:#111;flex:1 0 52px;transition:background .1s}.marker-btn:hover:not(:disabled){background:silver}.marker-btn.has-marker{background:#86efac;border-color:#22c55e}.marker-btn.flash{background:#93c5fd;border-color:#3b82f6}.mb-icon{display:block;line-height:0}.mb-label{font-size:9px;text-align:center;line-height:1.2;color:#111}.mb-key{font-size:9px;color:#666}#marker-msg{font-size:12px;color:#f87171;align-self:center;padding:0 4px;min-height:1em}#detect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:160}#detect-overlay[hidden]{display:none}#detect-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 28px;width:500px;max-height:70vh;display:flex;flex-direction:column;gap:16px}#detect-title{font-size:15px;font-weight:600}#detect-list{overflow-y:auto;display:flex;flex-direction:column;gap:4px}.detect-row{display:grid;grid-template-columns:20px 1fr auto auto;gap:10px;align-items:center;padding:6px 8px;border-radius:4px;background:#2a2a2a;font-size:12px}.detect-num{color:var(--muted);font-weight:600;text-align:right}.detect-file{font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detect-depth{color:#60a5fa;font-variant-numeric:tabular-nums;white-space:nowrap}.detect-count{color:var(--muted);white-space:nowrap}#detect-footer{display:flex;gap:8px;justify-content:flex-end}#batch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:150}#batch-overlay[hidden]{display:none}#batch-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:28px 32px;width:380px;display:flex;flex-direction:column;gap:14px}#batch-title{font-size:15px;font-weight:600}#batch-progress-wrap{height:6px;background:#333;border-radius:3px;overflow:hidden}#batch-progress-bar{height:100%;width:0%;background:var(--accent);border-radius:3px;transition:width .15s linear}#batch-counter{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}#batch-filename{font-size:11px;color:#555;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1em}#btn-batch-abort{align-self:center}#project-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:165}#project-overlay[hidden]{display:none}#project-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 28px;width:440px;max-height:84vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}#project-title{font-size:15px;font-weight:600}.project-form{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center}.project-form label{font-size:12px;color:var(--muted);white-space:nowrap}.project-form input{width:100%;padding:5px 8px;background:#2a2a2a;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:13px}.project-form input:focus{outline:none;border-color:var(--accent)}.project-section{grid-column:1 / -1;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:6px;padding-top:8px;border-top:1px solid var(--border)}.project-error{font-size:12px;color:#f87171}.project-error[hidden]{display:none}#project-footer{display:flex;gap:8px;justify-content:flex-end}#ocr-init-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200}#ocr-init-box{display:flex;flex-direction:column;align-items:center;gap:20px;color:#e0e0e0}#ocr-init-spinner{width:48px;height:48px;border:4px solid #333;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#ocr-init-msg{font-size:16px;color:#aaa;text-align:center;line-height:1.6}#ocr-init-msg small{font-size:13px;color:#666}#crop-preview-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;align-items:center;justify-content:center;z-index:100}#crop-preview-overlay:not([hidden]){display:flex}#crop-preview-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;max-width:90vw;position:relative}.crop-preview-title{font-size:13px;color:var(--muted);text-align:center}.crop-thumb{display:block;max-width:100%;border:1px solid var(--border);border-radius:3px;image-rendering:pixelated}#btn-close-preview{position:absolute;top:8px;right:8px;padding:2px 8px;font-size:16px}