.layout-controls{display:flex;align-items:center;gap:16px;margin:0 0 8px;color:#718095;font-size:13px}.layout-controls button,.stage-header button{border:1px solid #b8d4ed;background:#eaf4ff;color:#215d9b;border-radius:7px;padding:8px 12px;font-weight:700;cursor:pointer}.layout-controls kbd{font:700 12px/1.3 monospace;background:#fff;border:1px solid #cbd7e4;border-radius:4px;padding:2px 5px;color:#3c5977}.study-stage{background:#172236;border-radius:10px;overflow:hidden;color:#fff;box-shadow:0 10px 28px #18294228}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 13px;font-size:13px;font-weight:700;color:#c2d7ed}.stage-header button{font-size:12px;padding:5px 9px}.study-stage .player-frame{border-radius:0;box-shadow:none}.stage-subtitles{padding:10px 17px 12px;background:#1c2b43;min-height:75px}.stage-subtitles p{margin:0;line-height:1.4}.stage-subtitles #stage-sentence{font-size:17px;font-weight:750}.stage-subtitles #stage-meaning{color:#c7d7e8;font-size:14px;margin-top:3px}.study-stage .typing-card,.study-stage .explain{margin:0;border-radius:0;box-shadow:none;border:0;border-top:1px solid #dce8f4}.focus-layout .shell{max-width:none;padding-left:20px;padding-right:20px}.focus-layout .workspace{grid-template-columns:minmax(0,4fr) minmax(230px,1fr)}.focus-layout .analysis{display:none}.focus-layout .sentence-list{height:min(76vh,860px)}.study-stage:fullscreen{border-radius:0;width:100vw;height:100vh;padding:10px;display:flex;flex-direction:column;background:#101c2b;overflow:auto}.study-stage:fullscreen .stage-header{flex:none}.study-stage:fullscreen .player-frame{flex:1;min-height:180px;aspect-ratio:auto}.study-stage:fullscreen .stage-subtitles{flex:none}.study-stage:fullscreen .typing-card,.study-stage:fullscreen .explain{flex:none;max-height:29vh;overflow:auto}.study-stage:fullscreen #stage-sentence{font-size:20px}
.focus-layout .workspace{grid-template-columns:minmax(0,1fr) clamp(260px,18%,340px)}.focus-layout .transcript{overflow-wrap:anywhere}
.stage-buttons{display:flex;align-items:center;gap:6px}.stage-header button:disabled{opacity:.55;cursor:default}
.settings{margin:0 0 12px;border:1px solid #dce7f2;border-radius:9px;background:#fff}.settings summary{cursor:pointer;padding:10px 14px;color:#215d9b;font-weight:700}.settings-content{padding:0 14px 12px}.settings .learning-summary{margin-left:8px}.settings .layout-controls{flex-wrap:wrap;gap:8px}.shortcut-hint{font-size:12px;color:#718095}.narration-availability{margin:0 0 10px;color:#52657c;font-size:13px}.status[hidden],.narration-availability[hidden]{display:none}