.color-swatch[data-v-02c221a6]{width:100%;height:100px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);cursor:pointer;transition:box-shadow var(--transition-fast)}.color-swatch[data-v-02c221a6]:hover{box-shadow:0 0 0 2px var(--accent)}.picker-row[data-v-02c221a6]{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.native-picker[data-v-02c221a6]{width:50px;height:36px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:transparent;cursor:pointer;padding:2px}.format-panel[data-v-02c221a6]{margin-top:1rem;padding:.75rem;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.format-header[data-v-02c221a6]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.format-name[data-v-02c221a6]{font-size:.8rem;font-weight:600;color:var(--text-muted);font-family:monospace;min-width:3.5rem}.css-code[data-v-02c221a6]{flex:1;font-family:monospace;font-size:.8rem;color:var(--text-primary);word-break:break-all}.format-inputs[data-v-02c221a6]{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.format-inputs label[data-v-02c221a6]{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-muted);font-family:monospace}.io-input-sm[data-v-02c221a6]{width:5rem}