.colorPicker{color:#f5f5f7;min-width:0;max-width:100%;font:inherit;overflow-wrap:anywhere;background:#11131b;border:1px solid #ffffff24;border-radius:10px;align-self:start}.colorPicker>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;font-size:.78rem;font-weight:700;list-style:none;display:flex}.colorPicker>summary::-webkit-details-marker{display:none}.colorPicker>summary:after{content:"▾";margin-left:auto}.colorPicker[open]>summary:after{content:"▴"}.colorPicker>summary code{color:#c8cbd5;font-size:.68rem}.colorPicker .cpCurrent,.colorPicker button.cpSwatch{background:var(--cp-color);border:1px solid #ffffff70;border-radius:6px;box-shadow:inset 0 0 0 1px #0003}.colorPicker .cpCurrent{flex-shrink:0;width:22px;height:22px}.colorPicker .cpPanel{border-top:1px solid #ffffff1c;gap:12px;padding:12px;display:grid}.colorPicker .cpPanel label{color:#e0e1e9;gap:5px;min-width:0;font-size:.74rem;display:grid}.colorPicker .cpPanel input,.colorPicker .cpPanel select{box-sizing:border-box;color:#fff;width:100%;min-width:0;max-width:100%;min-height:36px;font:inherit;background:#090b12;border:1px solid #ffffff38;border-radius:6px;padding:7px;font-size:.78rem}.colorPicker .cpPanel input[type=color]{height:42px;padding:3px}.colorPicker .cpSwatches{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:7px;display:grid}.colorPicker button.cpSwatch{cursor:pointer;width:100%;min-width:0;height:30px;min-height:30px;margin:0;padding:0}.colorPicker button.cpSwatch[aria-pressed=true]{outline-offset:2px;outline:2px solid #fff}.colorPicker .cpCodeRow{grid-template-columns:75px minmax(0,1fr);gap:8px;display:grid}.colorPicker .cpActions{flex-wrap:wrap;gap:7px;display:flex}.colorPicker .cpActions button,.colorPicker .cpFavorites>button{color:#fff;width:auto;min-height:34px;font:inherit;cursor:pointer;background:#252a39;border:1px solid #ffffff38;border-radius:7px;margin:0;padding:6px 9px;font-size:.74rem}.colorPicker .cpFavorites{gap:8px;display:grid}.colorPicker small{color:#c3c6d3;font-size:.68rem;line-height:1.4}.colorPicker [role=alert]{color:#ffb6ae}.colorPicker :focus-visible{outline-offset:3px;outline:2px solid #ff9b57}.colorPicker button:disabled{opacity:.5;cursor:default}.miniChatFormatBar .colorPicker{flex:130px}.miniChatFormatBar .colorPicker[open]{flex-basis:100%}.miniChatFormatBar .colorPicker .cpPanel select{max-width:100%;height:auto}.chatOptionList .colorPicker[open],.backstageColorGrid>.colorPicker[open],.studioColors>.colorPicker[open],.liveShowControls>.colorPicker[open],.playlistEditorGrid>.colorPicker[open]{grid-column:1/-1}