.ap-trigger{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 10px;border:0;border-radius:999px;background:var(--muted);color:var(--foreground);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),scale var(--duration-fast) var(--ease-out)}.ap-trigger:hover{background:var(--raised-hover)}.ap-trigger:active{scale:var(--motion-press-scale)}.ap-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ap-dot,.ap-orb{--swatch:var(--accent);flex:none;display:block;border-radius:999px;background:var(--swatch)}.ap-dot{width:16px;height:16px}.ap-orb{width:36px;height:36px;transition:scale var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.ap-orb[data-custom]{background:conic-gradient(#006fee,#06b7db,#17c964,#f5a524,#f31260,#ff4ecd,#7828c8,#006fee)}.ap-orb[data-custom][style]{background:var(--swatch)}.ap-pop{width:288px;padding:16px}.ap-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:14px}.ap-head b{font-weight:600}.ap-head span{font-size:12px;color:var(--muted-foreground)}.ap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ap-grid>button,.ap-grid>label{position:relative;display:grid;justify-items:center;gap:6px;padding:8px 4px 6px;border:0;border-radius:12px;background:transparent;color:var(--muted-foreground);font:inherit;font-size:12px;line-height:16px;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.ap-grid>button:hover,.ap-grid>label:hover{background:var(--muted);color:var(--foreground)}.ap-grid>button:hover .ap-orb,.ap-grid>label:hover .ap-orb{scale:1.08}.ap-grid>button:active .ap-orb{scale:.94}.ap-grid>button[aria-pressed=true],.ap-grid>label[data-active]{color:var(--foreground)}.ap-grid>button[aria-pressed=true] .ap-orb,.ap-grid>label[data-active] .ap-orb{box-shadow:0 0 0 2px var(--elevated),0 0 0 4px var(--foreground)}.ap-grid>button:focus-visible,.ap-grid>label:focus-within{outline:2px solid var(--ring);outline-offset:2px}.ap-grid input[type=color]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.ap-hex{display:flex;align-items:center;gap:8px;margin-top:12px;padding:0 12px;height:40px;border-radius:12px;background:var(--muted);box-shadow:inset 0 0 0 1px var(--border-strong);font-size:13px;color:var(--muted-foreground)}.ap-hex:focus-within{box-shadow:var(--shadow-field-focus)}.ap-hex input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--foreground);font:inherit;font-family:var(--font-mono,monospace);text-transform:lowercase}.ap-hex input[aria-invalid=true]{color:var(--danger-text,var(--danger))}.ap-note{margin:10px 2px 0;font-size:12px;line-height:16px;color:var(--muted-foreground)}