.al-player{position:relative}.al-overlay{pointer-events:none;border-radius:14px;width:100%;position:absolute;top:0;left:0;overflow:hidden}.al-player .quiz{color:#1f1e1c;z-index:5;background:#fff;border-radius:14px;padding:14px;position:absolute;bottom:31%;left:6%;right:6%;box-shadow:0 10px 30px #0003}.al-player .quiz-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.al-player .quiz-options button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ddd6c9;border-radius:10px;padding:12px;font:600 18px Inter,sans-serif}.al-player .quiz-options button.right{color:#fff;background:#2e8b57;border-color:#2e8b57}.al-player .quiz-options button.wrong{color:#fff;background:#c0392b;border-color:#c0392b}:root{--bg:#f4f3f0;--card:#fff;--ink:#1f1e1c;--muted:#6e6a62;--accent:#2f6f6f;--line:#e0ddd6}@media (prefers-color-scheme:dark){:root{--bg:#161615;--card:#21201e;--ink:#eceae5;--muted:#a8a399;--line:#393631;--accent:#6fb3b3}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,Noto Sans Sinhala,system-ui,sans-serif}[lang=si]{font-family:Noto Sans Sinhala,Inter,sans-serif}button,select{font:inherit;color:inherit}.studio{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.side{background:var(--card);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:16px 10px;display:flex}.brand{padding:6px 10px 14px;font-weight:700}.side button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px}.side button.on{background:var(--accent);color:#fff}.content{min-width:0;padding:24px}.content h1{margin:0 0 16px;font-size:20px}.muted{color:var(--muted)}.error{color:#c0392b}.preview{grid-template-columns:minmax(260px,380px) 1fr;align-items:start;gap:24px;display:grid}.details{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:0;padding:16px}.details h2{margin:0 0 4px;font-size:17px}.teacher select{border:1px solid var(--line);background:var(--card);border-radius:6px;padding:4px 8px}.scenes{padding-left:18px;font-size:14px}.scenes>li{margin:10px 0}.scenes ul{color:var(--muted);margin:4px 0;padding-left:16px}.scenes code{background:var(--bg);color:var(--ink);border-radius:4px;padding:1px 4px;font-size:12px}@media (width<=760px){.studio{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap}.brand{width:100%;padding-bottom:4px}.preview{grid-template-columns:1fr}}