.ap-trigger{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--muted-foreground);font:inherit;font-size:13px;font-weight:500;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),scale var(--duration-fast) var(--ease-out)}.ap-trigger:hover{background:var(--muted);color:var(--foreground)}.ap-trigger:active{scale:var(--motion-press-scale)}.ap-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ap-dot,.ap-trigger svg{flex:none}.ap-dot{display:block;width:14px;height:14px;border-radius:999px;background:var(--accent);box-shadow:inset 0 0 0 1px var(--border)}.ap-sheet{display:flex;flex-direction:column;gap:0;width:min(100%,360px);padding:20px;overflow-y:auto}.ap-title{padding-right:40px;font-size:17px;line-height:24px;font-weight:600}.ap-desc{margin:4px 0 0;font-size:13px;line-height:18px;color:var(--muted-foreground)}.ap-sec{display:grid;gap:12px;margin-top:24px;padding-top:20px;box-shadow:inset 0 1px 0 var(--border)}.ap-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ap-sec-head h3{margin:0;font-size:13px;line-height:18px;font-weight:500}.ap-sec-head span{font-size:12px;line-height:16px;color:var(--muted-foreground)}.ap-swatches{display:grid;grid-template-columns:repeat(5,40px);justify-content:space-between;gap:12px 8px}.ap-custom,.ap-swatches>button{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer}.ap-orb{--swatch:var(--accent);display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--swatch);color:#ffffff;box-shadow:inset 0 0 0 1px rgb(255 255 255/12%);transition:scale var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.ap-orb svg{width:16px;height:16px}.ap-orb[data-ink]{color:#161616}.ap-orb[data-neutral] svg{filter:drop-shadow(0 0 1.5px rgb(0 0 0/70%))}.ap-orb[data-neutral]{background:linear-gradient(135deg,#18181b 50%,#ececec 0);color:#ffffff}.ap-orb[data-custom]{background:conic-gradient(#7b4dfa,#2e6bf5,#13a06b,#eaa31a,#f07a1d,#ee5b4d,#e5468d,#7b4dfa)}.ap-orb[data-custom][style]{background:var(--swatch)}.ap-custom:hover .ap-orb,.ap-swatches>button:hover .ap-orb{scale:1.08}.ap-swatches>button:active .ap-orb{scale:.94}.ap-custom[data-active] .ap-orb,.ap-swatches>button[aria-pressed=true] .ap-orb{box-shadow:0 0 0 2px var(--elevated),0 0 0 4px var(--foreground)}.ap-custom:focus-within,.ap-swatches>button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ap-custom 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;padding:0 12px;height:40px;border-radius:12px;background:var(--field);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:0;font-size:12px;line-height:16px;color:var(--muted-foreground)}.ap-theme{width:100%}.ap-theme>*{flex:1}@media (max-width:760px){.ap-trigger-label{display:none}}[data-slot=block-nav-row] .ap-trigger-label{display:none}@media (prefers-reduced-motion:reduce){.ap-orb,.ap-trigger{transition:none}}