.color-converter[data-v-20def609]{display:flex;flex-direction:column;gap:1.5rem}.color-preview-section[data-v-20def609]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.color-preview[data-v-20def609]{height:200px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;position:relative}.preview-toolbar[data-v-20def609]{position:absolute;top:10px;right:10px;display:flex;gap:.5rem}.color-input-trigger[data-v-20def609]{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-secondary);cursor:pointer}.color-input-trigger input[type=color][data-v-20def609]{appearance:none;-webkit-appearance:none;border:none;width:20px;height:20px;padding:0;background:transparent;cursor:pointer}.picker-btn[data-v-20def609]{padding:.375rem .625rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-secondary);transition:all .15s ease}.picker-btn[data-v-20def609]:hover:not(:disabled){background:var(--color-bg-base);color:var(--color-text-primary)}.picker-btn[data-v-20def609]:disabled{opacity:.6;cursor:not-allowed}.preview-text[data-v-20def609]{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:#000;text-shadow:0 1px 2px rgba(255,255,255,.5)}.preview-text.light-text[data-v-20def609]{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-info[data-v-20def609]{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.info-item[data-v-20def609]{display:flex;align-items:center;gap:.75rem}.info-label[data-v-20def609]{width:3.5rem;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.info-value[data-v-20def609]{flex:1;font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-primary);background:none;padding:0}.copy-small-btn[data-v-20def609]{padding:.25rem .5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text-secondary);transition:all .15s ease}.copy-small-btn[data-v-20def609]:hover{background:var(--color-primary);color:var(--color-bg-deep);border-color:var(--color-primary)}.contrast-section[data-v-20def609],.schemes-section[data-v-20def609],.palettes-section[data-v-20def609],.history-section[data-v-20def609]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.section-header[data-v-20def609]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.section-title[data-v-20def609]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.toggle-btn[data-v-20def609]{padding:.25rem .625rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-secondary);transition:all .15s ease}.toggle-btn[data-v-20def609]:hover{background:var(--color-bg-base);color:var(--color-text-primary)}.contrast-grid[data-v-20def609]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem}.contrast-item[data-v-20def609]{display:flex;flex-direction:column;gap:.75rem}.contrast-preview[data-v-20def609]{padding:1.5rem;border-radius:var(--radius-md);min-height:80px;display:flex;align-items:center;justify-content:center}.contrast-text[data-v-20def609]{font-size:1.125rem;font-weight:600}.contrast-info[data-v-20def609]{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.contrast-ratio[data-v-20def609]{color:var(--color-text-secondary);font-family:var(--font-mono)}.contrast-rating[data-v-20def609]{font-weight:600}.schemes-content[data-v-20def609]{padding:1rem;display:flex;flex-direction:column;gap:1.25rem}.scheme-group[data-v-20def609]{display:flex;flex-direction:column;gap:.5rem}.scheme-label[data-v-20def609]{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.scheme-colors[data-v-20def609]{display:flex;gap:.5rem}.scheme-color[data-v-20def609]{flex:1;height:60px;border-radius:var(--radius-md);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:2px solid transparent}.scheme-color[data-v-20def609]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.input-sections[data-v-20def609]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.input-section[data-v-20def609]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.mode-radio[data-v-20def609]{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-muted);cursor:pointer}.mode-radio input[data-v-20def609]{accent-color:var(--color-primary)}.input-group[data-v-20def609]{display:flex;align-items:center;padding:1rem}.input-prefix[data-v-20def609]{font-family:var(--font-mono);font-size:1.25rem;color:var(--color-text-muted);margin-right:.5rem}.color-input[data-v-20def609]{flex:1;padding:.75rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1rem;color:var(--color-text-primary);text-transform:uppercase}.color-input[data-v-20def609]:focus{outline:none;border-color:var(--color-primary)}.color-input[data-v-20def609]:disabled{opacity:.5;cursor:not-allowed}.rgb-inputs[data-v-20def609],.hsl-inputs[data-v-20def609],.hsv-inputs[data-v-20def609]{display:flex;gap:.75rem;padding:1rem}.rgb-input-group[data-v-20def609],.hsl-input-group[data-v-20def609],.hsv-input-group[data-v-20def609]{flex:1;display:flex;flex-direction:column;gap:.5rem}.rgb-label[data-v-20def609],.hsl-label[data-v-20def609],.hsv-label[data-v-20def609]{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.rgb-input[data-v-20def609],.hsl-input[data-v-20def609],.hsv-input[data-v-20def609]{padding:.625rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-primary);text-align:center}.rgb-input[data-v-20def609]:focus,.hsl-input[data-v-20def609]:focus,.hsv-input[data-v-20def609]:focus{outline:none;border-color:var(--color-primary)}.rgb-input[data-v-20def609]:disabled,.hsl-input[data-v-20def609]:disabled,.hsv-input[data-v-20def609]:disabled{opacity:.5;cursor:not-allowed}.hsl-unit[data-v-20def609],.hsv-unit[data-v-20def609]{font-size:.75rem;color:var(--color-text-muted);text-align:center}.palettes-list[data-v-20def609]{display:flex;flex-direction:column;gap:1rem;padding:1rem}.palette-group[data-v-20def609]{display:flex;flex-direction:column;gap:.5rem}.palette-name[data-v-20def609]{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.palette-colors[data-v-20def609]{display:flex;flex-wrap:wrap;gap:.5rem}.palette-color[data-v-20def609]{width:40px;height:40px;border-radius:var(--radius-md);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:2px solid transparent}.palette-color[data-v-20def609]:hover{transform:scale(1.1);box-shadow:var(--shadow-md);border-color:var(--color-primary);z-index:1}.history-colors[data-v-20def609]{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.history-color[data-v-20def609]{width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:2px solid var(--color-border)}.history-color[data-v-20def609]:hover{transform:scale(1.15);box-shadow:var(--shadow-md);border-color:var(--color-primary);z-index:1}