.pp-root{background:var(--desk-surface);flex-direction:column;transition:box-shadow .16s;display:flex}.pp-root.is-dropping{box-shadow:inset 0 0 0 2px var(--accent-gold), inset 0 0 24px color-mix(in srgb, var(--accent-gold) 25%, transparent)}.pp-section{padding:10px 12px}.pp-section+.pp-section,.pp-hero+.pp-section,.pp-mixer+.pp-section{border-top:1px dashed color-mix(in srgb, var(--desk-border-highlight) 55%, transparent)}.pp-eyebrow{letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:10px;font-weight:700}.pp-hero{align-items:center;gap:12px;padding:12px;display:flex}.pp-pots{flex-shrink:0;width:64px;height:56px;position:relative}.pp-pot{border:2px solid var(--moon-ink,var(--ink));background:var(--pot);cursor:pointer;box-shadow:inset 0 -4px 0 #00000038, inset 3px 3px 0 #ffffff47, 0 3px 0 var(--moon-ink,var(--ink));transition:transform .18s cubic-bezier(.3,1.25,.6,1),box-shadow .16s;position:absolute}.pp-pot-main{z-index:2;border-radius:12px;width:44px;height:44px;top:0;left:0}.pp-pot-second{z-index:1;border-radius:9px;width:30px;height:30px;bottom:0;right:0}.pp-pot:hover{transform:translateY(-2px)rotate(-3deg)}.pp-pot.is-editing{box-shadow:0 0 0 3px var(--accent-gold), 0 3px 0 var(--moon-ink,var(--ink)), 0 0 18px var(--moon-glow,transparent)}.pp-swap{z-index:3;border:2px solid var(--moon-ink,var(--ink));background:var(--desk-surface-raised);width:18px;height:18px;color:var(--text-heading);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:10px;line-height:1;transition:transform .26s cubic-bezier(.3,1.25,.6,1);display:flex;position:absolute;bottom:-2px;left:2px}.pp-swap:hover{color:var(--accent-gold);transform:rotate(180deg)}.pp-hex{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;color:var(--text-heading);margin:1px 0 0;font-size:16px;font-weight:700}.pp-mix-btn{border:2px solid var(--desk-border);background:var(--surface-0);height:30px;color:var(--text-body);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;transition:border-color .12s,color .12s,background-color .12s;display:inline-flex}.pp-mix-btn:hover{border-color:var(--accent-gold);color:var(--text-heading)}.pp-mix-btn.is-on{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--moon-ink,var(--ink))}.pp-mixer{background:color-mix(in srgb, var(--surface-0) 70%, transparent);border:2px solid var(--desk-border);border-radius:12px;margin:0 10px 10px;padding:10px;animation:.26s cubic-bezier(.3,1.25,.6,1) pp-pop}.pp-segment{background:var(--surface-0);border:1px solid var(--desk-border);border-radius:999px;gap:2px;margin-bottom:8px;padding:2px;display:flex}.pp-segment button{height:24px;color:var(--text-muted);cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.pp-segment button.is-on{background:var(--desk-surface-raised);color:var(--text-heading);box-shadow:0 1px 0 var(--desk-border)}.pp-dot{border:1px solid color-mix(in srgb, var(--text-heading) 40%, transparent);border-radius:999px;width:10px;height:10px}.pp-palette-bar{align-items:center;gap:4px;margin-bottom:8px;display:flex}.pp-flip,.pp-browse{width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background-color .12s,color .12s;display:flex}.pp-flip:hover:not(:disabled),.pp-browse:hover{background:var(--btn-hover,var(--surface-2));color:var(--accent-gold)}.pp-flip:disabled{opacity:.35;cursor:default}.pp-palette-name{flex:1;min-width:0;position:relative}body.studio-ui.moon-ui .pp-palette-name select,body.moon-ui .pp-palette-name select,.pp-palette-name select{white-space:nowrap;text-overflow:ellipsis;width:100%;height:28px;padding-left:10px;font-size:12px;font-weight:700;overflow:hidden;border-radius:999px!important;padding-right:44px!important}.pp-count{pointer-events:none;font-family:var(--font-mono,ui-monospace, monospace);color:var(--text-muted);font-size:10px;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.pp-swatches{background:color-mix(in srgb, var(--surface-0) 75%, transparent);border:2px solid var(--desk-border);border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:6px;max-height:232px;padding:8px;display:grid;overflow-y:auto}.pp-swatch-wrap{position:relative}.pp-swatch{aspect-ratio:1;background:var(--sw);border:2px solid color-mix(in srgb, var(--moon-ink,#000) 70%, transparent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:100%;transition:transform .2s cubic-bezier(.3,1.25,.6,1),box-shadow .14s;display:flex;position:relative;box-shadow:inset 0 -3px #0003,inset 2px 2px #ffffff38}.pp-swatch:hover{transform:translateY(-2px)scale(1.06)}.pp-swatch.is-main{box-shadow:0 0 0 2px var(--desk-surface), 0 0 0 4px var(--accent-gold), 0 4px 10px color-mix(in srgb, var(--sw) 55%, transparent);z-index:1;transform:translateY(-2px)scale(1.08)}.pp-swatch.is-second{box-shadow:0 0 0 2px var(--desk-surface), 0 0 0 4px var(--accent-wisteria)}.pp-badge{font-family:var(--font-mono,ui-monospace, monospace);color:#fff;text-shadow:0 1px #0009;font-size:10px;font-weight:800}.pp-swatch.is-light .pp-badge{color:#16141a;text-shadow:none}.pp-remove{z-index:2;border:2px solid var(--moon-ink,var(--ink));background:var(--state-danger,#e05a6a);color:#fff;cursor:pointer;opacity:0;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:800;line-height:1;transition:opacity .12s,transform .2s cubic-bezier(.3,1.25,.6,1);display:flex;position:absolute;top:-7px;right:-7px;transform:scale(.4)}.pp-swatch-wrap:hover .pp-remove,.pp-remove:focus-visible{opacity:1;transform:scale(1)}.pp-tip{color:var(--text-muted);margin:6px 2px 0;font-size:10px;line-height:14px}.pp-tip b{color:var(--text-body);font-weight:700}.pp-row-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pp-link{color:var(--accent-gold);cursor:pointer;font-size:10px;font-weight:700}.pp-link:hover:not(:disabled){text-decoration:underline}.pp-link:disabled{color:var(--text-muted);cursor:default}.pp-ramp{border:2px solid var(--moon-ink,var(--ink));height:30px;box-shadow:0 2px 0 var(--moon-ink,var(--ink));border-radius:999px;display:flex;overflow:hidden}.pp-ramp-step{background:var(--sw);cursor:pointer;flex:1;transition:flex-grow .26s cubic-bezier(.3,1.25,.6,1)}.pp-ramp-step:hover{flex-grow:1.8}.pp-ramp-step.is-main{box-shadow:inset 0 0 0 2px var(--desk-surface), inset 0 0 0 4px var(--accent-gold);flex-grow:1.5}.pp-recent{flex-wrap:wrap;gap:6px;display:flex}.pp-recent-dot{background:var(--sw);border:2px solid color-mix(in srgb, var(--moon-ink,#000) 70%, transparent);cursor:pointer;border-radius:999px;width:22px;height:22px;transition:transform .2s cubic-bezier(.3,1.25,.6,1)}.pp-recent-dot:hover{transform:scale(1.18)}.pp-recent-dot.is-main{box-shadow:0 0 0 2px var(--desk-surface), 0 0 0 4px var(--accent-gold)}.pp-disclosure{border:2px solid var(--desk-border);background:color-mix(in srgb, var(--surface-0) 55%, transparent);cursor:pointer;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;transition:border-color .12s,background-color .12s;display:flex}.pp-disclosure:hover{border-color:var(--accent-gold)}.pp-disclosure-icon{background:var(--surface-3);width:28px;height:28px;color:var(--accent-gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pp-chevron{color:var(--text-muted);font-size:16px;transition:transform .22s cubic-bezier(.3,1.25,.6,1)}.pp-chevron.is-open{color:var(--accent-gold);transform:rotate(90deg)}.pp-disclosure-body{margin:6px -12px -10px;animation:.24s cubic-bezier(.3,1.25,.6,1) pp-pop}@keyframes pp-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pp-root *,.pp-root{transition:none!important;animation:none!important}}
.lq-bar{touch-action:pan-y;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--desk-border);gap:2px;padding:6px;display:flex;position:relative}.lq-bar:before{content:"";background:color-mix(in srgb, var(--surface-0) 70%, transparent);box-shadow:inset 0 1px 2px #0000004d, inset 0 0 0 1px color-mix(in srgb, var(--desk-border) 60%, transparent);pointer-events:none;border-radius:999px;position:absolute;inset:4px}.lq-lens{z-index:0;pointer-events:none;transform-origin:50%;background:var(--primary-bg,var(--accent-gold));border:2px solid var(--moon-ink,var(--ink));box-shadow:inset 0 -2px 0 var(--primary-shade,transparent), 0 2px 0 var(--moon-ink,var(--ink));border-radius:999px;transition:background-color .26s,border-color .26s,box-shadow .26s,-webkit-backdrop-filter .26s,backdrop-filter .26s;position:absolute;top:6px;bottom:6px;left:0;overflow:hidden}.lq-lens-sheen{border-radius:inherit;opacity:0;background:radial-gradient(60% 70% at 30% 18%, #ffffff8c, transparent 60%), radial-gradient(50% 60% at 78% 92%, color-mix(in srgb, var(--accent-wisteria) 45%, transparent), transparent 70%);transition:opacity .26s;position:absolute;inset:0}.lq-bar.is-glass .lq-lens{background:color-mix(in srgb, var(--desk-surface-raised) 18%, transparent);-webkit-backdrop-filter:blur(1.5px)saturate(1.9)brightness(1.12)contrast(1.05);box-shadow:inset 0 1px 1px #ffffffb3, inset 0 -2px 4px #0003, inset 0 0 12px color-mix(in srgb, var(--accent-wisteria) 30%, transparent), 0 8px 22px #0006, 0 0 18px var(--moon-glow,transparent);border-color:#ffffff8c}.lq-bar.is-glass .lq-lens-sheen{opacity:1}:is(body,body.moon-ui .moon-slot-inspector) .lq-bar .lq-tab[data-testid^=tab-][aria-pressed]{z-index:1;white-space:nowrap;cursor:pointer;flex:auto;justify-content:center;align-items:center;gap:4px;min-width:0;padding:0 4px;font-size:11px;transition:color .2s;display:flex;position:relative;overflow:hidden;height:32px!important;box-shadow:none!important;color:var(--text-muted)!important;background:0 0!important;border:0!important;border-radius:999px!important}:is(body,body.moon-ui .moon-slot-inspector) .lq-bar .lq-tab[data-testid^=tab-][aria-pressed]:hover{color:var(--text-heading)!important}:is(body,body.moon-ui .moon-slot-inspector) .lq-bar .lq-tab.is-active[data-testid^=tab-][aria-pressed]{font-weight:700;color:var(--primary-fg,#16141a)!important}:is(body,body.moon-ui .moon-slot-inspector) .lq-bar.is-glass .lq-tab.is-active[data-testid^=tab-][aria-pressed]{color:var(--text-heading)!important}.lq-tab>*{transition:transform .28s cubic-bezier(.22,1,.36,1)}:is(body,body.moon-ui .moon-slot-inspector) .lq-bar.is-glass .lq-tab.is-under[data-testid^=tab-][aria-pressed]{font-weight:700;color:var(--accent-gold)!important}.lq-bar.is-glass .lq-tab.is-under>*{transform:scale(1.1)}.lq-tab:focus-visible{outline:2px solid var(--accent-gold);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.lq-lens,.lq-lens-sheen,.lq-tab,.lq-tab>*{transition:none!important}}