.color-field.svelte-yvrii8{flex-wrap:wrap;align-items:center;gap:0;width:100%;display:flex;position:relative}.color-field__token-hint.svelte-yvrii8{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-basis:100%;margin:2px 0 0}.color-field__preview.svelte-yvrii8{border-radius:var(--radius-full);pointer-events:none;border:1px solid #00000026;flex-shrink:0;width:16px;height:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.color-field__preview--empty.svelte-yvrii8{background-image:linear-gradient(45deg,#0000000a 25%,#0000 25% 75%,#0000000a 75%);background-size:8px 8px}.color-field__input.svelte-yvrii8{border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-sm,6px);background:var(--color-surface,#fff);width:100%;color:var(--color-text,#111827);padding:.4rem 2rem .4rem 2.1rem;font-family:ui-monospace,monospace;font-size:.875rem}.color-field__input.svelte-yvrii8:focus{outline:2px solid var(--color-primary-subtle,#dbeafe);outline-offset:-1px;border-color:var(--color-primary,#3b82f6)}.color-field--cell.svelte-yvrii8 .color-field__input:where(.svelte-yvrii8){height:30px;padding:0 var(--space-5) 0 2.1rem;border-radius:var(--radius-xs)}.color-field--readonly.svelte-yvrii8 .color-field__input:where(.svelte-yvrii8){background:var(--color-bg-muted,#f9fafb);color:var(--color-text-muted,#6b7280)}.color-field__toggle.svelte-yvrii8{width:24px;height:24px;color:var(--color-text-muted,#6b7280);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.color-field__toggle.svelte-yvrii8:hover{color:var(--color-text,#111827);background:var(--color-bg-hover,#f3f4f6)}.color-field__panel.svelte-yvrii8{width:240px;padding:var(--space-2);gap:var(--space-2);background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-sm,6px);box-shadow:var(--shadow-overlay);z-index:var(--z-popover);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0}.color-field__lock.svelte-yvrii8{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-subtle);flex-direction:column;display:flex}.color-field__lock-text.svelte-yvrii8{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.color-field__lock-btn.svelte-yvrii8{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;align-self:flex-start}.color-field__lock-btn.svelte-yvrii8:hover{background:var(--color-bg-hover)}.color-field__custom-hint.svelte-yvrii8{color:var(--color-text-muted,#6b7280);margin:0;font-size:.75rem}