:root{color:#e7e9ee;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#9ca3af;--line:#ffffff13;--accent:#afc9f7;--active-tab:#3b424e;--inactive-tab:#22252b;background:#111215;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{overscroll-behavior:none;height:100%;overflow:hidden}body{overscroll-behavior:none;height:100dvh;min-height:0;margin:0;padding:12px;position:fixed;inset:0;overflow:hidden}main{background:#23252a;border:1px solid #ffffff1b;border-radius:14px;flex-direction:column;min-width:0;max-width:2200px;height:100%;margin:auto;display:flex;overflow:hidden;box-shadow:0 22px 80px #0005}header{background:linear-gradient(#2e3036,#292b30);flex-shrink:0;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-title{flex-direction:column;gap:3px;display:flex}.brand strong{letter-spacing:-.6px;font-size:18px;font-weight:600}.brand-title>span{color:#a6abb6;letter-spacing:.15px;font-size:10px}.mark{align-items:center;gap:3px;width:32px;display:flex}.mark i{background:#a8c0eb;border-radius:2px;width:6px;height:22px}.mark i:nth-child(2){background:#e2eafa;height:30px}.mark i:nth-child(3){background:#7c97c0;height:16px}.badge{letter-spacing:1px;color:#a4abb8;border:1px solid #ffffff16;border-radius:4px;margin-left:8px;padding:4px 6px;font-size:8px}.local{color:#a5acb8;font-size:11px}.local span{color:#aac3af;margin-right:6px;font-size:7px}button,select,input,summary{font:inherit;color:inherit;border:1px solid var(--line);background:#ffffff05;border-radius:7px;min-height:34px;padding:8px 12px;font-size:12px;transition:background .12s,border-color .12s}button,summary{cursor:pointer;touch-action:manipulation}button:hover,summary:hover{background:#ffffff0e;border-color:#ffffff25}button:active{background:#ffffff1b}button:disabled,select:disabled,input:disabled{opacity:.35;cursor:default}.primary{color:#172a46;background:#c8dbfa;border-color:#dfebff;font-weight:600;box-shadow:inset 0 1px #ffffff70,0 1px 3px #0003}.primary:hover{background:#e2ecfc;border-color:#eff5ff}.primary:active{background:#b4cbed}.quiet{color:#aebfda;background:0 0;border-color:#0000}.quiet:hover{background:#ffffff08;border-color:#0000}.icon-button{width:34px;padding:0;font-size:19px}select{padding-right:24px}input{font-variant-numeric:tabular-nums;background:#15171b;width:100px}label{color:#b2b8c4;align-items:center;gap:8px;font-size:11px;display:flex}.toolbar{border-block:1px solid var(--line);background:#292b30;flex-shrink:0;align-items:center;gap:14px;padding:10px 22px;display:flex}.tool-group{align-items:center;gap:1px;display:flex}.zoom-tools{background:#1d1f24;border:1px solid #ffffff10;border-radius:9px;padding:2px}.zoom-tools button,.zoom-tools select{background:0 0;border:0;min-height:30px}.zoom-tools button:hover{background:#ffffff0b}.zoom-tools select{text-align:center;border-inline:1px solid #ffffff0e;border-radius:0;min-width:91px}.zoom-tools #fit{min-width:43px}.range-tools{gap:9px}.range-status{font-variant-numeric:tabular-nums;color:#9ba4b3;font-size:11px}.linked{color:#a5b5ca;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.linked svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:16px;height:16px}.help summary{text-align:center;border-radius:50%;width:30px;min-height:30px;padding:5px 0;font-weight:600}.popover{position:relative}.popover summary{-webkit-user-select:none;user-select:none;list-style:none}.popover summary::-webkit-details-marker{display:none}.popover[open] summary{background:#ffffff14;border-color:#ffffff30}.panel{z-index:5;background:#2c2f36;border:1px solid #ffffff24;border-radius:13px;width:290px;padding:22px;font-size:12px;line-height:1.65;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 20px 60px #0009}.panel strong{padding-right:24px;font-size:14px;font-weight:600;display:block}.panel p{color:#b6bfcd;margin:8px 0 16px}.panel label{justify-content:space-between;margin:13px 0}.panel button{width:100%;margin-top:10px}.panel .panel-close{color:#b5bfcd;background:0 0;border:0;width:32px;min-height:32px;margin:0;padding:0;font-size:20px;position:absolute;top:6px;right:6px}.help .panel{width:310px;max-height:calc(100dvh - 170px);left:auto;right:0;overflow:auto}.tabbar{background:#1b1e23;flex-shrink:0;align-items:stretch;gap:8px;min-height:54px;padding:8px 12px 0;display:flex}#tabs{scrollbar-width:none;gap:5px;min-width:0;scroll-padding:8px;display:flex;overflow-x:auto}#tabs::-webkit-scrollbar{display:none}.tab{background:var(--inactive-tab);border:1px solid #ffffff0d;border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;max-width:285px;margin-bottom:6px;display:flex}.tab:not(.active):hover{background:#2c3038}.tab .tab-number{color:#959eae;font-variant-numeric:tabular-nums;border:1px solid #ffffff12;border-radius:4px;place-items:center;min-width:20px;height:20px;margin-left:8px;font-size:9px;display:grid}.tab.active{background:var(--active-tab);border-color:#65738a #65738a currentColor;border-bottom-style:none;border-bottom-width:0;margin-bottom:0;padding-bottom:7px}.tab.active .tab-number{color:#d5e3fb;background:#b5c9ec10;border-color:#b5c9ec35}.tab button{background:0 0;border:0}.tab [role=tab]{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#a5adbb;max-width:210px;padding:8px 9px;overflow:hidden}.tab.active [role=tab]{color:#f0f3fa}.tab .close{color:#9fa9b9;width:28px;min-height:28px;margin-right:4px;padding:0;font-size:17px}.tab .close:hover{color:#fff;background:#ffffff12}.tab[data-status=error]{border-color:#b57c7c}.tab[data-status=loading] .tab-number,.tab[data-status=queued] .tab-number{color:var(--accent);border-style:dotted}#add{color:#a7b0bf;background:0 0;border-color:#0000;flex-shrink:0;align-self:center;width:34px;margin-bottom:6px;padding:0;font-size:22px}.eyebrow{letter-spacing:1.6px;color:#929daf;white-space:nowrap;font-size:9px;font-weight:600}.compare-controls{flex-shrink:0;align-items:center;gap:3px;margin:0 0 6px auto;display:flex}.compare-controls button{color:#b1bdd0;background:0 0;border:0;width:32px;min-height:34px;padding:0;font-size:20px}.compare-controls button:hover{background:#ffffff0a}.viewport-frame{background:var(--active-tab);flex:1;min-width:0;min-height:0;padding:6px;display:flex}#stage{background:#101114;flex:1;min-height:0;position:relative;overflow:hidden}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.overlay{text-align:center;background:#101114f7;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.overlay h2{font-size:21px;font-weight:500}.overlay p{color:#a0a9b8;max-width:440px;margin:15px 0 24px;font-size:14px;line-height:1.8}.overlay button{min-height:40px}.welcome{flex-direction:column;align-items:center;display:flex}.welcome h1{letter-spacing:-2px;color:#e6ebf5;margin:12px 0 0;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.08}.welcome .eyebrow{color:#9daec8;letter-spacing:2px;font-size:9px}.welcome-actions{align-items:center;gap:12px;margin-bottom:24px;display:flex}.welcome-actions button{padding:10px 20px}.welcome-actions .quiet{font-size:12px}.welcome-actions .quiet span{margin-left:8px}.welcome small{letter-spacing:1.3px;color:#8995a8;font-size:9px}.privacy-note{color:#7c899e;margin-top:10px;font-size:10px}.welcome-guide{color:#8c99ad;gap:40px;margin-top:48px;font-size:11px;display:flex}.welcome-guide span{align-items:center;gap:9px;display:flex}.welcome-guide b{color:#65738b;border:1px solid #ffffff12;border-radius:50%;padding:5px;font-size:9px;font-weight:500}.welcome-art{width:190px;height:112px;margin:0 0 30px;position:relative}.art-card{background:#242d3d;border:1px solid #7489aa60;border-radius:11px;width:108px;height:90px;padding:8px;position:absolute;overflow:hidden;box-shadow:0 12px 32px #0005}.art-card span{text-align:left;letter-spacing:1px;color:#8e9eb6;font-size:7px;display:block}.art-card i{background:repeating-conic-gradient(#7389ad 0% 25%,#34415a 0% 50%) 0 0/14px 14px;border-radius:3px;height:56px;margin-top:7px;display:block}.art-back{top:13px;left:6px;transform:rotate(-10deg)}.art-front{background:#2b374c;top:7px;right:5px;transform:rotate(8deg)}.art-front i{background:repeating-conic-gradient(#9bb2d8 0% 25%,#4a5e80 0% 50%) 0 0/14px 14px}.art-crosshair{border:1px solid #deebffbd;border-radius:5px;width:44px;height:44px;position:absolute;top:33px;left:81px;box-shadow:0 0 0 5px #b8d2ff18}.art-crosshair:before,.art-crosshair:after{content:"";background:#d8e6ffb3;position:absolute}.art-crosshair:before{width:1px;height:58px;top:-8px;left:21px}.art-crosshair:after{width:58px;height:1px;top:21px;left:-8px}.spinner{border:2px solid #3c4555;border-top-color:#a9c3f1;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{color:#9ea9bb;font-variant-numeric:tabular-nums;background:#23262c;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:20px;padding:9px 22px;font-size:11px;display:flex}#position{align-items:center;gap:7px;display:flex}#position label{color:#7e8ca2;gap:6px;font-size:10px}#position input{background:#1a1c21;border-color:#ffffff0c;width:84px;min-height:28px;padding:5px 7px;font-size:11px}#position button{color:#b2c0d5;min-height:28px;padding:4px 8px;font-size:10px}.sampling{color:#8290a5;font-size:10px}#zoom-status{color:#d9e5f8;text-align:right;min-width:66px;font-size:12px;font-weight:600}#error{color:#ffb6b6;background:#1b1e24;flex-shrink:0;margin:0;padding:6px 22px;font-size:10px;line-height:1.5}#error:empty{display:none}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=1000px){.linked{display:none}.help{margin-left:auto}.range-status{display:none}.welcome-guide{margin-top:30px}}@media (width<=760px){body{padding:0}main{border:0;border-radius:0}header{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-left)) 0}.brand-title>span{font-size:9px}.brand strong{font-size:17px}.badge{margin-left:0;font-size:7px}.local{display:none}.toolbar{padding:8px max(12px,env(safe-area-inset-left));flex-wrap:wrap;gap:8px}button,select,summary{min-height:44px}input{min-height:44px;font-size:16px}.zoom-tools{margin-left:auto}.zoom-tools button,.zoom-tools select{min-height:40px}.zoom-tools .icon-button{width:32px}.zoom-tools #fit{min-width:44px;padding-inline:6px}.zoom-tools select{min-width:77px;padding-inline:6px}.range-tools{margin-right:auto}.help{margin-left:0}.help summary{width:44px;min-height:44px;padding-block:12px}.tabbar{gap:4px;min-height:56px;padding:6px 6px 0}.viewport-frame{padding:4px}.tab [role=tab]{max-width:150px}.tab .close{width:36px;min-height:44px}.tab .tab-number{min-width:17px;margin-left:6px}#add{width:44px}.compare-controls button{width:40px;min-height:40px}footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px}#position{order:3;justify-content:center;width:100%}#position label{flex:1}#position input{width:100%;min-width:0;min-height:44px;font-size:16px}#position button{min-width:44px;min-height:44px}.sampling{display:none}.panel,.help .panel{top:calc(166px + env(safe-area-inset-top));width:auto;max-height:calc(100dvh - 190px - env(safe-area-inset-top));position:fixed;left:12px;right:12px;overflow:auto}.panel .panel-close{width:44px;min-height:44px;top:0;right:0}.overlay{padding:18px}.welcome h1{letter-spacing:-1.4px;font-size:34px}.welcome-art{height:95px;margin-bottom:15px;transform:scale(.85)}.overlay p{margin:12px 0 18px;font-size:12px}.welcome-actions{flex-direction:column;gap:2px;margin-bottom:16px}.welcome-actions button{min-width:190px;min-height:44px}.welcome small{letter-spacing:.6px;font-size:8px}.welcome-guide{display:none}#error{max-height:46px;padding-inline:12px;overflow:auto}}@media (width<=380px){.toolbar{gap:6px}.toolbar #open{padding-inline:9px}.zoom-tools select{min-width:70px}.zoom-tools .icon-button{width:28px}.brand-title>span{display:none}.badge{letter-spacing:.5px}.welcome-art{display:none}.welcome h1{font-size:30px}}@media (height<=680px){.welcome-art{display:none}.welcome-guide{margin-top:22px}.welcome h1{font-size:34px}}@media (height<=500px){body{padding:0}main{border-radius:0}header{height:38px;padding-top:0}.brand-title>span{display:none}.toolbar{flex-wrap:nowrap;padding-block:4px}.toolbar .range-tools{margin-right:0}.zoom-tools{margin-left:0}.help{margin-left:auto}.tabbar{min-height:44px;padding-top:3px}.compare-controls button{min-height:28px}.overlay{padding:12px}.welcome .eyebrow,.welcome small,.privacy-note,.welcome-guide{display:none}.welcome h1{letter-spacing:-.5px;margin:0;font-size:22px}.welcome h1 br{display:none}.overlay p{margin:7px 0;font-size:11px;line-height:1.5}.welcome-actions{flex-direction:row;gap:6px;margin:0}.welcome-actions button{min-width:0;min-height:34px;padding:6px 12px}footer{padding-block:5px}#position{order:initial;width:auto;margin-left:auto}#position label{flex:initial}#position input{width:64px}.panel,.help .panel{max-height:calc(100dvh - 104px);top:90px}}@media (pointer:coarse){button,summary,select,.tab .close,#add,#position button{min-width:44px;min-height:44px}input,#position input{min-height:44px;font-size:16px}.panel .panel-close{width:44px;min-height:44px;top:0;right:0}.zoom-tools .icon-button{min-width:28px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}#stage{container-type:size}.overlay{justify-content:safe center}.welcome,.welcome-guide{flex-shrink:0}@container (height<=560px){.welcome-art{height:78px;margin-bottom:16px;transform:scale(.7)}.welcome h1{font-size:38px}.welcome-guide{display:none}.welcome-actions{margin-bottom:16px}.overlay p{margin:12px 0 18px}}@container (height<=400px){.welcome-art{display:none}.welcome h1{font-size:29px}.welcome .eyebrow{font-size:8px}.welcome small,.privacy-note{display:none}.welcome-actions{margin-bottom:0}.overlay p{margin:10px 0}}@container (height<=230px){.welcome .eyebrow{display:none}.welcome h1{letter-spacing:-.5px;font-size:22px}.welcome h1 br{display:none}.welcome-actions{flex-direction:row}.welcome-actions button{min-width:0;padding:6px 12px}}@media (width<=760px){.toolbar #open{order:0}.toolbar .range-tools{order:1;margin-left:auto;margin-right:0}.toolbar .zoom-tools{order:2;margin-left:0}.toolbar .help{order:3;margin-left:auto}.zoom-tools button,.zoom-tools select{min-width:44px;min-height:44px}}@media (pointer:coarse){.zoom-tools button,.zoom-tools select,.zoom-tools .icon-button{min-width:44px;min-height:44px}}@media (height<=500px) and (width>=600px){.toolbar .tool-group,.toolbar .help,.toolbar #open{order:initial}.toolbar .range-tools{margin-left:0}.toolbar .help{margin-left:auto}}@media (display-mode:standalone),(display-mode:fullscreen){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main{border:0;border-radius:0;max-width:none}header{height:58px;padding-top:0}footer{padding-bottom:8px}}.workspace{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.workspace #stage{min-width:0}.viewer-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.analysis-toggle{color:#becce3;margin-left:auto;margin-right:18px;display:none}.analysis-toggle span{margin-left:8px}.analysis-toggle[aria-expanded=true]{background:#b5c9ec1b;border-color:#b5c9ec45}.inspector{visibility:hidden;background:#22252b;flex-shrink:0;width:0;min-height:0;transition:width .2s,visibility .2s;overflow:hidden}.inspector-content{border-left:1px solid #ffffff15;width:320px;height:100%;padding:22px;transition:transform .2s;overflow:auto;transform:translate(100%)}.inspector-open .inspector{visibility:visible;width:320px}.inspector-open .inspector-content{transform:translate(0)}.inspector-heading{justify-content:space-between;align-items:center;display:flex}.inspector h2{letter-spacing:-.6px;margin:7px 0 0;font-size:20px;font-weight:500}.inspector-heading button{background:0 0;border:0;width:34px;padding:0;font-size:22px}.analysis-name{color:#d1daea;overflow-wrap:anywhere;margin:24px 0 5px;font-size:12px}.analysis-meta{color:#8f9bb0;margin:0 0 22px;font-size:10px;line-height:1.7}.analysis-section{border-top:1px solid #ffffff10;margin-top:20px;padding-top:18px}.analysis-section h3{margin:0 0 14px;font-size:12px;font-weight:600}.analysis-note{color:#929fb4;margin:12px 0;font-size:10px;line-height:1.65}.analysis-method{border-top:1px solid #ffffff10;padding-top:16px}.histogram-channels{border:0;flex-wrap:wrap;gap:12px;margin:0 0 14px;padding:0;display:flex}.histogram-channels label{cursor:pointer;gap:4px;font-size:11px}.histogram-channels input{accent-color:currentColor;width:13px;height:13px;min-height:0;margin:0}.channel-r{color:#f09a9c}.channel-g{color:#a1cfae}.channel-b{color:#96b9f1}.channel-y{color:#e1e5ed}#histogram{background:#15171c;border-radius:6px;width:100%;height:auto;display:block;overflow:visible}#histogram path{fill:none;stroke:currentColor;stroke-width:1.3px;vector-effect:non-scaling-stroke}#histogram .histogram-grid{stroke:#ffffff0c;stroke-width:1px}.histogram-axis{color:#8390a6;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.endpoint-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:11px}.endpoint-table th{text-align:left;font-weight:500}.endpoint-table td,.endpoint-table thead th:not(:first-child){text-align:right}.endpoint-table th,.endpoint-table td{border-bottom:1px solid #ffffff08;padding:7px 0}.endpoint-table thead{color:#929fb4;font-size:10px}.ratio-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.ratio-grid>div{background:#171a20;border:1px solid #ffffff08;border-radius:7px;padding:12px}.ratio-grid dt{color:#929fb4;font-size:10px}.ratio-grid dd{font-variant-numeric:tabular-nums;letter-spacing:-.4px;margin:7px 0 0;font-size:20px}#analysis-empty{color:#929fb4;font-size:12px;line-height:1.7}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.analysis-toggle{display:block}}@media (hover:none),(pointer:coarse){.inspector,.inspector-open .inspector{display:none}}@media (width<=760px) and (hover:hover) and (pointer:fine){.inspector{z-index:4;position:absolute;top:0;bottom:0;right:0}.inspector-open .inspector{width:min(320px,90vw)}.inspector-content{width:min(320px,90vw);padding:14px}.analysis-toggle{margin-right:0;font-size:10px}.histogram-channels{gap:7px}.brand-title>span,.local{display:none}}@media (prefers-reduced-motion:reduce){.inspector,.inspector-content{transition:none}}.camera-section{padding-top:0}.camera-section summary{background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;min-height:40px;padding:10px 0;font-weight:600;list-style:none;display:flex}.camera-section summary::-webkit-details-marker{display:none}.camera-section summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin-left:3px;transform:rotate(-45deg)}.camera-section[open] summary:before{transform:rotate(45deg)}.camera-section summary:hover{color:#fff;background:#ffffff06}.camera-section[open] summary{margin-bottom:4px}.camera-fields{margin:0;font-size:11px}.camera-fields>div{border-bottom:1px solid #ffffff08;grid-template-columns:82px minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.camera-fields dt{color:#929fb4}.camera-fields dd{color:#d1daea;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.help #warning{color:#b6bfcd;background:0 0;max-height:none;margin:8px 0 0;padding:0;font-size:12px;line-height:1.65;overflow:visible}.roi-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#canvas.roi-selecting{cursor:crosshair}#canvas.roi-panning{cursor:grab}.roi-tools svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;width:19px;height:19px}.roi-tools button[aria-pressed=true]{color:#c4ddff;background:#38465a;border-color:#6f8bb2}.roi-section-heading{align-items:center;gap:6px;display:flex}.roi-section-heading button{text-align:left;background:0 0;border:0;width:100%;padding:6px 0;font-weight:650}#roi-section-toggle:before{content:"▾";margin-right:7px}#roi-section-toggle[aria-expanded=false]:before{content:"▸"}.roi-bulk{gap:6px;margin:5px 0 10px;display:flex}.roi-bulk button{padding:4px 8px;font-size:11px}.roi-card{background:#272a30;border:1px solid #42464e;border-radius:7px;margin:8px 0;overflow:hidden}.roi-card.focused{border-color:#7b96bb}.roi-card-heading{align-items:center;gap:2px;padding:4px;display:flex}.roi-card-heading button{background:0 0;border:0;min-width:24px;min-height:28px;padding:4px}.roi-card-heading .roi-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.roi-number{color:#a5adba;font-size:10px}.roi-card-body{padding:0 8px 9px}.roi-geometry{color:#c0c6cf;margin:5px 0 8px;font-size:11px;line-height:1.7}.roi-stat-table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:10px}.roi-stat-table th,.roi-stat-table td{text-align:right;white-space:nowrap;padding:5px 2px}.roi-stat-table th:first-child{text-align:left;width:49px;font-weight:500}.roi-stat-table thead{color:#b5c8e1}.roi-stat-table tbody tr{border-top:1px solid #393d45}.roi-ratios{margin:8px 0;font-size:11px;line-height:1.6}.roi-name-input{width:calc(100% - 16px);margin:4px 8px;padding:6px;font-size:12px}.roi-name-error{color:#ffb5a9;margin:4px 8px;font-size:11px}.roi-card .analysis-note{margin:7px 0 0;font-size:10px;line-height:1.6}.roi-tools[hidden],.roi-card [hidden],#roi-section[hidden],#roi-cards[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.roi-card{transition:none}}.panel,.overlay,#tabs,.inspector-content,#error{overscroll-behavior:none}body{padding:0}main{max-width:none;box-shadow:none;border:0;border-radius:0}header{background:#292b30;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:0;height:auto;min-height:50px;padding:10px 16px}.brand-name{letter-spacing:-.6px;margin-right:20px;font-size:20px;font-weight:600;line-height:26px}header .mark{width:.576em;width:.8cap;height:.72em;flex-shrink:0;align-self:baseline;height:1cap;margin-right:10px;font-size:20px;font-weight:600;line-height:1;display:inline-block;position:relative}header .mark i{border-radius:1px;width:25%;height:73.333%;position:absolute;top:50%;left:0;transform:translateY(-50%)}header .mark i:nth-child(2){height:100%;left:37.5%}header .mark i:nth-child(3){height:53.333%;left:75%}.app-menu{align-items:baseline;gap:3px;display:flex}.app-menu>details>summary{color:#bdc3cd;background:0 0;border:0;border-radius:4px;width:auto;min-height:0;padding:0 8px;font-size:12px;font-weight:400;line-height:22px;display:block}.app-menu>details>summary:hover,.app-menu>details[open]>summary{color:#fff;background:#ffffff10}.app-menu .panel{max-height:calc(100dvh - 90px);top:calc(100% + 12px);left:0;right:auto;overflow:auto}.app-menu .menu-panel{width:220px;padding:8px}.menu-panel button{text-align:left;background:0 0;border:0;margin:0;display:block}.menu-panel button[aria-pressed=true]{background:#b5c9ec1b}.menu-note{color:var(--muted);padding:7px 12px;font-size:10px;line-height:1.6;display:block}.panel-toggles{align-self:center;gap:6px;margin-left:auto;display:flex}.panel-toggles button{padding:5px 9px;font-size:12px}.panel-toggles button[aria-expanded=true]{background:#3b424e;border-color:#65738a}.badge{align-self:center;margin-left:14px}.desktop-control{display:none!important}@media (hover:hover) and (pointer:fine){.desktop-control{display:block!important}}.tabbar{gap:4px;min-height:46px;padding:5px 6px 0}.tabbar #tabs{flex:1}.tab [role=tab]{max-width:180px}.compare-controls{margin-left:0}.roi-tools{align-self:center;gap:3px;margin:0 4px 5px}.roi-tools button{min-width:30px;min-height:30px}.viewport-frame{padding:4px}.navigator{visibility:hidden;background:#22252b;flex-shrink:0;width:0;min-height:0;transition:width .2s,visibility .2s;overflow:hidden}.navigator-content{overscroll-behavior:none;border-right:1px solid #ffffff15;width:190px;height:100%;padding:16px 12px;overflow:auto}.navigator-open .navigator{visibility:visible;width:190px}.navigator h2,.inspector h2{letter-spacing:0;margin:0;font-size:15px;font-weight:500}.navigator .analysis-name{margin:16px 0 12px}.navigator-map{aspect-ratio:4/3;background:#101114;width:100%;position:relative}#navigator-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;image-rendering:pixelated;display:block}#navigator-canvas:active{cursor:grabbing}#navigator-window{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#navigator-outline{fill:#c8dbfa12;stroke:#e2eafa;stroke-width:1.5px;vector-effect:non-scaling-stroke}.inspector-content{width:320px;padding:16px}.analysis-name{margin-top:16px;margin-bottom:4px}.analysis-meta{margin-bottom:14px}.inspector-sections{gap:4px;margin:12px 0 16px;display:flex}.inspector-sections button{flex:1;min-width:0;padding:6px 8px}.inspector-sections button[aria-selected=true]{background:#3b424e;border-color:#65738a}.camera-section{margin-top:0}.camera-section summary{font-weight:500}#range-form{font-size:12px;line-height:1.6}#range-form>strong{font-size:13px;font-weight:500;display:block}#range-form>p{color:#b6bfcd}#range-form label{justify-content:space-between;margin:16px 0;display:flex}#range-form button{width:100%;margin-top:8px}#range-error{color:#ffb6b6!important}#range-error:empty{display:none}#display-dialog{color:inherit;overscroll-behavior:none;background:#2c2f36;border:1px solid #ffffff24;border-radius:10px;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;overflow:auto}#display-dialog::backdrop{background:#0007}#display-close{border:0;min-width:32px;margin:-16px -16px 8px auto;font-size:20px;display:block}footer{flex-wrap:wrap;gap:12px;padding:6px 12px}footer .zoom-tools{flex-shrink:0;margin:0}footer .zoom-tools button{padding-inline:8px}footer .zoom-tools select{min-width:77px;padding-inline:6px}#actual-size{white-space:nowrap}#position{margin-left:auto}#position input{width:76px}#status{margin-right:0}#zoom-status{min-width:60px}@media (width<=1100px){footer .sampling{display:none}}@media (width<=1000px) and (hover:hover) and (pointer:fine){.inspector,.navigator{z-index:4;position:absolute;top:0;bottom:0}.inspector{right:0}.navigator{left:0}.inspector-open .inspector{width:min(320px,100vw - 24px)}.inspector-content{width:min(320px,100vw - 24px);padding:16px}.navigator-open .navigator{width:190px}}@media (width<=760px){header{height:auto;min-height:50px;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-left)) 8px;row-gap:6px}.brand-name{margin-right:12px}.app-menu{gap:0}.app-menu>details>summary{padding-inline:6px}.badge{display:none}.panel-toggles{margin-left:auto}.app-menu .panel,.app-menu .help .panel{top:calc(64px + env(safe-area-inset-top));width:auto;max-height:calc(100dvh - 80px - env(safe-area-inset-top));padding:18px;position:fixed;left:12px;right:12px}.app-menu .menu-panel{padding:8px}.tabbar{min-height:50px}.tab [role=tab]{max-width:140px}footer{padding:5px 12px calc(6px + env(safe-area-inset-bottom));gap:6px 8px}#status{flex:1;order:0;font-size:10px}#zoom-status{order:1}footer .zoom-tools{order:2;justify-content:center;width:100%}footer .zoom-tools button,footer .zoom-tools select{min-width:44px;min-height:44px}#position{order:3;justify-content:center;width:100%;margin:0}#position label{flex:1;min-width:0}#position input{width:100%;min-width:0;min-height:44px;font-size:16px}#position button{min-width:44px;min-height:44px}}@media (width<=570px) and (hover:hover) and (pointer:fine){.panel-toggles{justify-content:flex-end;width:100%;margin:0}}@media (height<=500px) and (width>=600px){header{min-height:42px;padding-block:5px}footer{gap:6px;padding-block:4px}#status{display:none}footer .zoom-tools{order:0;width:auto}#position{flex:1;order:1;width:auto}#position input{width:68px}#zoom-status{order:2}}@media (pointer:coarse){.app-menu>details>summary{min-width:44px;min-height:44px;line-height:44px}header{padding-block:4px}.app-menu .menu-panel button{min-height:44px}}@media (display-mode:standalone),(display-mode:fullscreen){header{height:auto;padding-top:8px}footer{padding-bottom:6px}}@media (prefers-reduced-motion:reduce){.navigator{transition:none}}