.vRGBja_tile{border-radius:var(--r-lg);min-width:0;color:var(--ink);grid-template-rows:auto 1fr;gap:18px;padding:16px 18px;display:grid}.vRGBja_top{align-items:center;gap:12px;min-width:0;display:flex}.vRGBja_ring{border:1px solid #eef2f56b;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.vRGBja_ring svg{width:19px;height:19px}.vRGBja_label{color:var(--ink);opacity:.92;font-size:14px;line-height:1.15}.vRGBja_bottom{justify-content:space-between;align-items:flex-end;gap:10px;min-width:0;display:flex}.vRGBja_value{letter-spacing:-.03em;white-space:nowrap;font-size:clamp(22px,1.9vw,30px);font-weight:500;line-height:1}.vRGBja_bars{align-items:flex-end;gap:3px;height:26px;display:flex}.vRGBja_bars i{background:#eef2f540;border-radius:2px;width:3px;transition:background-color .2s}.vRGBja_bars i[data-on]{background:var(--ink)}.vRGBja_tile[data-live] .vRGBja_bars i[data-on]:last-of-type{background:var(--hot)}.vRGBja_dots{grid-template-columns:repeat(6,5px);gap:4px;display:grid}.vRGBja_dots i{background:#eef2f540;border-radius:50%;width:5px;height:5px;transition:background-color .2s}.vRGBja_dots i[data-on]{background:var(--ink)}.vRGBja_meter{background:#eef2f538;border-radius:3px;flex:1;max-width:72px;height:3px;margin-bottom:6px;position:relative;overflow:hidden}.vRGBja_meter span{background:var(--ink);transform-origin:0;transition:transform .2s linear;position:absolute;inset:0}.vRGBja_tile[data-live] .vRGBja_meter span{background:var(--hot)}
.rR_2oq_trigger{anchor-name:var(--anchor);border:1px solid var(--line);border-radius:var(--r-md);background:var(--s2);width:100%;min-height:46px;color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:0 12px 0 10px;transition:border-color .15s ease-out;display:flex}.rR_2oq_trigger:hover{border-color:#eef2f53d}.rR_2oq_trigger:disabled{cursor:default}.rR_2oq_trigger small{font-size:var(--f-small);color:var(--ink-3);margin-left:auto}.rR_2oq_trigger svg{width:18px;height:18px;color:var(--ink-3);flex:none;transition:rotate .2s ease-out}.rR_2oq_picker:has(:popover-open) .rR_2oq_trigger svg{rotate:180deg}.rR_2oq_dot{border-radius:50%;flex:none;width:26px;height:26px;box-shadow:inset 0 0 0 1.5px #eef2f538}.rR_2oq_panel{border-radius:var(--r-lg);background:var(--s2);width:min(400px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--ring), 0 24px 60px -12px #000000b3;color:var(--ink);transition:opacity .15s ease-out, translate .15s ease-out, overlay .15s allow-discrete, display .15s allow-discrete;border:0;padding:14px 12px 16px;overflow-y:auto}.rR_2oq_panel:not(:popover-open){opacity:0;translate:0 -4px}@starting-style{.rR_2oq_panel:popover-open{opacity:0;translate:0 -4px}}@supports (position-area:block-end){.rR_2oq_panel{position-anchor:var(--anchor);position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;max-height:none;margin:8px 0;inset:auto}}@media (max-width:520px),(max-height:760px){.rR_2oq_panel{position-area:none;margin:auto;inset:0}.rR_2oq_panel::backdrop{background:#05080a8c}}@media (prefers-reduced-motion:reduce){.rR_2oq_panel{transition:none}}.rR_2oq_name{font-size:var(--f-small);color:var(--ink-2);margin:0 4px 12px}.rR_2oq_lines{flex-wrap:wrap;gap:14px 24px;display:flex}.rR_2oq_line{gap:8px;max-width:100%;padding:0 4px;display:grid}.rR_2oq_line span{color:var(--ink-3);font-size:13px}.rR_2oq_line div{flex-wrap:wrap;gap:8px;display:flex}.rR_2oq_line button{cursor:pointer;border:2px solid #eef2f538;border-radius:50%;width:32px;height:32px;transition:transform .15s ease-out;position:relative}.rR_2oq_line button:after{content:"";border-radius:50%;position:absolute;inset:-4px}.rR_2oq_line button:hover{transform:scale(1.08)}.rR_2oq_line button:active{transform:var(--press)}.rR_2oq_line button[aria-checked=true]{outline:2px solid var(--paper);outline-offset:3px}