.creation-overlay{position:fixed;inset:0;z-index:1000000;background:rgba(21,42,57,.55);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;color:#264454}
.future-story-overlay .creation-panel{width:min(900px,100%)}.future-story-image{display:block;max-width:100%;max-height:50vh;object-fit:contain;margin:14px auto;border-radius:14px}.future-story-editor{padding:18px;margin:16px 0;background:white;border:1px solid #c9dae2;border-radius:16px}.future-story-editor label{display:block}.future-story-editor button{margin:5px}.future-story-overlay audio{display:block;max-width:100%;margin:12px 0}.future-story-overlay p{white-space:pre-wrap;overflow-wrap:anywhere}
.future-story-page.active{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:24px;color:#264454}.future-story-page .creation-panel{width:100%;max-width:1200px;max-height:none;overflow:visible;box-shadow:none;background:#f7fafb}.future-story-page header{flex-wrap:wrap;justify-content:flex-start;margin-bottom:24px}.future-story-page h2{margin:0}.future-story-page .future-story-back{background:#e3f5f0;font-weight:700;border:0;box-shadow:0 3px 10px #245e751a}.future-story-page audio{display:block;width:100%;max-width:600px;margin:12px 0}.future-story-page p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){.future-story-page.active{padding:12px}.future-story-page .creation-panel{padding:16px}.future-story-page h2{font-size:22px}}
.creation-summary{margin:12px 0;color:#587180;font-size:13px}.creation-summary p{margin:8px 0;overflow-wrap:anywhere}.creation-summary progress{width:100%;height:12px;accent-color:#2b9f72}.creation-summary small{display:block;margin-top:5px}
#teacherPanel .student-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#teacherPanel .student-card-btn{min-height:44px;white-space:normal;word-break:normal;padding:10px 8px}#teacherPanel .student-card-btn-review{background:#fff3cf;color:#805719}#teacherPanel .teacher-header-actions{flex-wrap:wrap}#teacherPanel .creation-entry{margin:0}#teacherPanel:fullscreen{overflow:auto;background:#f5f8fa}@media(max-width:650px){#teacherPanel .teacher-panel-header{flex-wrap:wrap;gap:12px}}
.creation-panel{background:#f7fafb;border-radius:22px;width:min(1200px,100%);max-height:92vh;overflow:auto;padding:24px;box-sizing:border-box;box-shadow:0 16px 60px #18384950}
.creation-panel header{display:flex;justify-content:space-between;align-items:center;gap:16px}.creation-panel h2{margin:0 0 16px}.creation-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.creation-panel button,.creation-panel select,.creation-entry{font:inherit;min-height:44px;border-radius:12px;border:1px solid #c9dae2;background:white;color:#245e75;padding:10px 15px;cursor:pointer;touch-action:manipulation}.creation-entry{margin:16px;background:#e3f5f0;font-weight:700}.creation-panel button:disabled{opacity:.6;cursor:default}
.creation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}.creation-group,.creation-review{background:white;border:1px solid #dce8ed;border-radius:16px;padding:18px;margin-bottom:12px;overflow-wrap:anywhere}.creation-group h3{margin-top:0}.creation-group progress{width:100%;height:16px;accent-color:#2b9f72}.creation-panel fieldset{display:grid;gap:14px;border:1px solid #c9dae2;border-radius:12px;padding:18px}.creation-panel label{display:flex;align-items:center;gap:12px;min-height:40px}.creation-panel input[type=checkbox]{width:22px;height:22px}.creation-panel textarea{width:100%;min-height:100px;box-sizing:border-box;margin:14px 0;padding:12px;font:inherit}.creation-panel small{color:#607987}.creation-overlay:fullscreen{background:#edf4f7}.creation-overlay:fullscreen .creation-panel{max-height:96vh}