.cg-mixer-entry{margin:.8rem 0;text-align:center}
.cg-mixer-entry>p{margin:.35rem 0;color:#64748b;font-size:.78rem}
.cg-mixer-dialog{margin:auto;width:calc(100% - 24px);max-width:390px;max-height:calc(100dvh - 24px);padding:1rem;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#1e293b;overflow:auto;text-align:left}
.cg-mixer-dialog::backdrop{background:rgba(15,23,42,.65)}
.cg-mixer-dialog h2{font-size:1.2rem;margin:0 0 .3rem}
.cg-mixer-dialog p{font-size:.82rem;margin:.4rem 0;line-height:1.5}
.cg-mixer-swatches{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0}
.cg-mixer-swatches figure{margin:0;min-width:0}
.cg-mixer-swatches figcaption{font-size:.78rem;margin-bottom:.25rem}
.cg-mixer-chip{height:76px;border:2px solid #cbd5e1;border-radius:10px}
.cg-mixer-code{display:block;min-height:24px;margin:.3rem 0;font:700 .9rem 'JetBrains Mono',monospace;overflow-wrap:anywhere}
.cg-mixer-channel{display:grid;grid-template-columns:1fr 76px;gap:.6rem;align-items:center;margin:.45rem 0}
.cg-mixer-channel label{grid-column:1/-1;font-size:.85rem;font-weight:700}
.cg-mixer-channel input[type=range]{width:100%;min-width:0;min-height:44px;cursor:pointer;accent-color:#8b5cf6}
.cg-mixer-channel input[type=number]{width:76px;min-height:44px;border:1px solid #94a3b8;border-radius:8px;padding:.4rem;color:#1e293b;background:#fff;font:600 1rem 'JetBrains Mono',monospace}
.cg-mixer-feedback{min-height:3.3em;font-weight:600}
.cg-mixer-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}
.cg-mixer-actions button{min-width:44px;min-height:44px;padding:.6rem .3rem}
.cg-mixer-close{width:100%;margin-top:.5rem}
.cg-mixer-dialog button:focus-visible,.cg-mixer-dialog input:focus-visible,.cg-mixer-entry>button:focus-visible{outline:3px solid #1e293b;outline-offset:3px}
.cg-mixer-dialog [hidden]{display:none}