[data-comparison-viewer]{align-items:start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;--comparison-control-width:176px;--focus-near-offset:6%;display:grid;column-gap:.5rem;grid-template-areas:"setup setup setup" "left controls right";grid-template-columns:minmax(0,1fr) var(--comparison-control-width) minmax(0,1fr);margin:0 auto;padding:.85rem;row-gap:.85rem;text-align:left;width:100%}[data-comparison-viewer] .comparison-top-controls{align-items:center;display:grid;gap:.7rem;grid-area:setup;grid-template-columns:max-content minmax(0,1fr) auto;width:100%}[data-comparison-viewer] .comparison-result{margin:0;min-width:0}[data-comparison-viewer] .comparison-result-left{grid-area:left}[data-comparison-viewer] .comparison-result-right{grid-area:right}[data-comparison-viewer] .comparison-frame{aspect-ratio:1 / 1;background:#0f172a;border-radius:6px;overflow:hidden;position:relative}[data-comparison-viewer] .comparison-frame img{display:block;height:100%;object-fit:cover;transition:opacity 160ms ease;width:100%}[data-comparison-viewer] .comparison-frame::before,[data-comparison-viewer] .comparison-frame::after{content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity 160ms ease;z-index:2}[data-comparison-viewer] .comparison-frame::before{background:rgba(15,23,42,0.48);inset:0}[data-comparison-viewer] .comparison-frame::after{animation:scene-loading-spin 700ms linear infinite;border:3px solid rgba(255,255,255,0.38);border-radius:999px;border-top-color:#fff;height:2.25rem;left:calc(50% - 1.125rem);top:calc(50% - 1.125rem);width:2.25rem}[data-comparison-viewer] .comparison-frame.is-loading img{opacity:.62}[data-comparison-viewer] .comparison-frame.is-loading::before,[data-comparison-viewer] .comparison-frame.is-loading::after{opacity:1}[data-comparison-viewer] .comparison-result-label{color:#1f2933;font-size:.95rem;font-weight:650;line-height:1.2;margin-top:.45rem;min-height:2.3em;text-align:center}.comparison-analysis{margin-top:1.75rem}.comparison-analysis .title{margin-bottom:.75rem}.comparison-analysis p{color:#3f4a59;line-height:1.62}[data-comparison-viewer] .comparison-controls{align-items:center;display:flex;flex-direction:column;gap:.62rem;grid-area:controls;min-width:0}[data-comparison-viewer] .comparison-methods{display:grid;gap:.45rem;grid-template-columns:1fr;width:auto}[data-comparison-viewer] .comparison-select-field{align-items:center;color:#334155;display:flex;gap:.42rem;min-width:0}[data-comparison-viewer] .comparison-field-heading{align-items:center;display:flex;justify-content:space-between;min-width:0}[data-comparison-viewer] .comparison-select-field>label,[data-comparison-viewer] .comparison-field-label{color:#334155;font-size:.92rem;font-weight:750;line-height:1;text-transform:none;white-space:nowrap}[data-comparison-viewer] .control-help{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#28666e;cursor:help;display:inline-flex;flex:0 0 auto;font:inherit;font-size:.72rem;font-weight:800;min-height:1.75rem;justify-content:center;line-height:1;padding:.32rem .55rem;position:relative;white-space:nowrap;width:auto}[data-comparison-viewer] .control-help:hover,[data-comparison-viewer] .control-help:focus{border-color:#28666e;outline:0}[data-comparison-viewer] .control-help:focus-visible{box-shadow:0 0 0 3px rgba(40,102,110,0.14)}[data-comparison-viewer] .control-help-tooltip{background:#0f172a;border-radius:6px;box-shadow:0 10px 24px rgba(15,23,42,0.2);color:#fff;display:grid;font-size:.74rem;font-weight:500;gap:.28rem;line-height:1.38;opacity:0;padding:.5rem .58rem;pointer-events:none;position:absolute;right:-0.15rem;text-align:left;top:calc(100%+0.42rem);transform:translateY(-0.15rem);transition:opacity 140ms ease,transform 140ms ease;visibility:hidden;width:min(21rem,calc(100vw - 2rem));z-index:20}[data-comparison-viewer] .control-help-tooltip strong{color:#fff;font-size:.82rem;font-weight:800;line-height:1.15;margin-top:.1rem}[data-comparison-viewer] .control-help-tooltip b{color:#9ee7ef;font-weight:750}[data-comparison-viewer] .control-help-tooltip span{white-space:nowrap}[data-comparison-viewer] .control-help:hover .control-help-tooltip,[data-comparison-viewer] .control-help:focus .control-help-tooltip,[data-comparison-viewer] .control-help:focus-visible .control-help-tooltip{opacity:1;transform:translateY(0);visibility:visible}[data-comparison-viewer] .comparison-select-field select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1f2933;font:inherit;font-size:.72rem;line-height:1.15;max-width:100%;min-width:0;padding:.42rem .35rem;width:auto}[data-comparison-viewer] .comparison-select-field select:focus{border-color:#28666e;box-shadow:0 0 0 3px rgba(40,102,110,0.14);outline:0}[data-comparison-viewer] .comparison-scene-field{align-items:center;display:flex;gap:.42rem;min-width:0}[data-comparison-viewer] .comparison-scene-selector{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-start;min-width:0;width:100%}
[data-comparison-viewer] .comparison-chip{background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;font:inherit;font-size:.68rem;font-weight:650;line-height:1.1;min-height:1.6rem;padding:.3rem .48rem}[data-comparison-viewer] .comparison-chip:hover,[data-comparison-viewer] .comparison-chip:focus{border-color:#28666e;color:#1f4f56;outline:0}[data-comparison-viewer] .comparison-chip:focus-visible{box-shadow:0 0 0 3px rgba(40,102,110,0.14)}[data-comparison-viewer] .comparison-chip.is-active{background:#28666e;border-color:#28666e;color:#fff}[data-comparison-viewer] .playback-controls{align-items:center;display:grid;gap:.35rem;grid-template-columns:minmax(0,1fr) auto;width:var(--comparison-control-width)}[data-comparison-viewer] .playback-title{color:#334155;font-size:.76rem;font-weight:750;line-height:1;white-space:nowrap}[data-comparison-viewer] .auto-mode-selector{grid-column:1 / -1;grid-row:2;min-height:1.75rem;padding:.13rem}[data-comparison-viewer] .auto-mode-thumb{height:calc(100% - .26rem);left:.13rem;top:.13rem;width:calc((100% - .26rem) / 3)}[data-comparison-viewer] .auto-mode-option{font-size:.58rem;line-height:1;padding:.12rem}[data-comparison-viewer] .auto-toggle{grid-column:2;grid-row:1;justify-self:end;min-height:1.75rem;padding:.1rem}[data-comparison-viewer] .switch-indicator{height:1.16rem;padding:.1rem;width:2.12rem}[data-comparison-viewer] .switch-thumb{height:.92rem;width:.92rem}[data-comparison-viewer] .auto-toggle.is-active .switch-thumb{transform:translateX(0.94rem)}[data-comparison-viewer] .view-pad{border-radius:6px;justify-self:center;margin:-0.18rem auto 0;max-width:var(--comparison-control-width);width:100%}[data-comparison-viewer] .view-eye{height:2.15rem;width:2.15rem}[data-comparison-viewer] .focus-eye-icon{height:1.15rem;width:1.65rem}[data-comparison-viewer] .focus-eye-lens,[data-comparison-viewer] .focus-diagram-lens{transition:none}[data-comparison-viewer] .axis-label{font-size:.62rem}[data-comparison-viewer] .axis-label-left{left:.32rem}[data-comparison-viewer] .axis-label-right{right:.32rem}[data-comparison-viewer] .axis-label-top{top:.32rem}[data-comparison-viewer] .axis-label-bottom{bottom:.32rem}[data-comparison-viewer] .viewer-control-row{align-items:baseline;display:grid;gap:.24rem;grid-template-columns:1fr;justify-items:center;width:100%}[data-comparison-viewer] .control-label{color:#334155;font-size:.76rem;font-weight:750;line-height:1.1;text-align:center;text-transform:none;width:auto}[data-comparison-viewer] .view-status{align-items:center;grid-template-columns:auto minmax(0,1fr);font-size:.76rem;justify-items:stretch;margin-top:.05rem;width:var(--comparison-control-width)}[data-comparison-viewer] .view-values{display:flex;gap:.45rem;justify-content:flex-end;min-width:0;width:auto}[data-comparison-viewer] .view-values>span{display:inline-flex;gap:.16rem;min-width:0}[data-comparison-viewer] .view-status strong{min-width:2.9rem}[data-comparison-viewer] .depth-control{font-size:.78rem;margin-top:.1rem;width:var(--comparison-control-width)}[data-comparison-viewer] .control-row-header{align-items:baseline;box-sizing:border-box;display:grid;gap:.32rem;grid-template-columns:35% minmax(0,1fr);padding:.12rem .32rem 0;width:100%}[data-comparison-viewer] .control-row-header .control-label{text-align:left}[data-comparison-viewer] .focus-diagram{max-width:var(--comparison-control-width);width:100%}[data-comparison-viewer] .focus-diagram-main{border-radius:6px;gap:.32rem;padding:.26rem .32rem}[data-comparison-viewer] .focus-eye-static{flex:0 0 35%}[data-comparison-viewer] .focus-line-control{height:1.42rem}[data-comparison-viewer] .focus-track{height:2px;left:var(--focus-near-offset)}[data-comparison-viewer] .focus-diagram-point{height:.62rem;width:.62rem}[data-comparison-viewer] .focus-diagram-labels{display:flex;font-size:.66rem;gap:0;justify-content:space-between;line-height:1;margin-left:0;margin-top:0;min-width:0;padding-left:var(--focus-near-offset)}@media screen and (max-width:1024px){[data-comparison-viewer]{column-gap:.5rem;grid-template-columns:minmax(0,1fr) var(--comparison-control-width) minmax(0,1fr);padding:.7rem;row-gap:.7rem}[data-comparison-viewer] .comparison-top-controls{grid-template-columns:max-content minmax(0,1fr) auto}[data-comparison-viewer] .comparison-result-label{font-size:.86rem}}@media screen and (max-width:768px){[data-comparison-viewer]{grid-template-areas:"setup" "left" "controls" "right";grid-template-columns:1fr;margin:0 auto;max-width:560px}[data-comparison-viewer] .comparison-top-controls{grid-template-columns:1fr}[data-comparison-viewer] .comparison-scene-selector{justify-content:center}[data-comparison-viewer] .comparison-controls{justify-self:center;max-width:320px;width:100%}[data-comparison-viewer] .view-pad{max-width:var(--comparison-control-width)}}@media screen and (max-width:430px){[data-comparison-viewer]{padding:.6rem}
[data-comparison-viewer] .comparison-methods{grid-template-columns:1fr}[data-comparison-viewer] .playback-controls{grid-template-columns:1fr auto}[data-comparison-viewer] .auto-mode-selector{grid-column:1 / -1;order:3}}