.cc-wrap[data-v-0fc8ec99]{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.cc-left[data-v-0fc8ec99]{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:16px}.cc-right[data-v-0fc8ec99]{padding:20px;display:flex;flex-direction:column;gap:18px}.cc-swatch[data-v-0fc8ec99]{height:160px;border-radius:var(--radius);border:1px solid var(--line);display:grid;place-items:center}.cc-picker[data-v-0fc8ec99]{width:56px;height:56px;border:2px solid #fff;border-radius:50%;padding:0;background:none;cursor:pointer}.cc-outs[data-v-0fc8ec99]{display:flex;flex-direction:column;gap:8px}.cc-out[data-v-0fc8ec99]{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px;background:var(--paper)}.cc-row[data-v-0fc8ec99]{display:flex;flex-direction:column;gap:6px}.cc-row>label[data-v-0fc8ec99]{font-size:.72rem;letter-spacing:.1em;color:var(--ink-2)}.cc-in[data-v-0fc8ec99]{font-size:.85rem;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);outline:none;width:100%}.cc-in[data-v-0fc8ec99]:focus{border-color:var(--accent)}.cc-triple[data-v-0fc8ec99]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.cc-err[data-v-0fc8ec99]{color:var(--error);font-size:.74rem}@media (max-width: 900px){.cc-wrap[data-v-0fc8ec99]{grid-template-columns:1fr}.cc-left[data-v-0fc8ec99]{border-right:none;border-bottom:1px solid var(--line)}}