.spot-ink-picker{margin-top:.85rem;padding:.9rem;border:1px solid color-mix(in srgb,#0e7490 22%,#e4e4e7);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,#0e7490 6%,#fff),#fff);overflow:visible}.spot-ink-picker__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.65rem;margin-bottom:.75rem}.spot-ink-picker__title{margin:0;font-size:.95rem;font-weight:750;color:#0f172a}.spot-ink-picker__badge,.spot-ink-picker__delta,.spot-ink-picker__disclaimer,.spot-ink-picker__empty,.spot-ink-picker__help{margin:.25rem 0 0;font-size:.8rem;line-height:1.4;color:#52525b}.spot-ink-picker__badge{margin-top:.55rem;font-weight:700;color:#0e7490}.spot-ink-picker__list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.spot-ink-picker__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:start;padding:.65rem;border:1px solid #e4e4e7;border-radius:10px;background:#fff;overflow:visible}.spot-ink-picker__swatches{display:flex;align-items:center;gap:.3rem;padding-top:.35rem}.spot-ink-picker__swatch{width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid #d4d4d8;box-shadow:inset 0 0 0 1px rgb(255 255 255/35%)}.spot-ink-picker__swatch--pantone{box-shadow:0 0 0 2px #0e7490}.spot-ink-picker__arrow{color:#a1a1aa;font-size:.85rem}.spot-ink-picker__label{display:block;font-size:.75rem;font-weight:650;color:#3f3f46;margin-bottom:.25rem}.spot-ink-picker__input{width:100%;border:1px solid #d4d4d8;border-radius:8px;padding:.45rem .6rem;font-size:.875rem;background:#fff;color:#0f172a;caret-color:#0e7490;color-scheme:light}.spot-ink-picker__input::-moz-placeholder{color:#a1a1aa}.spot-ink-picker__input::placeholder{color:#a1a1aa}.spot-ink-picker__input:focus{outline:2px solid color-mix(in srgb,#0e7490 45%,transparent);border-color:#0e7490}.spot-ink-picker__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.spot-ink-picker__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:8px;padding:.45rem .75rem;font-size:.8rem;font-weight:650;cursor:pointer}.spot-ink-picker__btn:disabled{opacity:.55;cursor:not-allowed}.spot-ink-picker__btn--primary{background:#0e7490;border-color:#0e7490;color:#fff}.spot-ink-picker__btn--ghost{background:transparent}.spot-ink-picker__disclaimer{margin-top:.65rem}.pantone-combobox{position:relative;width:100%}.pantone-combobox__control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem}.pantone-combobox__option-swatch,.pantone-combobox__swatch{width:1.35rem;height:1.35rem;border-radius:999px;border:1px solid #d4d4d8;flex-shrink:0}.pantone-combobox__input{min-width:0}.pantone-combobox__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d4d4d8;background:#fafafa;border-radius:8px;width:2rem;height:2.15rem;cursor:pointer;color:#3f3f46;font-size:.85rem}.pantone-combobox__list{position:absolute;z-index:40;left:0;right:0;top:calc(100% + .25rem);max-height:220px;overflow:auto;margin:0;padding:.25rem;list-style:none;border:1px solid #d4d4d8;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgb(15 23 42/16%)}.pantone-combobox__list--portal{position:fixed;z-index:400;right:auto}.pantone-combobox__option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;align-items:center;width:100%;border:none;background:transparent;text-align:left;padding:.45rem .5rem;border-radius:8px;cursor:pointer;font-size:.82rem}.pantone-combobox__option.is-active,.pantone-combobox__option:hover{background:color-mix(in srgb,#0e7490 12%,#fff)}.pantone-combobox__option-code{font-weight:700;color:#0f172a}.pantone-combobox__option-hex{color:#71717a;font-variant-numeric:tabular-nums}.pantone-combobox__empty{padding:.65rem .75rem;font-size:.8rem;color:#71717a}@media (max-width:640px){.spot-ink-picker__row{grid-template-columns:1fr}}.dark .spot-ink-picker{border-color:color-mix(in srgb,#2dd4bf 28%,var(--border-subtle,#2a2a2a));background:linear-gradient(180deg,color-mix(in srgb,#2dd4bf 10%,var(--bg-elevated,#1a1a1a)),var(--bg-card,#141414))}.dark .spot-ink-picker__title{color:var(--text-primary,#f5f5f5)}.dark .spot-ink-picker__delta,.dark .spot-ink-picker__disclaimer,.dark .spot-ink-picker__empty,.dark .spot-ink-picker__help{color:var(--text-secondary,#a3a3a4)}.dark .spot-ink-picker__badge{color:#5eead4}.dark .spot-ink-picker__row{border-color:var(--border-subtle,#2a2a2a);background:var(--bg-elevated,#1a1a1a)}.dark .spot-ink-picker__swatch{border-color:#52525b;box-shadow:inset 0 0 0 1px rgb(0 0 0/35%)}.dark .spot-ink-picker__swatch--pantone{box-shadow:0 0 0 2px #2dd4bf}.dark .spot-ink-picker__arrow{color:var(--text-muted,#737373)}.dark .spot-ink-picker__label{color:var(--text-small-primary,#d4d4d4)}.dark .spot-ink-picker__input{background:var(--bg-base,#0f0f0f);border-color:#52525b;color:var(--text-primary,#f5f5f5);caret-color:#5eead4;color-scheme:dark}.dark .spot-ink-picker__input::-moz-placeholder{color:#a3a3a4;opacity:1}.dark .spot-ink-picker__input::placeholder{color:#a3a3a4;opacity:1}.dark .spot-ink-picker__input:focus{outline:2px solid color-mix(in srgb,#2dd4bf 55%,transparent);border-color:#2dd4bf;background:#0a0a0a}.dark .spot-ink-picker__btn{border-color:#52525b;background:var(--bg-elevated,#1a1a1a);color:var(--text-primary,#f5f5f5)}.dark .spot-ink-picker__btn:hover:not(:disabled){border-color:#2dd4bf;background:color-mix(in srgb,#2dd4bf 12%,var(--bg-elevated,#1a1a1a))}.dark .spot-ink-picker__btn--primary{background:#0e7490;border-color:#14b8a6;color:#fff}.dark .spot-ink-picker__btn--ghost{background:transparent}.dark .pantone-combobox__option-swatch,.dark .pantone-combobox__swatch{border-color:#52525b}.dark .pantone-combobox__toggle{border-color:#52525b;background:var(--bg-hover,#2a2a2a);color:var(--text-primary,#f5f5f5)}.dark .pantone-combobox__toggle:hover{border-color:#2dd4bf;color:#5eead4}.dark .pantone-combobox__list{border-color:#52525b;background:var(--bg-elevated,#1a1a1a);box-shadow:0 16px 36px rgb(0 0 0/55%)}.dark .pantone-combobox__list,.dark .pantone-combobox__option{color:var(--text-primary,#f5f5f5)}.dark .pantone-combobox__option.is-active,.dark .pantone-combobox__option:hover{background:color-mix(in srgb,#2dd4bf 18%,var(--bg-elevated,#1a1a1a))}.dark .pantone-combobox__option-code{color:var(--text-primary,#f5f5f5)}.dark .pantone-combobox__empty,.dark .pantone-combobox__option-hex{color:var(--text-secondary,#a3a3a4)}