.cmp-panel{gap:14px;display:grid}.cmp-slots{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cmp-slot{border:2px dashed var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:14px;display:flex}.cmp-slot.is-over,.cmp-slot:focus-visible{border-color:var(--accent,currentColor)}.cmp-tag{color:var(--ink);font-weight:700}.cmp-name{overflow-wrap:anywhere;color:var(--ink-2)}#cmp-result{gap:12px;display:grid}.cmp-readout{color:var(--ink);margin:0;font-weight:560}.cmp-warn{color:var(--warn);margin:0;font-size:14px}.cmp-modes{flex-wrap:wrap;gap:8px 18px;display:flex}#cmp-canvas{cursor:ew-resize}@media (max-width:480px){.cmp-slots{grid-template-columns:1fr}}