:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface-1:#1a1a1a;--surface-2:#212121;--surface-3:#2a2a2a;--viewer:#121212;--border:#ffffff14;--border-strong:#ffffff29;--text-primary:#f0efec;--text-secondary:#c3c2b7;--text-muted:#898781;--grid:#2c2c2a;--axis:#3c3c39;--accent:#3987e5;--accent-soft:#3987e52e;--ch-r:#e66767;--ch-g:#199e70;--ch-b:#3987e5;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--page);color:var(--text-primary);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{margin:0;font-weight:600}[hidden]{display:none!important}kbd{border:1px solid var(--border-strong);min-width:18px;font:11px/16px var(--font);text-align:center;color:var(--text-secondary);border-bottom-width:2px;border-radius:4px;padding:0 4px;display:inline-block}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0d0d0de0;align-items:center;gap:20px;padding:10px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:.01em;font-size:15px}.brand p{color:var(--text-muted);margin:0;font-size:12px}.logo,.drop-icon{width:28px;height:28px;display:inline-block;position:relative}.logo span,.drop-icon span{border-radius:4px;width:16px;height:16px;position:absolute}.logo span:first-child,.drop-icon span:first-child{background:#474747;top:10px;left:0}.logo span:nth-child(2),.drop-icon span:nth-child(2){background:#898781;top:5px;left:6px}.logo span:nth-child(3),.drop-icon span:nth-child(3){background:#f0efec;top:0;left:12px}.status-wrap{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;margin-left:auto;display:flex}.status{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:52vw;font-size:12.5px;overflow:hidden}.progress{background:var(--surface-3);border-radius:1px;width:180px;height:2px;overflow:hidden}.progress-bar{background:var(--accent);width:0;height:100%;transition:width .2s}.button{border:1px solid var(--border-strong);background:var(--surface-2);height:32px;color:var(--text-primary);font:500 13px var(--font);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;padding:0 14px;display:inline-flex}.button.primary{background:var(--text-primary);color:#0d0d0d;border-color:#0000}.button.primary:hover{background:#fff}main{max-width:1680px;margin:0 auto;padding:20px 24px 64px}.workspace{gap:16px;display:grid}.stage{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.stage-main{gap:12px;min-width:0;display:grid}@media (max-width:1080px){.stage{grid-template-columns:minmax(0,1fr)}}.panel,.inspector,.viewer-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius)}.panel{min-width:0;padding:16px 18px 18px}.panel h2,.inspector h2{font-size:14px}.lead{color:var(--text-secondary);max-width:80ch;margin:4px 0 14px;font-size:13px}.muted{color:var(--text-muted)}.error-text{color:var(--serious)}.empty{place-items:center;min-height:calc(100vh - 140px);display:grid}.dropzone{border:1px solid var(--border-strong);background:var(--surface-1);width:min(560px,100%);color:var(--text-secondary);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:56px 32px;transition:border-color .15s,background .15s;display:flex}.dropzone strong{color:var(--text-primary);font-size:17px;font-weight:600}.dropzone .hint{color:var(--text-muted);margin-top:10px;font-size:12px}.dropzone:hover,body.dragging .dropzone{border-color:var(--accent);background:var(--surface-2)}.drop-icon{margin:6px 0 14px;transform:scale(1.5)}body.dragging .viewer-panel{outline:2px solid var(--accent);outline-offset:2px}.summary{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;align-items:baseline;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.chip-label{color:var(--text-muted);font-size:12px}.chip-value{color:var(--text-primary)}.viewer-panel{min-width:0;overflow:hidden}.viewer-toolbar{border-bottom:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 12px;font-size:13px;display:flex}.segmented{background:var(--page);border:1px solid var(--border);border-radius:8px;padding:2px;display:inline-flex}.segmented button{height:26px;color:var(--text-secondary);font:500 12.5px var(--font);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px}.segmented button[aria-pressed=true]{background:var(--surface-3);color:var(--text-primary);box-shadow:0 1px 2px #0006}.segmented button:disabled{color:var(--text-muted);cursor:default;opacity:.6}.toggle,.slider{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle input{accent-color:var(--accent);margin:0}.slider input{width:120px;accent-color:var(--accent)}.slider-value{font-variant-numeric:tabular-nums;min-width:64px;color:var(--text-primary)}.clip-legend{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.clip-legend .swatch{border-radius:3px;width:10px;height:10px;margin-left:4px}.kbd-hint{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:12px}.viewer{background:var(--viewer);place-items:center;min-height:360px;padding:18px;display:grid;overflow:hidden}.viewer-canvas.zoomable{cursor:zoom-in}.viewer-canvas.crop{max-width:none;max-height:none;image-rendering:pixelated;cursor:grab;touch-action:none}.viewer-canvas.crop:active{cursor:grabbing}.viewer-canvas{border-radius:3px;max-width:100%;height:auto;max-height:max(320px,100vh - 480px);display:block;box-shadow:0 10px 30px #0000008c}.viewer-caption{border-top:1px solid var(--border);color:var(--text-muted);padding:9px 14px;font-size:12px}.viewer-caption strong{color:var(--text-secondary);font-weight:500}.inspector{flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.inspector-head{align-items:center;gap:10px;display:flex}.meta-line{color:var(--text-secondary);margin:-8px 0 0;font-size:13px}.inspector h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:baseline;gap:8px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.h3-note{text-transform:none;letter-spacing:0;color:var(--text-muted);font-weight:400}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.kpi{background:var(--surface-2);border-radius:8px;flex-direction:column;gap:2px;padding:10px;display:flex}.kpi-label{color:var(--text-muted);font-size:12px}.kpi-value{white-space:nowrap;font-size:18px;font-weight:600}.kpi-note{color:var(--text-muted);font-size:11px}.levels{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px;display:grid}.levels dt{color:var(--text-muted)}.levels dd{font-variant-numeric:tabular-nums;margin:0}.levels .src{color:var(--text-muted);margin-left:8px;font-size:12px}.small{margin:0;font-size:12px}.look-row{cursor:pointer;grid-template-columns:92px 1fr 64px;align-items:center;gap:10px;font-size:13px;display:grid}.look-label{color:var(--text-secondary)}.look-row input[type=range]{width:100%;accent-color:var(--accent)}.look-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-primary)}.segmented.wide{display:flex}.segmented.wide button{flex:1}.look-toggle{color:var(--text-secondary);font-size:13px}.look-actions{gap:8px;margin-top:4px;display:flex}.button.active{border-color:var(--accent);background:var(--accent-soft);color:#cfe2fa}.button:disabled{opacity:.5;cursor:default}.viewer-toolbar .button{height:28px;font-size:12.5px}.toolbar-note{color:var(--text-muted);font-size:12px}.export-controls{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.select{border:1px solid var(--border-strong);background:var(--surface-2);height:28px;color:var(--text-primary);font:500 12.5px var(--font);font-variant-numeric:tabular-nums;border-radius:8px;padding:0 8px}.select:disabled{opacity:.5}.toggle-note{color:var(--text-muted);flex-basis:100%;padding-left:21px;font-size:12px}.look-toggle{flex-wrap:wrap;row-gap:2px}.deghost{margin-bottom:8px}.deghost .toggle{color:var(--text-secondary);margin:4px 0 6px;font-size:13px}.viewer-canvas.picking{cursor:crosshair}.bars{gap:6px;display:grid}.bar-row{grid-template-columns:52px 1fr 52px;align-items:center;gap:10px;font-size:12.5px;display:grid}.bar-label{color:var(--text-secondary);font-variant-numeric:tabular-nums}.bar-track{height:12px}.bar{border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.bar-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-primary)}.thumb.merged{background:linear-gradient(180deg, #3987e514, transparent 60%), var(--surface-1)}.badge{background:var(--accent-soft);color:#a9cbf4;white-space:nowrap;border-radius:10px;align-items:center;height:20px;padding:0 7px;font-size:11.5px;font-weight:500;display:inline-flex}.filmstrip{grid-auto-columns:minmax(184px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.thumb{border:1px solid var(--border);background:var(--surface-1);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:9px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.thumb:hover{background:var(--surface-2)}.thumb[aria-selected=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thumb canvas,.thumb-placeholder{aspect-ratio:3/2;background:var(--viewer);border-radius:4px;width:100%;height:auto;display:block}.thumb.pending .thumb-placeholder{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}.thumb-row{justify-content:space-between;align-items:center;gap:6px;font-size:13px;display:flex}.thumb-row.secondary{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.thumb-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.thumb-ev{color:var(--text-primary)}.thumb.error{cursor:default}.thumb-error{aspect-ratio:3/2;color:var(--text-secondary);background:#d03b3b1f;border-radius:4px;flex-direction:column;gap:4px;padding:10px;font-size:12px;display:flex;overflow:hidden}.thumb-error strong{color:var(--serious);font-weight:500}.table-scroll{overflow-x:auto}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}table.data th,table.data td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:7px 10px}table.data thead th{color:var(--text-muted);border-bottom-color:var(--border-strong);font-size:12px;font-weight:500}table.data tbody th{font-weight:500}table.data tbody tr:last-child>*{border-bottom:0}table.data .num{text-align:right}table.data .strong{color:var(--text-primary);font-weight:600}table.data td{color:var(--text-secondary)}table.data tr.is-ref>*{background:#3987e50f}table.data th .badge{margin-left:8px}table.data.compact th,table.data.compact td{padding:5px 6px}table.data.meta td{white-space:normal;min-width:150px}table.data.meta tbody th{color:var(--text-muted);font-weight:400}.key{vertical-align:middle;border-radius:1px;width:10px;height:2px;margin-right:8px;display:inline-block}.key-r{background:var(--ch-r)}.key-g{background:var(--ch-g)}.key-b{background:var(--ch-b)}.histogram,.chart-wrap{position:relative}.panel-h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:baseline;gap:8px;margin:18px 0 10px;font-size:12px;font-weight:600;display:flex}.chart{display:block;overflow:visible}.chart:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.chart .grid{stroke:var(--grid);stroke-width:1px;shape-rendering:crispedges}.chart .axis{stroke:var(--axis);stroke-width:1px;shape-rendering:crispedges}.chart .marker{stroke:var(--text-muted);stroke-opacity:.55;stroke-width:1px;shape-rendering:crispedges}.chart .series-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.histogram.compact .series-line{stroke-width:1.25px}.chart .crosshair{stroke:var(--text-secondary);stroke-width:1px;shape-rendering:crispedges;pointer-events:none}.chart text{font-family:var(--font)}.chart .tick-label{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .value-label{fill:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11.5px}.legend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 18px;margin-bottom:10px;font-size:12.5px;display:flex}.legend-item{align-items:center;gap:7px;display:inline-flex}.line-key{border-radius:1px;width:14px;height:2px;display:inline-block}.tooltip{z-index:10;border:1px solid var(--border-strong);pointer-events:none;white-space:nowrap;background:#262626;border-radius:8px;min-width:128px;padding:8px 10px;font-size:12px;position:absolute;box-shadow:0 8px 24px #00000080}.tooltip-title{color:var(--text-muted);margin-bottom:4px}.tooltip-row{align-items:center;gap:8px;line-height:1.6;display:flex}.tooltip-row .key{margin-right:0}.tooltip-row strong{min-width:46px;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.tooltip-row span:last-child{color:var(--text-secondary)}#app[data-mode=simple] .topbar,#app[data-mode=simple] .workspace,#app[data-mode=advanced] .simple,#app[data-mode=advanced] .advanced-toggle{display:none}#app[data-mode=simple] main{padding:0}#app[data-mode=simple] .empty{min-height:100vh}#app[data-mode=simple] .dropzone{border:1px dashed var(--border-strong);background:0 0;gap:14px;width:min(420px,100% - 32px);padding:64px 32px}.drop-text{color:var(--text-secondary);font-size:15px}.simple{background:var(--page);place-items:center;padding:32px;display:grid;position:fixed;inset:0}.simple-figure{margin:0;line-height:0;position:relative}.simple-canvas{width:min(calc(100vw - 64px), calc((100vh - 64px) * var(--aspect,1.5)));border-radius:3px;height:auto;transition:opacity .6s,filter .6s;display:block;box-shadow:0 18px 60px #0000008c}.simple-canvas.pending{opacity:.3;filter:blur(10px)saturate(.4)}body.dragging .simple-canvas{outline:2px solid var(--accent);outline-offset:6px}.simple-progress{z-index:50;height:2px;position:fixed;top:0;left:0;right:0}.simple-progress span{background:var(--accent);width:0;height:100%;transition:width .3s;display:block}.simple-message{text-align:center;color:var(--text-muted);margin:0;font-size:13px;position:fixed;bottom:24px;left:16px;right:16px}.simple-message:empty{display:none}.simple-brackets{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;width:max-content;max-width:calc(100% - 32px);color:var(--text-secondary);background:#12121299;border-radius:999px;margin:0;padding:6px 14px;font-size:13px;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.simple-brackets:empty{display:none}.link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:12px;padding:0}.link-button:hover,.link-button:focus-visible{text-decoration:underline}.icon-button{width:40px;height:40px;color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#12121299;border:1px solid #ffffff24;border-radius:50%;place-items:center;padding:0;transition:opacity .2s,background .2s;display:grid}.icon-button:hover{background:#2c2c2cd9}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-button.flat{width:32px;height:32px;color:var(--text-secondary);background:0 0;border-color:#0000}.icon-button.flat:hover{background:var(--surface-2);color:var(--text-primary)}.advanced-toggle{z-index:40;opacity:.5;position:fixed;top:18px;right:18px}.advanced-toggle:hover,.advanced-toggle:focus-visible{opacity:1}.download{opacity:0;position:absolute;bottom:16px;right:16px}.simple-figure:hover .download,.download:focus-visible,.download.busy{opacity:1}.download:disabled{cursor:progress}@media (hover:none){.download{opacity:.85}}