.loft-color-picker__picker-row{align-items:center;gap:8px;display:flex}.loft-color-picker__wheel{border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:none;flex:1;height:48px;padding:0}.loft-color-picker__eyedropper-btn{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}.loft-color-picker__value-row{align-items:center;gap:8px;display:flex}.loft-color-picker__value-row .loft-form__input{flex:1;min-width:0}.loft-color-picker__right{flex-direction:column;gap:16px;display:flex;container:tool/inline-size}.loft-color-picker__preview-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:100%;min-height:260px;box-shadow:var(--elev-2);align-items:flex-end;display:flex;position:relative;overflow:hidden}.loft-color-picker__preview-overlay{background:linear-gradient(#0000,#0000008c);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.loft-color-picker__preview-hex{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;color:#fff;text-shadow:0 1px 4px var(--color-surface-overlay);font-size:22px;font-weight:700}.loft-color-picker__preview-actions{align-items:center;gap:8px;display:flex}.loft-color-picker__preview-pick-btn{align-items:center;gap:6px;display:inline-flex}.loft-color-picker__panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px;display:flex}.loft-color-picker__panel-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:flex}.loft-color-picker__panel-header i{color:var(--accent-cyan);font-size:1rem}.loft-color-picker__harmony-list{flex-direction:column;gap:8px;display:flex}.loft-color-picker__harmony-row{grid-template-columns:130px 1fr;align-items:center;gap:12px;display:grid}.loft-color-picker__harmony-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.loft-color-picker__harmony-swatches{flex-wrap:wrap;gap:6px;display:flex}.loft-color-picker__harmony-swatch{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;min-width:70px;height:44px;transition:transform var(--duration-quick) ease, border-color var(--duration-quick) ease;flex:1 1 0;justify-content:center;align-items:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.loft-color-picker__harmony-swatch:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.loft-color-picker__harmony-swatch-label{font-family:var(--font-mono,ui-monospace, monospace);color:#fff;letter-spacing:.02em;background:#0000008c;border-radius:4px;margin-bottom:4px;padding:2px 6px;font-size:10px;font-weight:600}.loft-color-picker__contrast-row{align-items:stretch;gap:12px;display:flex}.loft-color-picker__contrast-preview{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex:1;justify-content:center;align-items:center;min-height:80px;font-size:32px;font-weight:700;display:flex}.loft-color-picker__contrast-controls{flex-direction:column;gap:6px;min-width:130px;display:flex}.loft-color-picker__contrast-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.loft-color-picker__pair-wheel{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;width:100%;height:36px;padding:0}.loft-color-picker__contrast-ratio{font-family:var(--font-mono,ui-monospace, monospace);text-align:center;color:var(--color-text-heading);font-size:18px;font-weight:700}.loft-color-picker__contrast-badges{flex-wrap:wrap;gap:8px;display:flex}.loft-color-picker__contrast-badge{border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:4px 10px;font-size:12px;font-weight:600}.loft-color-picker__contrast-badge--pass{background:color-mix(in srgb, var(--accent-cyan) 18%, transparent);color:var(--accent-cyan);border-color:color-mix(in srgb, var(--accent-cyan) 40%, transparent)}.loft-color-picker__contrast-badge--fail{background:color-mix(in srgb, var(--color-danger,#ef4444) 14%, transparent);color:var(--color-danger,#ef4444);border-color:color-mix(in srgb, var(--color-danger,#ef4444) 35%, transparent)}.loft-color-picker__image-area{flex-direction:column;align-items:stretch;gap:8px;display:flex}.loft-color-picker__image-canvas{object-fit:contain;border-radius:var(--radius-lg);cursor:crosshair;border:1px solid var(--border-subtle);width:100%;max-height:360px}.loft-color-picker__image-remove{align-self:flex-start}@container tool (width<=36rem){.loft-color-picker__harmony-row{grid-template-columns:1fr;gap:6px}}