.picker-row[data-v-9d8bec61]{display:flex;align-items:center;gap:1rem}.color-picker[data-v-9d8bec61]{width:60px;height:60px;border:none;padding:0;cursor:pointer;border-radius:8px;background:none;flex-shrink:0}.color-picker[data-v-9d8bec61]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-v-9d8bec61]::-webkit-color-swatch{border:2px solid var(--color-border);border-radius:8px}.color-preview[data-v-9d8bec61]{flex:1;height:80px;border-radius:10px;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.preview-hex[data-v-9d8bec61]{font-family:Fira Code,Courier New,monospace;font-size:1.125rem;font-weight:700;letter-spacing:.5px}.card-header-row[data-v-9d8bec61]{display:flex;align-items:center;justify-content:space-between;width:100%}.copy-all-btn[data-v-9d8bec61]{font-size:.75rem;padding:.25rem .625rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-soft, #f5f5f5);cursor:pointer;color:var(--color-text-secondary);transition:background .15s ease}.copy-all-btn[data-v-9d8bec61]:hover{background:var(--color-border)}.swatch-grid[data-v-9d8bec61]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.swatch[data-v-9d8bec61]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;height:80px;border-radius:8px;border:2px solid var(--color-border);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.swatch[data-v-9d8bec61]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.swatch[data-v-9d8bec61]:active{transform:translateY(0)}.swatch-percent[data-v-9d8bec61]{font-size:.7rem;font-weight:500;opacity:.7}.swatch-hex[data-v-9d8bec61]{font-family:Fira Code,Courier New,monospace;font-size:.75rem;font-weight:600}.scale-bar[data-v-9d8bec61]{display:flex;height:50px;border-radius:8px;overflow:hidden;border:2px solid var(--color-border)}.scale-stop[data-v-9d8bec61]{flex:1;cursor:pointer;transition:transform .1s ease}.scale-stop[data-v-9d8bec61]:hover{transform:scaleY(1.1)}.scale-base[data-v-9d8bec61]{flex:1.5;border-left:2px solid var(--color-border);border-right:2px solid var(--color-border)}@media(max-width:480px){.swatch-grid[data-v-9d8bec61]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.swatch[data-v-9d8bec61]{height:65px}}