/* One layer control skin for the studio and the Live Sky host. */
.sky-layer-cloud{display:flex;flex-wrap:wrap;gap:8px}
.sky-layer-chip{--sky-layer-tone:var(--cyan);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;height:auto;padding:8px 13px;border:1px solid color-mix(in srgb,var(--sky-layer-tone) 18%,transparent);border-radius:var(--r-md);background:transparent;color:var(--stone);font-family:inherit;font-size:.85rem;font-weight:500;line-height:1.35;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.sky-layer-chip[aria-pressed="true"]{color:var(--ink);border-color:color-mix(in srgb,var(--sky-layer-tone) 48%,transparent);background:color-mix(in srgb,var(--sky-layer-tone) 9%,transparent)}
.sky-layer-chip:hover{border-color:var(--sky-layer-tone);color:var(--ink)}
.sky-layer-chip:focus-visible{outline:2px solid var(--sky-layer-tone);outline-offset:3px}
.sky-layer-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--sky-layer-tone);opacity:.4}
.sky-layer-chip[aria-pressed="true"] .sky-layer-dot{opacity:1}
.sky-layer-chip[data-tone="cyan"]{--sky-layer-tone:var(--cyan)}
.sky-layer-chip[data-tone="violet"]{--sky-layer-tone:var(--violet,var(--sext))}
.sky-layer-chip[data-tone="emerald"]{--sky-layer-tone:var(--emerald,var(--tri))}
.sky-layer-chip[data-tone="wine"]{--sky-layer-tone:var(--wine,var(--rakta))}
.sky-layer-chip[data-tone="teal"]{--sky-layer-tone:var(--teal,var(--cyan))}
.sky-layer-chip[data-tone="ochre"]{--sky-layer-tone:var(--ochre,var(--gold-dim))}
.sky-layer-chip[data-tone="mut"]{--sky-layer-tone:var(--mut,var(--bone))}
@media(prefers-reduced-motion:reduce){.sky-layer-chip{transition:none}}