.studio-user-palettes{margin-block-end:16px;padding-block-end:14px;border-bottom:1px solid var(--studio-color-border)}
.studio-user-palettes>p{margin:0 0 9px;color:var(--studio-color-text-secondary);font-size:12px;font-weight:700}
.studio-user-palette-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:290px;scroll-padding-block:3px;overflow-y:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin;scrollbar-color:var(--studio-color-border-strong) transparent}
.studio-tools-popover .studio-user-palette{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:center;min-height:74px;padding:9px 8px;border:1px solid var(--studio-color-border);border-radius:11px;background:var(--studio-color-control);color:var(--studio-color-text);font:inherit;text-align:start;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
.studio-tools-popover .studio-user-palette--default{grid-column:1/-1;min-height:52px;background:var(--studio-color-surface)}
.studio-tools-popover .studio-user-palette:hover{background:var(--studio-color-card-hover);border-color:var(--studio-color-border-strong)}
.studio-tools-popover .studio-user-palette.is-active{border-color:var(--studio-color-link);box-shadow:inset 0 0 0 1px var(--studio-color-link)}
.studio-user-palette>span:nth-child(2){display:grid;gap:3px;min-width:0}
.studio-tools-popover .studio-user-palette b{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.studio-tools-popover .studio-user-palette small{color:var(--studio-color-text-muted);font-size:11px;line-height:1.6;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-user-palette>i{font-style:normal;color:var(--studio-color-link);font-size:14px;visibility:hidden}
.studio-user-palette.is-active>i{visibility:visible}
.studio-user-palette-preview,.studio-user-palette-default{box-sizing:border-box;width:30px;height:30px;border-radius:8px;border:1px solid var(--studio-color-border-strong)}
.studio-user-palette-preview{position:relative;background:var(--palette-preview-canvas);overflow:hidden}
.studio-user-palette-preview:before{content:"";position:absolute;inset:6px 5px;background:var(--palette-preview-surface);border-radius:3px}
.studio-user-palette-preview:after{content:"";position:absolute;inset:17px 8px 6px;background:var(--palette-preview-accent);border-radius:2px}
.studio-user-palette-default{display:grid;place-items:center;background:var(--studio-color-surface);color:var(--studio-color-link);font-size:20px}
.studio-user-palette-hint{display:block;margin-block-start:9px;color:var(--studio-color-text-muted);font-size:11px;line-height:1.7}
.studio-tools-accents{align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.studio-tools-accents .studio-accent-reset{width:auto;height:auto;min-height:28px;padding:3px 7px;border:1px solid var(--studio-color-border);border-radius:7px;box-shadow:none;background:var(--studio-color-control);color:var(--studio-color-text-secondary);font:inherit;font-size:11px;transform:none}
.studio-tools-accents .studio-accent-reset.is-active{border-color:var(--studio-color-link);color:var(--studio-color-link)}
.studio-user-palette:focus-visible,.studio-tools-accents button:focus-visible{outline:2px solid var(--studio-color-link);outline-offset:3px}
@media(max-width:480px){.studio-user-palette-list{max-height:min(290px,42dvh)}}
@media(max-width:360px){.studio-tools-popover .studio-user-palette{grid-template-columns:24px minmax(0,1fr) 10px;gap:5px;padding:8px 6px}.studio-tools-popover .studio-user-palette b{font-size:12px}.studio-user-palette-preview,.studio-user-palette-default{width:24px;height:28px}.studio-user-palette-preview:before{inset:5px 3px}.studio-user-palette-preview:after{inset:16px 5px 6px}}
@media(prefers-reduced-motion:reduce){.studio-tools-popover .studio-user-palette{transition:none}}

.studio-tools-popover .studio-user-palette:not(.studio-user-palette--default){position:relative;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:5px}
.studio-tools-popover .studio-user-palette:not(.studio-user-palette--default) small{display:none}
.studio-tools-popover .studio-user-palette:not(.studio-user-palette--default)>i{position:absolute;top:5px;inset-inline-end:5px}
.studio-tools-popover .studio-user-palette:not(.studio-user-palette--default) b{font-size:12px!important;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.studio-tools-popover .studio-user-palette--default{grid-template-columns:30px minmax(0,1fr) 12px}

body.studio-theme .studio-tools-accents .gold{background:#e8b83f!important}
body.studio-theme .studio-tools-accents .emerald{background:#28b980!important}
/* Poster overlays remain dark while their accents follow the selected appearance. */
:root[data-palette-tone="jade"] .studio-most-watched{--rank-electric:var(--studio-color-accent);--rank-cyan:var(--studio-color-accent-secondary)}
:root[data-palette-tone="jade"] .studio-rank-card__shade{background:linear-gradient(180deg,transparent 25%,#09171366 53%,#091713 100%)}
:root[data-palette-tone="jade"] .studio-rank-card__number{color:#091713b8;-webkit-text-stroke-color:var(--studio-color-accent);text-shadow:0 0 25px #56c6a240}
:root[data-palette-tone="jade"] .studio-rank-card__number>i{-webkit-text-stroke-color:var(--studio-color-accent);text-shadow:0 0 28px #56c6a240}
:root[data-palette-tone="jade"] .studio-rank-card__number>b{color:#091713dd;-webkit-text-stroke-color:#32634f}
:root[data-palette-tone="jade"] .studio-rank-card.is-rank-focus .studio-rank-card__number>i{color:#56c6a21c;-webkit-text-stroke-color:#92bfa9;text-shadow:0 0 30px #56c6a270}
:root[data-palette-tone="jade"] .studio-most-watched__journey{color:var(--studio-color-text-muted)}
:root[data-palette-tone="jade"] .studio-most-watched__journey>i{background:var(--studio-color-border)}
:root[data-palette-tone="jade"] .studio-most-watched__journey>i:before{box-shadow:0 0 12px #56c6a270}
:root[data-palette-tone="jade"] .studio-most-watched__journey>i:after{background:var(--studio-color-accent);border-color:var(--studio-color-canvas);box-shadow:0 0 0 4px #56c6a225,0 0 15px #56c6a270}
:root[data-palette-tone="jade"] .studio-most-watched__journey>b{background:var(--studio-color-control);border-color:var(--studio-color-border);color:var(--studio-color-text-secondary)}