.studio-intro{display:flex;gap:22px;align-items:center}.studio-intro img{width:110px;height:138px;object-fit:contain}.studio-intro h2{margin:6px 0}.studio-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.studio-levels button{text-align:left;padding:14px;min-height:86px}.studio-levels small{display:block;font-weight:400;font-size:12px;margin-top:5px}.studio-levels [aria-pressed=true]{outline:3px solid #f5b73d;outline-offset:1px}.studio-guide{border-left:4px solid #eead2b;padding:12px 18px;background:#fff3d5;border-radius:12px}.studio-reference{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.studio-reference button{font:34px/1.6 Arabic,serif;padding:4px 18px}.listen-panel{text-align:center;background:#eaf5f2;border-radius:18px;padding:16px;margin:14px 0}.listen-panel button{min-height:54px;font-size:18px}.listen-panel p{margin:6px 0;font-size:13px}.sound-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.sound-choices button{font:42px/1.65 Arabic,serif;min-height:76px;padding:6px}.sound-built{font:48px/1.8 Arabic,serif;direction:rtl;unicode-bidi:isolate;border:2px dashed #7daca6;border-radius:16px;min-height:88px;text-align:center;margin:12px 0}.sound-tiles{display:flex;flex-wrap:wrap;direction:rtl;gap:10px;justify-content:center}.sound-tiles button{font:38px/1.7 Arabic,serif;min-width:60px;padding:5px 14px}.sound-answer{font:38px/1.65 Arabic,serif;unicode-bidi:isolate}.sound-muted{background:#fff0d3;padding:12px;border-radius:12px}.sound-status{min-height:24px}.sound-stats{font-size:14px}html[data-theme=dark] .listen-panel{background:#193d45}html[data-theme=dark] .studio-guide,html[data-theme=dark] .sound-muted{background:#3d331d;color:#fff0cf}@media(max-width:600px){.studio-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-choices button{font-size:36px}.studio-intro img{width:76px;height:100px}.sound-built{font-size:40px}}

.surface:has(.listen-panel) .feedback{min-height:56px;padding:12px 16px}
.sound-teacher .teacher-figure{object-fit:contain;object-position:center;max-height:115px}.sound-teacher h2{font-size:25px;margin:0}.sound-teacher .teacher-bubble{padding:12px 18px}.studio-intro img{object-fit:contain;width:100px;height:130px}