.classroom-page{max-width:1280px;margin:auto;padding:36px 24px 80px;color:#172c43;font-family:Quiz Nanum Gothic,Quiz Noto Sans JP,Arial,sans-serif}.classroom-page header{display:flex;justify-content:space-between;gap:24px;align-items:start}.classroom-page h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:.3em 0}.classroom-brand{font-size:.8rem;font-weight:700;letter-spacing:.18em;color:#367564}.classroom-page nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.classroom-page button,.classroom-page select{font:inherit;padding:10px 14px;border:1px solid #bcccd2;border-radius:9px;background:#fff;color:#172c43}.classroom-page button{cursor:pointer;min-height:44px}.classroom-page button:disabled{opacity:.45;cursor:default}.classroom-page button:focus-visible,.classroom-page select:focus-visible{outline:3px solid #407daf}.classroom-page fieldset{border:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0}.classroom-page legend{font-weight:700;margin-bottom:18px}.classroom-panel{border:1px solid #d4dfe4;padding:24px;border-radius:16px;margin:24px 0;background:#f9fbfc}.classroom-notice{padding:16px;border-inline-start:4px solid #447d6e;background:#f0f6f3}.classroom-check{display:flex;gap:10px;align-items:center;margin-block:15px}.classroom-check input{width:20px;height:20px;accent-color:#2c7661}.classroom-stage{background:#e5edf2;border-radius:12px;overflow:hidden}.classroom-screen{aspect-ratio:16/9;max-height:calc(100dvh - 94px);margin:auto}.classroom-screen canvas{display:block;width:100%;height:100%;object-fit:contain}.classroom-controls{display:flex;justify-content:center;align-items:center;gap:10px;padding:14px;flex-wrap:wrap;background:#e5edf2;color:#172c43}.classroom-stage.is-presenting{position:fixed;inset:0;z-index:9999;border-radius:0;display:flex;flex-direction:column;justify-content:center}.classroom-stage.is-presenting .classroom-screen{width:min(100vw,calc((100dvh - 94px)*16/9));height:auto}.classroom-stage.is-dark{background:#111827}.classroom-stage.is-dark .classroom-controls{background:#1e293b;color:#e5e7eb}.classroom-stage.is-dark button{background:#22344c;color:white;border-color:#50627a}.classroom-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.classroom-page pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.65}.classroom-page textarea{width:100%;min-height:160px;box-sizing:border-box;font:inherit;line-height:1.7;padding:14px;border:1px solid #b2c4cd;border-radius:8px}.classroom-import-list{max-height:65vh;overflow:auto;margin:20px 0}.classroom-import-list article{padding:16px;border-top:1px solid #d3dfe5}.classroom-page footer{padding-top:24px;text-align:center}.classroom-page a{color:#27634f}.classroom-page label select{margin-inline:12px;max-width:90%}@media(max-width:700px){.classroom-page{padding:20px 12px}.classroom-page header{display:block}.classroom-panel{padding:14px}.classroom-controls{gap:5px;padding:8px}.classroom-controls button{font-size:.8rem;padding:8px}.classroom-screen{max-height:calc(100dvh - 150px)}.classroom-stage.is-presenting .classroom-screen{width:min(100vw,calc((100dvh - 150px)*16/9))}}