.D7WH3q_form{--control-height:44px;--control-font-size:13px;--control-radius:10px}.D7WH3q_form.classroom-custom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 16px}.D7WH3q_form .field{gap:8px}.D7WH3q_form .field>span{font-size:11px}.D7WH3q_form input{font-variant-numeric:tabular-nums}.D7WH3q_form input:hover{border-color:var(--faint)}.D7WH3q_form :is(input,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.D7WH3q_form .D7WH3q_range{text-align:start;margin-top:-10px;font-size:11px;line-height:1.5}.D7WH3q_footer{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.D7WH3q_footer .D7WH3q_sound{gap:8px}.D7WH3q_preview{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);height:44px;color:var(--muted);flex:0 0 44px;place-items:center;padding:0;display:grid}.D7WH3q_preview:hover{border-color:var(--faint);background:var(--inset);color:var(--text)}.D7WH3q_set{min-width:152px}@media (max-width:480px){.D7WH3q_form{--control-font-size:16px}.D7WH3q_form.classroom-custom{gap:16px}.D7WH3q_footer{gap:12px;padding-top:16px}.D7WH3q_set{width:100%}}