/* One comparison surface; no minimum-width model lanes or horizontal cards. */
body:has(#comparison) main{max-width:1180px}
.comparison,.anatomy-view .comparison{display:block;overflow:visible;padding:0;background:#fff;border:1px solid #c3d4df;border-radius:10px}
.shared-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:10px}.comparison-actions{display:flex;gap:7px;align-items:center}
.shared-head h2{font-size:16px;margin:0}.shared-head button{font-size:14px}.shared-head button span{font-size:12px;color:#617c8c;margin-left:6px}button:disabled{opacity:.5;cursor:default}
.model-switch{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));background:#152e42;padding:6px;gap:3px}
.model-switch button{display:flex;gap:8px;align-items:center;justify-content:center;min-width:0;border:1px solid transparent;border-radius:4px;background:transparent;color:#d9e6ef;padding:10px 4px;line-height:1.4}
.model-switch button[aria-pressed=true]{border-color:var(--model-color);background:#254257}.model-switch button>b{color:var(--model-color);font-size:19px}.model-switch button span{font-size:14px;min-width:0;overflow-wrap:anywhere}.model-switch small{display:block;font-size:12px;color:#aac4d4}
.shared-stage{height:355px;background:#102638}.shared-stage canvas{width:100%;height:100%;display:block}.lc-interactive .shared-stage canvas{touch-action:none;cursor:grab}.lc-interactive .shared-stage canvas.dragging{cursor:grabbing}.pixel-shared .shared-stage{height:474px}
.quick-stats{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));background:#f1f7fa;border-bottom:1px solid #d4e1e9}
.quick-stats>div{min-width:0;padding:12px 10px;border-right:1px solid #d4e1e9;overflow-wrap:anywhere}.quick-stats>div:last-child{border:0}.quick-stats b{display:block;font-size:15px;color:#173c54}.quick-stats span{display:block;font-size:13px;margin-top:3px;color:#567489;font-variant-numeric:tabular-nums}
.shared-caption{margin:0;padding:10px 16px;font-size:13px;line-height:1.6;color:#557286;border-bottom:1px solid #d5e1e8}
#inspectors .compare-card{border:0;border-radius:0;background:none;box-shadow:none}#inspectors .screen-area,#inspectors .card-head,#inspectors .metrics,#inspectors .card-note{display:none}
#inspectors .settings{padding:0 16px 16px}#inspectors .settings summary{font-size:14px;padding:14px 0}#inspectors .fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#inspectors .fields label{font-size:13px}#inspectors .fields select,#inspectors .fields input{font-size:14px;min-height:40px}
.anatomy-toolbar{gap:8px 12px;margin-bottom:12px;padding:10px 12px}.anatomy-toolbar label,.anatomy-toolbar label select,.anatomy-switch button,.anatomy-toolbar>button{font-size:14px}.anatomy-toolbar>p{display:none}.anatomy-toolbar>button{margin-left:0}.anatomy-toolbar input{width:120px}.anatomy-toolbar output{font-size:13px}.compare-tools{margin-bottom:10px}.tools-row label,.tools-row select,.tools-row button{font-size:14px}.mode-tabs{flex-wrap:wrap;overflow:visible;gap:2px}.mode-tabs button{padding:5px 8px}.summary{margin:14px 0}.reference-grid p,.reference-grid a{font-size:14px}
@media(max-width:640px){body:has(#comparison) main{padding:0 9px}.shared-head{padding:10px}.shared-head h2{font-size:15px;white-space:nowrap}.shared-head button{font-size:12px;padding:7px;white-space:nowrap}.comparison-actions{gap:4px}.model-switch button{gap:3px;padding:8px 2px;flex-direction:column}.model-switch button>b{font-size:16px}.model-switch button span{font-size:13px}.model-switch small{font-size:11px}.quick-stats>div{padding:10px 6px}.quick-stats b{font-size:14px}.quick-stats span{font-size:12px}.shared-caption{padding:10px;font-size:12px}.shared-stage{height:345px}.pixel-shared .shared-stage{height:474px}#inspectors .fields{grid-template-columns:repeat(2,minmax(0,1fr))}#inspectors .settings{padding:0 10px 12px}.anatomy-toolbar{gap:8px;padding:9px}.anatomy-toolbar label:has(#anatomy-topic){width:100%}.anatomy-toolbar>button{font-size:12px}.anatomy-toolbar input{width:112px}.modelbar{flex-wrap:wrap;gap:8px}.product-picker select{max-width:100%}.tools-row{gap:7px}.tools-row label,.tools-row button,.tools-row select{font-size:13px}.mode-tabs button{font-size:13px}.anatomy-toolbar label{font-size:13px}.topbar .brand{gap:8px}.topbar .brand b{font-size:13px;letter-spacing:1px}.topbar .brand span{padding-right:9px}.anatomy-toolbar label select{min-width:0;max-width:100%}}
/* Matched-angle 3D output studio. One shared surface stays within the viewport. */
[hidden]{display:none!important}
.output-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;background:#fff;border:1px solid #c3d4df;border-radius:10px;padding:14px 16px;margin-bottom:12px}
.output-environment{display:flex;gap:4px;background:#eaf1f6;padding:4px;border-radius:8px}
.output-environment button{border:0;background:transparent;color:#466375;border-radius:6px;padding:8px 13px;font-size:14px}.output-environment button[aria-pressed=true]{background:#193e57;color:#fff;box-shadow:0 2px 5px #0d233226}.output-environment small{display:block;font-size:12px;margin-top:3px;opacity:.75}
.output-tools label{font-size:14px;color:#36566a;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.output-tools input{width:130px;accent-color:#0b7d9c}.output-tools select{max-width:180px;font-size:14px}.output-tools output{font-size:14px;min-width:48px;color:#174a66;font-variant-numeric:tabular-nums}.output-tools p{flex-basis:100%;margin:0;font-size:12px;color:#677f90;line-height:1.5}.output-tools #output-front{font-size:14px;margin-left:auto}
.output-view .shared-stage{height:520px;position:relative;background:#101e2c}.output-stage{width:100%;height:100%;position:relative}.output-stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.output-stage canvas.dragging{cursor:grabbing}.output-stage canvas:focus-visible{outline:2px solid #60d7ee;outline-offset:-3px}.output-error{padding:50px 24px;color:#dfebf2}.output-stage.context-lost:after{content:'3D 화면을 복구하는 중입니다';position:absolute;inset:0;display:grid;place-items:center;background:#101e2ceb;color:#fff}
.output-reference{font-weight:700;color:#0d5878;margin-right:8px}#output-angle{float:right;margin-left:12px;font-variant-numeric:tabular-nums;color:#698798}.optical-settings{padding:0 16px 16px}.optical-settings summary{font-size:14px;padding:10px 0}.optical-settings p{font-size:13px;line-height:1.65;color:#658092;margin:4px 0 12px}.optical-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:480px}.optical-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#48687e}.optical-fields input{min-width:0;width:100%;box-sizing:border-box;min-height:40px}.anatomy-view .optical-settings{display:none}
@media(max-width:640px){.output-tools{padding:10px;gap:10px}.output-environment{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.output-environment button{padding:8px 4px;font-size:14px}.output-tools label{font-size:13px}.output-tools .lux-control{width:100%}.output-tools .lux-control input{flex:1;min-width:50px}.output-tools input{width:92px}.output-tools select{max-width:160px}.output-tools #output-front{font-size:13px;padding:7px;margin-left:0}.output-view .shared-stage{height:285px}.output-view .shared-caption{font-size:12px}#output-angle{float:none;display:block;margin:5px 0 0}.optical-settings{padding:0 10px 12px}}
.comparison>.output-tools{margin:0;border:0;border-bottom:1px solid #d4e1e9;border-radius:0}.output-view .mode-note{display:none}.output-view .tools-row>label:has(#count){display:none}.output-view .compare-tools{padding:10px 12px}.output-view .tools-row{padding-top:8px;margin-top:6px}.output-view .output-tools p{font-size:12px}
@media(max-width:640px){.output-view .compare-tools{padding:8px 10px}.output-view .tools-row{flex-wrap:nowrap}.output-view .tools-row #reset{margin-left:auto}.output-view .tools-row select{max-width:160px}.output-view .output-tools{gap:9px}.output-view .output-tools p{display:none}}
@media(max-width:640px){.output-view .comparison .shared-stage{height:285px}}
.output-experiments{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid #d5e1e8;background:#f4f8fb;flex-wrap:wrap}.output-experiments label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;min-width:0}.output-experiments select{font-size:13px;max-width:100%;min-width:0}.output-experiments span{font-size:12px;color:#527187;line-height:1.5;flex:1;min-width:180px}.quality-tags{display:block;color:#087376;font-size:11px;font-weight:650;margin-top:7px;line-height:1.5}.technology-note{display:block;font-size:11px;line-height:1.5;color:#667d8d;margin-top:5px}.filter-result{display:block;font-size:12px;margin-top:6px;color:#0d637c}.output-tools .analyzer-toggle input,.output-tools .black-gain-toggle input{width:17px;height:17px;margin:0}.output-view .quick-stats b{font-size:14px}.output-view .model-switch small{font-size:12px}
@media(max-width:640px){.output-experiments{padding:9px 10px;gap:6px}.output-experiments label{width:100%;font-size:12px}.output-experiments select{flex:1;font-size:12px}.output-experiments span{font-size:11px;min-width:0;flex-basis:100%}.output-view .quick-stats b{font-size:12px}.output-view .quick-stats span{font-size:11px}.quality-tags,.technology-note{font-size:10px}.output-view .model-switch small{font-size:10px}.output-view .model-switch button span{font-size:12px}}
.output-view .tools-row>label:has(#scale){display:none}.output-view .quick-stats b{overflow-wrap:anywhere}.output-tools #output-emphasis{max-width:180px}
.output-detail{background:#102638;color:#dbebf4;border-top:1px solid #3c5668}.detail-heading{font-size:12px;padding:10px 14px;display:flex;justify-content:space-between;gap:8px}.detail-heading span{color:#92b2c4;font-size:11px}.detail-crops{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:2px}.detail-crops>div{position:relative;min-width:0;overflow:hidden}.detail-crops canvas{display:block;width:100%;object-fit:cover}.detail-crops b{position:absolute;top:7px;left:8px;background:#071724dc;color:var(--model-color);padding:3px 7px;border-radius:3px;font-size:11px}.output-view .compare-tools{position:relative;padding-right:80px}.output-view .tools-row{position:absolute;right:10px;top:0;border:0;padding:0}.output-view .tools-row:has(#play:not([hidden])){position:static}.output-view .quick-stats{border-top:1px solid #d4e1e9}
@media(max-width:640px){.detail-heading{font-size:11px;padding:8px}.detail-heading span{font-size:10px}.detail-crops b{font-size:10px;padding:3px 5px;left:5px}.output-view .compare-tools{padding-right:65px}.output-view .tools-row{top:5px;right:7px}.output-view .mode-tabs button{font-size:12px}}
/* One clock and one physical size for the gaming comparison. */
.common-size-bar{padding:10px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#eaf3f7;border-top:1px solid #ccdde6}.common-size-bar label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.common-size-bar span{font-size:12px;color:#537285}.common-size-bar select{font-size:14px;min-width:145px}.fixed-size{display:flex;align-items:center;min-height:40px;font-size:14px;background:#edf4f7;color:#315b70;padding:0 9px;border-radius:5px;box-sizing:border-box}
.game-source-video{position:fixed;bottom:0;left:0;width:1px;height:1px;opacity:.001;pointer-events:none}.game-tools{padding:12px 16px;background:#122a3d;color:#d7e8f2}.game-playback{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap}.game-playback button{font-size:14px;background:#21485d;border:1px solid #426780;color:#e5f4ff;border-radius:5px;padding:8px 12px}.game-playback #game-play{background:#0b7996;border-color:#18a4c0;color:white;font-weight:650}.game-playback label{display:flex;align-items:center;gap:8px;font-size:14px}.game-playback select{font-size:14px;max-width:190px}.game-playback output{font-size:12px;color:#8ddcec;margin-left:auto}.game-timeline{display:flex;align-items:center;gap:12px;margin-top:10px}.game-timeline input{flex:1;min-width:0;accent-color:#56cbe5}.game-timeline output{font-size:12px;font-variant-numeric:tabular-nums;min-width:77px}.game-tools p{font-size:12px;line-height:1.5;color:#a6c1d3;margin:8px 0 0}
.game-view .comparison .shared-stage{height:auto;aspect-ratio:16/9;max-height:620px;overflow:hidden;perspective:1100px}.game-view .output-stage canvas{transform-origin:center}.game-view .output-stage{position:absolute;inset:0}.game-view .model-switch button>b{font-size:20px}.game-view .model-switch{border-bottom:1px solid #47718a}.game-view .model-switch small{font-size:14px;color:#e0eff5}.game-view .output-stage.context-lost:after{z-index:2}
@media(max-width:640px){.common-size-bar{padding:9px 10px;gap:5px 10px}.common-size-bar select{min-width:135px}.common-size-bar span{font-size:12px}.game-tools{padding:10px}.game-playback{gap:8px}.game-playback button{font-size:13px;padding:8px}.game-playback label{font-size:13px}.game-playback select{font-size:13px;max-width:165px}.game-playback output{margin-left:0;font-size:12px}.game-tools p{font-size:12px}.game-view .comparison .shared-stage{aspect-ratio:4/3;max-height:none}.game-view .model-switch button span{font-size:12px}.game-view .model-switch small{font-size:12px}}
.game-credit{display:block;margin-top:8px;font-size:12px;line-height:1.6;color:#84a6bd}.game-credit a{color:#a0d2e8;text-underline-offset:3px}.game-view .game-tools .game-credit{font-size:12px}
.game-tools.cadence-active #game-note{color:#ffd796;border-left:3px solid #eab974;padding-left:9px}.game-playback #game-quality{max-width:210px}
.game-native-panes{position:absolute;inset:0;display:flex;transform-origin:center;pointer-events:none;background:#08121d}.game-native-panes[hidden]{display:none}.game-native-pane{position:relative;flex:1;min-width:0;overflow:hidden;border-left:2px solid}.game-native-pane:first-child{border:0}.game-native-media{display:block;position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:1!important;object-fit:cover;object-position:center;transform-origin:center}.game-native-glare{position:absolute;top:8%;width:30%;height:72%;background:#e0efff}.game-native-black{position:absolute;inset:0;background:#9baabe}.native-game>canvas{position:absolute;inset:0;opacity:0;z-index:3}
/* Three matched monitors share one compact review bench. */
.output-view:not(.game-view) .comparison .shared-stage{height:clamp(175px,29vw,330px)}
.detail-crops small{display:block;text-align:center;font-size:12px;line-height:1.5;padding:8px 4px;color:#bfd5e3;background:#102638;overflow-wrap:anywhere}
.detail-heading{font-size:14px;align-items:center}.detail-heading span{font-size:12px}
.output-view .quick-stats .quality-tags,.output-view .quick-stats .technology-note{font-size:12px;line-height:1.6}
.output-view .quick-stats span{font-size:12px}.output-view .model-switch small{font-size:12px}
.output-view .quick-stats b{font-size:14px}.output-view .output-tools p{font-size:13px}
.game-native-panes{align-items:center;gap:2px;background:#102638}
.game-native-pane{height:100%;border-left-width:1px}.game-native-media{object-fit:contain;background:#050b12}
.game-native-glare{top:22%;height:55%}
@media(max-width:640px){.detail-heading{font-size:12px;flex-wrap:wrap;gap:3px}.detail-heading span{font-size:12px}.detail-crops b{font-size:12px}.detail-crops small{font-size:12px}.output-view .model-switch button span{font-size:12px}.output-view .output-tools p{display:block}.game-view .comparison .shared-stage{aspect-ratio:16/9}}
/* Hardware video fallback keeps a complete, matching monitor view per model. */
.game-native-panes{padding:12px 10px 18px;gap:10px;background:linear-gradient(180deg,#102331 0%,#243e50 70%,#102636 100%)}
.game-native-monitor{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 8px 7px #0005)}
.game-native-monitor:after{content:"";display:block;width:30%;height:clamp(12px,2.2vw,28px);border-bottom:4px solid #647d8c;border-radius:0 0 40% 40%;background:linear-gradient(90deg,transparent 35%,#172c3c 36%,#3c5264 63%,transparent 64%)}
.game-native-monitor .game-native-pane{width:100%;height:auto;flex:none;border:3px solid #08131c;border-radius:4px;box-shadow:0 -1px 0 #8a9ba6;aspect-ratio:16/9;background:#050b12}
.game-view .comparison .shared-stage{height:clamp(155px,26vw,350px);aspect-ratio:auto}
@media(max-width:640px){.game-native-panes{gap:5px;padding:8px 6px 14px}.game-native-monitor .game-native-pane{border-width:2px}.game-native-monitor:after{border-bottom-width:3px}.game-view .comparison .shared-stage{height:165px;aspect-ratio:auto}}