[data-c-theme-provider]{display:contents}.c-theme-roller{display:flex;flex-direction:column;gap:var(--c-space-3);color:var(--c-color-text)}.c-theme-roller__bar{padding:var(--c-space-2) var(--c-space-3);border:1px solid var(--c-color-border);border-radius:var(--c-radius-lg);background:var(--c-color-surface-raised)}.c-theme-roller__spacer{flex:1 1 auto}.c-theme-roller__body{display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:var(--c-space-4);align-items:start}.c-theme-roller__controls{max-block-size:70vh;overflow-y:auto;padding-inline-end:var(--c-space-2);display:flex;flex-direction:column;gap:var(--c-space-4)}.c-theme-roller__group{display:flex;flex-direction:column;gap:var(--c-space-2)}.c-theme-roller__group-title{text-transform:uppercase;letter-spacing:.06em;opacity:.7}.c-theme-roller__row{display:flex;flex-direction:column;gap:var(--c-space-1);padding-block:var(--c-space-1);border-block-end:1px solid color-mix(in oklab,var(--c-color-border) 60%,transparent)}.c-theme-roller__label{display:flex;align-items:center;justify-content:space-between;gap:var(--c-space-2)}.c-theme-roller__color{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"swatch lch" "swatch hex";gap:var(--c-space-2);align-items:center}.c-theme-roller__color>:first-child{grid-area:swatch}.c-theme-roller__lch{grid-area:lch;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--c-space-2)}.c-theme-roller__lch label{display:flex;align-items:center;gap:4px;font-size:var(--c-text-xs);color:var(--c-color-text-muted)}.c-theme-roller__lch label :deep(*),.c-theme-roller__lch label>*{flex:1}.c-theme-roller__hex{grid-area:hex;max-inline-size:120px}.c-theme-roller__len{display:grid;grid-template-columns:1fr 72px;gap:var(--c-space-2);align-items:center}.c-theme-roller__side{display:flex;flex-direction:column;gap:var(--c-space-4);position:sticky;top:var(--c-space-3)}.c-theme-roller__preview{border:1px solid var(--c-color-border);border-radius:var(--c-radius-lg);padding:var(--c-space-3);background:var(--c-color-surface)}.c-theme-roller__palette{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.c-theme-roller__export{display:flex;flex-direction:column;gap:var(--c-space-2)}.c-theme-roller__id{max-inline-size:140px}@media(max-width:860px){.c-theme-roller__body{grid-template-columns:1fr}.c-theme-roller__side{position:static}}