.titan-color-picker{--cp-border:var(--desktop-border,var(--border,#d8d1c6));--cp-text:var(--desktop-text,var(--foreground,#24211c));--cp-muted:var(--desktop-text-muted,var(--muted-foreground,#6b6459));--cp-surface:var(--desktop-control,var(--background,#ffffff));--cp-accent:var(--desktop-amber,#b57820);display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--cp-text);font-family:var(--font-sans,system-ui,sans-serif);font-size:12px}.titan-color-picker[data-presentation=menu]{width:264px;padding:8px}.titan-color-picker__current{display:flex;align-items:center;gap:10px}.titan-color-picker__chip{width:28px;height:28px;flex:none;border-radius:8px;border:1px solid var(--cp-border);box-shadow:inset 0 0 0 1px rgb(0 0 0/6%)}.titan-color-picker__chip[data-none]{background:linear-gradient(135deg,transparent 46%,#c0392b 47%,#c0392b 53%,transparent 54%),var(--cp-surface)}.titan-color-picker__current-text{display:flex;flex-direction:column;min-width:0}.titan-color-picker__label{color:var(--cp-muted);font-size:11px}.titan-color-picker__name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titan-color-picker__section{display:flex;flex-direction:column;gap:6px}.titan-color-picker__section h4{margin:0;font-size:11px;font-weight:600;color:var(--cp-muted)}.titan-color-picker__row{display:grid;grid-template-columns:repeat(var(--swatch-columns,8),minmax(0,24px));gap:6px;align-items:center}.titan-color-picker__grid{display:flex;flex-direction:column;gap:4px}.titan-color-picker__grid .titan-color-picker__row{grid-template-columns:56px repeat(var(--swatch-columns,5),minmax(0,24px))}.titan-color-picker__grid .titan-color-picker__row[aria-label=Neutrals]{grid-template-columns:56px repeat(8,minmax(0,24px))}.titan-color-picker__row-label{font-size:11px;color:var(--cp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titan-color-picker__swatch{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:7px;border:1px solid rgb(0 0 0/14%);cursor:pointer;transition:transform 80ms ease-out,box-shadow 80ms ease-out}html[data-desktop-theme=dark] .titan-color-picker__swatch{border-color:rgb(255 255 255/18%)}.titan-color-picker__swatch:hover{transform:scale(1.08)}.titan-color-picker__swatch:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}.titan-color-picker__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--cp-surface),0 0 0 4px var(--cp-accent)}.titan-color-picker__swatch--reset{width:auto;min-width:40px;padding:0 6px;background:var(--cp-surface);color:var(--cp-text);font-size:11px;border-color:var(--cp-border);grid-column:span 2}.titan-color-picker__disclosure{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:2px 0;border:0;background:none;color:var(--cp-text);font:inherit;font-weight:600;cursor:pointer}.titan-color-picker__disclosure svg[data-open]{transform:rotate(180deg)}.titan-color-picker__hint{margin:0;color:var(--cp-muted)}.titan-color-picker__button{height:28px;padding:0 12px;border-radius:7px;border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text);font:inherit;cursor:pointer}.titan-color-picker__button[data-kind=primary]{background:var(--cp-accent);border-color:var(--cp-accent);color:#fff;font-weight:600}@media (prefers-reduced-motion:reduce){.titan-color-picker__swatch{transition:none}.titan-color-picker__swatch:hover{transform:none}}.titan-custom-color{display:flex;flex-direction:column;gap:8px}.titan-custom-color__square{position:relative;height:128px;border-radius:8px;cursor:crosshair;touch-action:none}.titan-custom-color__square:after,.titan-custom-color__square:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.titan-custom-color__square:before{background:linear-gradient(90deg,#fff,transparent)}.titan-custom-color__square:after{background:linear-gradient(0deg,#000,transparent)}.titan-custom-color__square:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}.titan-custom-color__thumb{position:absolute;z-index:1;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0/35%)}.titan-custom-color__hue{appearance:none;width:100%;height:12px;border-radius:6px;margin:0;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.titan-custom-color__hue::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid rgb(0 0 0/35%)}.titan-custom-color__fields{display:flex;align-items:flex-end;gap:6px}.titan-custom-color__fields label{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--cp-muted)}.titan-custom-color__fields input{width:40px;height:26px;padding:0 6px;border-radius:6px;border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text);font-family:var(--font-mono,ui-monospace,monospace);font-size:11px}.titan-custom-color__fields label:first-of-type input{width:76px}.titan-custom-color__fields input[aria-invalid=true]{border-color:#c0392b}.titan-custom-color__preview{flex:none}.titan-custom-color__eyedropper,.titan-custom-color__preview{width:26px;height:26px;border-radius:6px;border:1px solid var(--cp-border)}.titan-custom-color__eyedropper{display:inline-flex;align-items:center;justify-content:center;background:var(--cp-surface);color:var(--cp-text);cursor:pointer}.titan-custom-color__name{margin:0;font-weight:600}.titan-custom-color__actions{display:flex;justify-content:flex-end;gap:6px}