.cmp-panel{gap:10px;display:grid}.cmp-stage{min-width:0}.cmp-screen{touch-action:pan-y;-webkit-user-select:none;user-select:none;direction:ltr;height:300px}@media (width>=1024px){.cmp-screen{height:440px}}.cmp-screen.is-ready{cursor:ew-resize}.cmp-screen.is-zoom{touch-action:none;cursor:grab}.cmp-screen.is-zoom:active{cursor:grabbing}.cmp-cv{width:100%;max-width:none;height:100%;position:absolute;inset:0}.cmp-top,.cmp-tags{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset-inline:10px}.cmp-top{top:10px}.cmp-tags{bottom:10px}.cmp-tag{border-radius:var(--radius-xs);min-width:0;color:var(--screen-ink);text-overflow:ellipsis;white-space:nowrap;background:#161616c7;padding:4px 8px;font-size:13px;line-height:1.3;transition:opacity .15s;overflow:hidden}.cmp-tag b{font-variant-numeric:tabular-nums;margin-inline-start:4px;font-weight:700}.cmp-tag.is-off{opacity:0}.seg.cmp-seg{pointer-events:auto;background:#262626;border-color:#262626;flex:none;min-height:40px;padding:3px}.seg.cmp-seg button{color:#d4d4ce;padding:0 10px;font-size:13px}.seg.cmp-seg [aria-pressed=true]{background:var(--screen-ink);color:var(--ink)}.cmp-handle{z-index:3;cursor:ew-resize;outline:none;place-items:center;width:44px;margin-left:-22px;display:grid;position:absolute;top:0;bottom:0}.cmp-handle:before{content:"";background:var(--screen-ink);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #15151580}.cmp-grip{border-radius:var(--radius);background:var(--screen-ink);width:36px;height:44px;color:var(--ink);place-items:center;display:grid;position:relative;box-shadow:0 0 0 1px #15151580}.cmp-grip svg{width:20px;height:20px}.cmp-handle:focus-visible .cmp-grip{outline:2px solid var(--accent);outline-offset:3px}.cmp-msg{text-align:center;color:var(--screen-muted);justify-content:center;align-items:center;padding:24px;font-size:15px;display:flex;position:absolute;inset:0}.frow.cmp-row{border-radius:var(--radius-xs);padding:10px 8px}.cmp-row.is-active{background:var(--bg)}.cmp-row.is-active:before{content:"";background:var(--accent);width:3px;position:absolute;inset-block:0;inset-inline-start:0}.cmp-pick{min-width:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-column:1/3;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:0;display:grid}.cmp-note{color:var(--muted);flex-basis:100%;font-size:13px}.cmp-clear{width:100%;min-height:56px}.cmp-side .keys .btn{padding-inline:14px}.cmp-range-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cmp-range-head label{font-size:14px;font-weight:600}.cmp-range-head span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.cmp-range{cursor:pointer;height:28px;margin:0}.seg.cmp-segcol button{padding:0 4px;font-size:14px}.cmp-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cmp-pair .select{text-overflow:ellipsis;padding-inline:10px}@media (width<=399px){.cmp-panel .readouts dd{font-size:20px}}