.cp-body{grid-template-columns:minmax(0,1.5fr) minmax(360px,.75fr)}.cp-stage{position:relative;min-height:0}.cp-select{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-500)}.cp-select select{font:inherit;font-size:12.5px;letter-spacing:0;color:var(--ink-900);padding:4px 6px;border:1px solid var(--line-strong);border-radius:4px;background:var(--paper);max-width:260px}.cp-minimap{position:absolute;right:12px;bottom:12px;width:150px;height:150px;border:1px solid var(--line-strong);border-radius:50%;overflow:hidden;background:var(--paper-sunk);box-shadow:0 1px 4px rgba(30,20,10,.18);z-index:2;cursor:pointer}.cp-minimap__map{width:100%;height:100%}.cp-minimap .maplibregl-canvas{cursor:pointer}.cp-legend--rgb{display:flex;flex-direction:column;gap:3px;color:var(--ink-700)}.cp-legend--rgb i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;vertical-align:-1px}.cp-legend--rgb .is-red{background:#e63c28}.cp-legend--rgb .is-green{background:#32aa5a}.cp-legend--rgb .is-blue{background:#325adc}.cp-tip{position:absolute;z-index:3;padding:3px 7px;border:1px solid var(--line-strong);border-radius:3px;background:var(--paper);font-family:var(--font-mono);font-size:11px;color:var(--ink-900);pointer-events:none;white-space:nowrap}.cp-sheet{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.cp-sheet__lede{margin:6px 0 8px;font-size:13.5px;line-height:1.45;color:var(--ink-700)}.cp-sheet__note{margin:2px 0 6px;font-size:12.5px;color:var(--ink-700)}.cp-sheet__bands,.cp-sheet__paths{margin:2px 0 8px;padding-left:0;list-style:none;font-size:12.5px;color:var(--ink-700)}.cp-sheet__bands li{padding:2px 0}.cp-sheet__bands b{font-family:var(--font-mono);font-weight:500;color:var(--ink-900);margin-right:4px}.cp-sheet__paths li{padding:3px 0;display:flex;flex-direction:column;gap:1px}.cp-sheet__paths code{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-900);overflow-wrap:anywhere}.cp-sheet__paths span{font-size:11.5px;color:var(--ink-500)}.cp-figure__label{margin:10px 0 2px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500)}.cp-facts{display:flex;flex-wrap:wrap;gap:4px 18px;margin:8px 0 2px}.cp-facts div{display:flex;flex-direction:column}.cp-facts dt{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400)}.cp-facts dd{margin:0;font-family:var(--font-serif);font-size:16px;color:var(--ink-900)}.cp-vector{overflow-y:auto;min-height:0}.cp-chart{position:relative;flex:none;height:200px}.cp-chart svg{position:absolute;inset:0;display:block}.cp-chart text{font-family:var(--font-mono);font-size:10px;fill:var(--ink-500)}.cp-chart__grid{stroke:var(--line);stroke-width:1}.cp-chart__axis{stroke:var(--line-strong);stroke-width:1}.cp-chart__full{fill:none;stroke:var(--ink-400);stroke-width:1.4;stroke-opacity:.8}.cp-chart__kept{fill:none;stroke:var(--accent);stroke-width:1.6}.cp-chart__units{fill:var(--ink-500)}.cp-bands{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;list-style:none}.cp-bands label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-700);cursor:pointer}.cp-bands input{accent-color:var(--accent);margin:0}.cp-bands b{font-family:var(--font-mono);font-weight:500;color:var(--ink-900)}.cp-bands span{font-size:11px;color:var(--ink-500)}.cp-strip{position:relative;flex:none;height:110px}.cp-strip svg{position:absolute;inset:0;display:block}.cp-strip text{font-family:var(--font-mono);font-size:9.5px;fill:var(--ink-500)}.cp-strip .cp-strip__count{fill:var(--ink-400)}.cp-strip__bed{fill:var(--terracotta-050)}.cp-strip__zero{stroke:var(--line-strong);stroke-width:1}.cp-strip__avg{stroke:var(--ink-900)}.cp-strip__diff{stroke:var(--accent)}.cp-strip g.is-off path{stroke:var(--sand-300)}.cp-strip g.is-off .cp-strip__bed{fill:var(--paper-sunk)}.cp-guide{margin-top:10px;font-size:12.5px;color:var(--ink-700)}.cp-guide summary{cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500)}.cp-guide ul{margin:6px 0;padding-left:0;list-style:none}.cp-guide li{padding:2px 0}.cp-guide b{font-family:var(--font-mono);font-weight:500;color:var(--ink-900);margin-right:4px}.cp-guide p{margin:6px 0 0}.cp-guide a{color:var(--accent)}@media (max-width:980px){.cp-root{display:flex;flex-direction:column;height:calc(100dvh - var(--nav-height) - 1px - 14px);min-height:380px}.cp-bar .dt-bar__left{flex-wrap:wrap;gap:6px}.cp-select{flex:1 1 45%;min-width:0}.cp-select span{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.cp-select select{width:100%;max-width:none;min-height:36px;font-size:13px}.cp-body{display:flex;flex-direction:column;flex:1 1;min-height:0;height:auto;gap:8px}.cp-stage{flex:1 1 55%;min-height:0}.cp-body .dt-panel{flex:1 1 45%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px}.cp-body:has(.cp-vector) .cp-stage{flex-basis:30%}.cp-body:has(.cp-vector) .dt-panel{flex-basis:70%}.cp-sheet,.cp-vector{min-height:auto;overflow:visible}.cp-minimap{width:84px;height:84px;right:8px;bottom:8px}.cp-legend--rgb{width:184px}}