.cc[data-v-6068b47e]{display:flex;align-items:center;gap:8px;width:100%}.cc__swatch[data-v-6068b47e]{position:relative;flex:none;width:32px;height:32px;padding:3px;border:1px solid var(--border, #2a2a2a);border-radius:10px;background:var(--bg-input, var(--bg-elevated, #111));cursor:pointer;overflow:hidden;transition:border-color .16s ease,transform .2s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}@supports (corner-shape: squircle){.cc__swatch[data-v-6068b47e]{corner-shape:squircle;border-radius:12px}}.cc__swatch[data-v-6068b47e]:hover{border-color:var(--inp-border-hover, #3d3d3d)}.cc__swatch[data-v-6068b47e]:active{transform:scale(.94)}.cc__swatch[data-v-6068b47e]:focus-visible{outline:none;border-color:var(--inp-accent, #ededed)}.cc__fill[data-v-6068b47e]{display:block;width:100%;height:100%;border-radius:7px;background-image:repeating-conic-gradient(#c8ccd2 0% 25%,#fff 0% 50%);background-size:8px 8px}@supports (corner-shape: squircle){.cc__fill[data-v-6068b47e]{corner-shape:squircle;border-radius:9px}}.cc__hex[data-v-6068b47e]{flex:1;min-width:0}.vt__panel:has(.fdy-cc-panel) .vt__surface{background:transparent;border-color:transparent;box-shadow:none}.fdy-cc-panel .cp{box-shadow:0 18px 50px #00000080,0 2px 8px #0000004d}.fdy-cc-panel.fdy-cc-panel .cp__label{display:none}.fdy-cc-panel.fdy-cc-panel .cp__track{gap:0}.fdy-cc-panel.fdy-cc-panel .cp__inputs>.cp__fmt,.fdy-cc-panel.fdy-cc-panel .cp__inputs>.cp__field{height:28px;border-radius:10px}.fdy-cc-panel.fdy-cc-panel .cp__preview{width:28px;height:28px;border-radius:10px}.fdy-cc-panel.fdy-cc-panel{--ctrl-r-sm: 13px}@supports (corner-shape: squircle){.fdy-cc-panel.fdy-cc-panel .cp__inputs>.cp__fmt,.fdy-cc-panel.fdy-cc-panel .cp__inputs>.cp__field,.fdy-cc-panel.fdy-cc-panel .cp__preview{corner-shape:squircle;border-radius:13px}}.fdy-cc-panel.fdy-cc-panel .cp__hex{font-size:12px}.fdy-cc-panel.fdy-cc-panel .cp__fmt{font-size:10px;padding:0 6px 0 8px}.fc[data-v-d9c3a065]{width:100%}.fc__input[data-v-d9c3a065]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}.fc__dropzone[data-v-d9c3a065]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:88px;border:1px dashed var(--border, #2a2a2a);border-radius:var(--radius-input, 10px);background:var(--bg-input, #111);color:var(--text-secondary, #888);cursor:pointer;transition:border-color .16s ease,color .16s ease}.fc__dropzone[data-v-d9c3a065]:hover{border-color:var(--inp-border-hover, #3d3d3d);color:var(--text, #ededed)}.fc__dz-icon[data-v-d9c3a065]{width:20px;height:20px}.fc__dz-icon[data-v-d9c3a065] svg{width:100%;height:100%}.fc__dz-text[data-v-d9c3a065]{font-size:12px}.fc__row[data-v-d9c3a065]{display:flex;align-items:center;gap:6px}.fc__viewport[data-v-d9c3a065]{flex:1;min-width:0;overflow:hidden}.fc__track[data-v-d9c3a065]{display:flex;gap:8px;transition:transform .26s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.fc__thumb[data-v-d9c3a065]{position:relative;flex:0 0 calc((100% - 16px) / 3);aspect-ratio:1;border:1px solid var(--border, #2a2a2a);border-radius:var(--radius-input, 10px);background:var(--bg-input, #111);overflow:hidden}.fc__thumb[data-v-d9c3a065]:only-child{flex-basis:100%;aspect-ratio:auto;height:88px}.fc__thumb img[data-v-d9c3a065],.fc__thumb video[data-v-d9c3a065]{width:100%;height:100%;object-fit:cover;display:block}.fc__remove[data-v-d9c3a065]{position:absolute;top:3px;right:3px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;opacity:0;transition:opacity .14s ease}.fc__remove[data-v-d9c3a065] svg{width:100%;height:100%}.fc__thumb:hover .fc__remove[data-v-d9c3a065]{opacity:1}.fc__thumb--fixed[data-v-d9c3a065]{cursor:pointer}.fc__replace[data-v-d9c3a065]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;opacity:0;transition:opacity .14s ease}.fc__replace[data-v-d9c3a065] svg{width:20px;height:20px}.fc__thumb--fixed:hover .fc__replace[data-v-d9c3a065]{opacity:1}.fc__thumb--empty[data-v-d9c3a065]{display:flex;align-items:center;justify-content:center;border-style:dashed;color:var(--text-secondary, #888)}.fc__thumb--empty .fc__dz-icon[data-v-d9c3a065]{width:20px;height:20px}.fc__add[data-v-d9c3a065]{display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #888);cursor:pointer;transition:border-color .16s ease,color .16s ease}.fc__add span[data-v-d9c3a065]{width:20px;height:20px}.fc__add[data-v-d9c3a065] svg{width:100%;height:100%}.fc__add[data-v-d9c3a065]:hover{border-color:var(--inp-border-hover, #3d3d3d);color:var(--text, #ededed)}.fc__arrow[data-v-d9c3a065]{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid var(--border, #2a2a2a);border-radius:50%;background:var(--bg-input, #111);color:var(--text, #ededed);cursor:pointer;transition:opacity .16s ease,border-color .16s ease}.fc__arrow[data-v-d9c3a065] svg{width:100%;height:100%}.fc__arrow[data-v-d9c3a065]:hover:not(:disabled){border-color:var(--inp-border-hover, #3d3d3d)}.fc__arrow[data-v-d9c3a065]:disabled{opacity:.3;pointer-events:none}