:root{--viewport-bg: #e6e6e6;--surface: #ffffff;--surface-muted: #f0f0ec;--ink: #1b1c1b;--text-2: #4b4e4b;--label: #5f625f;--caption: #767975;--border: #dcdcd6;--menu-border: #e2e2dd;--divider: #ecece7;--track: #e8e8e3;--hist-fill: #c9c9c3;--swatch-border: #cfcfc8;--accent: #FC7323;--toggle-off: #d4d4ce;--colormap: linear-gradient(90deg, #0d0887, #9c179e, #ed7953, #f0f921);--r-card: 8px;--r-control: 6px;--r-segment-thumb: 5px;--r-inner-btn: 4px;--shadow-card: 0 8px 30px rgba(20, 24, 22, .1), 0 1px 2px rgba(20, 24, 22, .08);--gap-edge: 20px;--topbar-h: 60px;--panel-top: 100px;--panel-left-w: 296px;--panel-right-w: 312px;--panel-header-h: 36px;--panel-pad: 20px;--panel-gap: 20px;--font: "Geist", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:var(--viewport-bg)}button{font-family:inherit;cursor:pointer}.app{position:relative;width:100%;height:100%;overflow:hidden;background:var(--viewport-bg)}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.scale-bar{position:absolute;right:var(--gap-edge);bottom:24px;font:12px var(--mono);color:var(--label)}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.topbar{position:absolute;z-index:6;top:var(--gap-edge);left:var(--gap-edge);right:var(--gap-edge);height:var(--topbar-h);padding:0 12px 0 20px;display:flex;align-items:center;gap:16px}.topbar__title{font-weight:600;font-size:15px;white-space:nowrap}.source{flex:1;max-width:520px;display:flex;align-items:center;gap:8px;padding:4px 4px 4px 14px;border-radius:var(--r-control);background:var(--surface-muted)}.source__url{flex:1;min-width:0;border:0;padding:0;background:transparent;font:12px var(--mono);color:var(--ink);white-space:nowrap;overflow:hidden}.source__url::placeholder{color:var(--label)}.source__url:focus{outline:none}.btn-load{min-height:36px;padding:0 16px;border:0;border-radius:var(--r-inner-btn);background:var(--accent);color:#fff;font:500 12px var(--font);flex:none}.btn-load:hover{filter:brightness(.92)}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar__label{font-size:12px;color:var(--label);white-space:nowrap}.select{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);font-size:13px;color:var(--ink);white-space:nowrap}.select__chevron{color:var(--label);display:inline-flex}.select__spinner{display:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;border:2px solid var(--track);border-top-color:var(--accent);animation:volume-spin .8s linear infinite}.select.is-loading .select__spinner{display:inline-block}.select.is-loading .select__chevron{display:none}.btn-export{min-height:40px;margin-left:6px;padding:0 14px;border:0;border-radius:var(--r-control);display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font:500 13px var(--font);flex:none}.btn-export:hover{filter:brightness(.92)}.btn-export__chevron{opacity:.7;display:inline-block;transition:transform .2s}.btn-export[aria-expanded=true] .btn-export__chevron{transform:rotate(180deg)}.panel{position:absolute;z-index:1;top:var(--panel-top);overflow:hidden;display:flex;flex-direction:column}.panel--left{left:var(--gap-edge);width:var(--panel-left-w)}.panel--right{right:var(--gap-edge);width:var(--panel-right-w)}.panel__header{height:var(--panel-header-h);padding:0 6px 0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--divider);flex:none}.panel__caption{font-size:11px;color:var(--caption)}.ghost{width:28px;height:28px;padding:0;border:0;border-radius:var(--r-control);background:none;display:flex;align-items:center;justify-content:center;flex:none}.ghost svg{width:14px;height:14px;stroke:var(--caption);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.65;transition:opacity .15s}.ghost:hover svg{opacity:1}.panel.is-collapsed{width:auto;height:var(--panel-header-h)}.panel.is-collapsed .panel__body{display:none}.panel.is-collapsed .panel__header{height:var(--panel-header-h);border-bottom:0;cursor:pointer;gap:12px}.panel.is-animating{transition:width .22s cubic-bezier(.4,0,.2,1),height .22s cubic-bezier(.4,0,.2,1)}.panel.is-animating .panel__header{transition:height .22s cubic-bezier(.4,0,.2,1)}.panel.is-animating .panel__body{opacity:1}.panel__body{padding:var(--panel-pad);display:flex;flex-direction:column;gap:var(--panel-gap)}.section{display:flex;flex-direction:column}.section--gap-10{gap:10px}.section--gap-12{gap:12px}.section--gap-14{gap:14px}.section__label{font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--label);text-transform:uppercase}.section__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.divider{height:1px;background:var(--divider);flex:none}.hidden{display:none!important}.colormap-picker[hidden],.select__options[hidden],.menu[hidden],.menu-scrim[hidden],.row[hidden],.error-note[hidden],.info-note[hidden]{display:none}.panel-tab{position:absolute;z-index:1;top:var(--panel-top);height:var(--panel-header-h);padding:0 6px 0 20px;display:flex;align-items:center;gap:12px;border:0}.panel-tab--left{left:var(--gap-edge)}.panel-tab--right{right:var(--gap-edge)}.panel-tab__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.panel-tab__icon svg{width:14px;height:14px;stroke:var(--caption);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.segmented{position:relative;display:flex;padding:3px;border-radius:var(--r-card);background:var(--surface-muted)}.segmented__thumb{position:absolute;left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/5);border-radius:var(--r-segment-thumb);background:var(--accent);transform:translate(calc(var(--index, 4) * 100%));transition:transform .28s cubic-bezier(.4,0,.2,1)}.segmented__item{position:relative;flex:1;padding:9px 0;border:0;background:none;font:500 12px var(--font);color:var(--text-2);transition:color .2s}.segmented__item[aria-pressed=true]{color:#fff}.row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.row__axis{min-width:12px}.row.is-disabled{opacity:.5;pointer-events:none}.row__value{font:11px var(--mono);color:var(--label);min-width:20px}.slice-readout{font:12px var(--mono);color:var(--accent);white-space:nowrap}.num{min-width:34px;width:44px;padding:5px 6px;border:1px solid var(--border);border-radius:var(--r-control);font:12px var(--mono);text-align:center;color:var(--ink);background:var(--surface)}.num:focus{outline:2px solid var(--accent);outline-offset:1px}.num[type=number]::-webkit-outer-spin-button,.num[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num[type=number]{-moz-appearance:textfield}.slider{position:relative;flex:1;margin:0 12px;height:24px}.slider__track{position:absolute;left:0;right:0;top:10px;height:4px;border-radius:2px;background:var(--track)}.slider__fill{position:absolute;top:10px;height:4px;border-radius:2px;background:var(--accent);left:var(--from, 0%);right:calc(100% - var(--to, 100%))}.slider__thumb{position:absolute;top:4px;left:var(--pos);width:16px;height:16px;margin-left:-8px;border-radius:8px;background:#fff;box-shadow:0 1px 4px #0000004d;cursor:pointer}.btn-row{display:flex;gap:8px;font-size:12px}.btn-outline{flex:1;padding:9px 0;text-align:center;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--r-control);font:12px var(--font)}.btn-small{padding:5px 9px;border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);font:12px var(--font)}.btn-small[aria-pressed=true]{border-color:var(--ink);background:var(--surface-muted)}.field{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:13px}.field.is-disabled{opacity:.5;pointer-events:none}.toggle{position:relative;width:36px;height:20px;padding:0;border:0;border-radius:10px;background:var(--toggle-off);transition:background .2s;flex:none}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:8px;background:#fff;transition:left .2s}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{left:18px}.colormap-head{position:relative;display:flex;align-items:center;gap:8px;flex:1}.colormap-chip{flex:1;min-width:60px;height:10px;border:0;border-radius:5px;background:var(--colormap);padding:0}.colormap-chip__chevron{color:var(--label);display:inline-flex}.colormap-picker{position:absolute;z-index:7;top:calc(100% + 6px);right:0;width:272px;padding:8px;background:var(--surface);border:1px solid var(--menu-border);border-radius:var(--r-card);box-shadow:var(--shadow-card);display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.colormap-picker__option{height:24px;border-radius:4px;border:1px solid var(--menu-border);padding:0;cursor:pointer}.colormap-picker__option:hover,.colormap-picker__option:focus-visible{border-color:var(--accent)}.colormap-picker__option[aria-selected=true]{outline:2px solid var(--accent);outline-offset:1px}.histogram{position:relative;width:100%;height:110px}.histogram canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.histogram__tag{position:absolute;top:-9px;padding:2px 6px;border-radius:4px;background:var(--ink);color:#fff;font:11px var(--mono);transform:translate(-50%);white-space:nowrap}.range-block{display:flex;flex-direction:column}.range{position:relative;height:16px}.range__track{position:absolute;left:0;right:0;top:6px;height:4px;border-radius:2px;background:var(--track)}.range__fill{position:absolute;top:6px;height:4px;border-radius:2px;background:var(--colormap);left:var(--from);right:calc(100% - var(--to))}.range__thumb{position:absolute;top:0;left:var(--pos, 0);width:16px;height:16px;margin-left:-8px;border-radius:8px;background:#fff;box-shadow:0 1px 4px #0000004d;cursor:pointer}.range.is-disabled{opacity:.5;pointer-events:none}.range__meta{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--text-2)}.range__meta .mono{font-family:var(--mono)}.range__title{display:flex;align-items:center;gap:10px}.range__lock{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--label);cursor:pointer}.range__lock input{margin:0;accent-color:var(--accent);cursor:pointer}.opacity-row{gap:10px}.opacity-label{font-size:13px;min-width:46px}.opacity-value{width:44px}.opacity-unit{font:11px var(--mono);color:var(--label);margin-left:-2px}.single-slider{flex:1;min-width:0;height:16px;margin:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}.single-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) calc(var(--value, 50) * 1%),var(--track) calc(var(--value, 50) * 1%))}.single-slider::-moz-range-track{height:4px;border-radius:2px;background:var(--track)}.single-slider::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.single-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:8px;background:#fff;border:0;box-shadow:0 1px 4px #0000004d}.single-slider::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:8px;background:#fff;box-shadow:0 1px 4px #0000004d}.swatch{width:22px;height:22px;border-radius:var(--r-control);background:var(--viewport-bg);border:1px solid var(--swatch-border);padding:0}.select__options{position:absolute;z-index:7;top:calc(100% + 4px);right:0;min-width:180px;background:var(--surface);border:1px solid var(--menu-border);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:6px;list-style:none}.select__option{width:100%;padding:8px 12px;border:0;border-radius:var(--r-control);background:none;font:13px var(--font);color:var(--ink);text-align:left}.select__option:hover,.select__option:focus-visible{background:var(--surface-muted)}.select__option[aria-selected=true]{font-weight:500}.select__option:disabled{color:var(--label);cursor:not-allowed}.select__option:disabled:hover{background:none}.select__options-anchor{position:relative;display:inline-flex;align-items:center;gap:10px}.menu-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.menu{position:absolute;z-index:7;top:88px;right:var(--gap-edge);width:248px;padding:6px;background:var(--surface);border:1px solid var(--menu-border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.menu__item{width:100%;padding:11px 12px;border:0;border-radius:var(--r-control);background:none;display:flex;justify-content:space-between;align-items:center;font:13px var(--font);color:var(--ink);text-align:left}.menu__item:hover,.menu__item:focus-visible{background:var(--surface-muted)}.menu__hint{font:11px var(--mono);color:var(--label)}.menu__sep{height:1px;margin:6px 0;background:var(--divider)}.info-note{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 40px));padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);font-size:13px;color:var(--ink);line-height:1.5;overflow:hidden;animation:info-note-in .3s ease-in both}@keyframes info-note-in{0%{transform:translate(-50%,calc(-50% + 28px));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.info-note__banner{display:flex;align-items:center;justify-content:space-between;margin:-20px -20px 12px;padding:10px 8px 10px 20px;background:color-mix(in srgb,var(--accent) 14%,#fff)}.info-note__title{font-weight:600;color:var(--accent)}.info-note__body{padding-bottom:2px}.info-note p{margin:0;white-space:pre-line}.info-note code{display:inline-block;margin-top:6px;padding:6px 10px;width:calc(100% - 20px);box-sizing:border-box;border-radius:var(--r-control);background:var(--surface-muted);border:1px solid var(--border);font:12px var(--mono);color:var(--ink);white-space:nowrap}.info-note__close{width:24px;height:24px;padding:0;flex:none;border:0;border-radius:var(--r-control);background:none;color:var(--accent);display:flex;align-items:center;justify-content:center}.info-note__close:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.error-note{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 40px));padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);font-size:13px;color:var(--ink);line-height:1.5;overflow:hidden;animation:error-note-in .3s ease-in both}.error-note__banner{display:flex;align-items:center;justify-content:space-between;margin:-20px -20px 12px;padding:10px 8px 10px 20px;background:#fbe9e7}.error-note__title{font-weight:600;color:#b3261e}.error-note__body{padding-bottom:2px}.error-note p{margin:0}@keyframes error-note-in{0%{transform:translate(-50%,calc(-50% + 28px));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.error-note__close{width:24px;height:24px;padding:0;flex:none;border:0;border-radius:var(--r-control);background:none;color:#b3261e;display:flex;align-items:center;justify-content:center}.error-note__close:hover{background:#b3261e1f}.volume-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:none;align-items:center;justify-content:center;background:#e6e6e699}.volume-loading-overlay.is-visible{display:flex}.volume-loading-overlay-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 24px;background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.volume-loading-overlay-spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--track);border-top-color:var(--accent);animation:volume-spin .8s linear infinite}.volume-loading-overlay-text{font-size:13px;color:var(--text-2)}@keyframes volume-spin{to{transform:rotate(360deg)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 720px){.topbar{flex-wrap:wrap;height:auto;min-height:var(--topbar-h);padding:10px 12px;gap:10px}.topbar__right{width:100%}.source{max-width:none}}.version-badge{position:absolute;z-index:2;left:var(--gap-edge);bottom:var(--gap-edge);display:flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-card);color:var(--label);text-decoration:none}.version-badge__logo{flex:none;display:block}.version-badge__version{font:10px var(--mono);color:var(--label)}.version-badge:hover,.version-badge:hover .version-badge__version{color:var(--ink)}body.ui-hidden .topbar,body.ui-hidden .panel,body.ui-hidden .panel-tab,body.ui-hidden .menu,body.ui-hidden .menu-scrim,body.ui-hidden .error-note,body.ui-hidden .info-note,body.ui-hidden .select__options,body.ui-hidden .version-badge{display:none}