.tlb-tone__layout{gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;display:flex}.tlb-tone__workspace{border:1px solid var(--color-border);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--color-bg-subtle) 0% 25%, var(--color-surface) 0% 50%) 50% / 20px 20px;flex:20rem;min-width:0;max-width:100%;display:flex;overflow:hidden}.tlb-tone__canvas{max-width:100%;height:auto;margin:auto;display:block}.tlb-tone__panel{gap:var(--space-4);flex-direction:column;flex:16rem;min-width:0;display:flex}.tlb-tone__group{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.tlb-tone__group>legend{padding-inline:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.tlb-tone__radio-row{gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.tlb-tone__radio{align-items:center;gap:var(--space-2);min-height:var(--min-touch-target);font-size:var(--text-sm);color:var(--color-text);display:inline-flex}.tlb-tone__radio input{width:18px;height:18px;accent-color:var(--color-primary)}.tlb-tone__panel input[type=range]{width:100%;accent-color:var(--color-primary)}@media (max-width:639px){.tlb-tone__layout{flex-direction:column}.tlb-tone__workspace,.tlb-tone__panel{flex:100%;width:100%}}