html,body{overflow:hidden}.chapter-bar{z-index:100;background:#fff7edee;border-bottom:2px solid #fed7aa;align-items:center;gap:14px;min-height:58px;padding:10px 18px;font-weight:900;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 14px #9a341220}.chapter-bar label{color:#7c2d12;margin-left:auto}.chapter-bar select{color:#7c2d12;min-width:190px;font:inherit;background:#fff;border:2px solid #fdba74;border-radius:10px;padding:8px 12px}.back-link{color:#c2410c;text-decoration:none}.back-link:hover,.back-link:focus-visible{text-decoration:underline}.edit-link,.progress-button{color:#c2410c;font:inherit;text-decoration:none}.progress-button{cursor:pointer;background:0 0;border:0}.edit-link:hover,.edit-link:focus-visible,.progress-button:hover{text-decoration:underline}.lesson-card{top:68px;bottom:10px}@media (width<=640px){.chapter-bar{flex-wrap:wrap;gap:8px}.chapter-bar label{margin-left:auto}.chapter-bar select{min-width:150px}.lesson-card{top:92px}}.split-container{background:#f8f5f0;width:100%;height:calc(100vh - 70px);display:flex;overflow:hidden}.form-panel{box-sizing:border-box;background:#f8f5f0;border-right:2px solid #d4c5a9;flex:0 0 48%;padding:20px 24px;overflow-y:auto}.preview-panel{box-sizing:border-box;background:#fff;flex:1;padding:16px;overflow-y:auto}.form-panel h2{color:#4a1d7c;border-bottom:3px solid #c4b5fd;margin:0 0 16px;padding-bottom:8px;font-family:"Baloo 2",cursive,sans-serif;font-size:1.5rem}#editorForm{flex-direction:column;gap:4px;display:flex}.form-section{color:#2e1065;border-bottom:2px solid #d4c5a9;margin:24px 0 12px;padding-bottom:4px;font-size:1.15rem;font-weight:800}.form-section:first-of-type{margin-top:0}.form-subsection{background:#fffcf7;border:1px solid #e0d5c0;border-radius:10px;margin:8px 0;padding:14px 16px;position:relative;box-shadow:0 2px 4px #0000000a}.form-object{background:#fcf9f5;border:1px solid #d4c5a9;border-radius:8px;margin:6px 0;padding:10px 12px}.form-object-label{color:#4a3a2a;margin-bottom:6px;font-size:.95rem;font-weight:700;display:block}.form-array{border-left:3px solid #b89a7a;margin:8px 0 12px;padding-left:12px}.form-array-label{color:#4a3a2a;margin-bottom:6px;font-size:.95rem;font-weight:700;display:block}.form-array-empty{color:#999;padding:6px 0;font-style:italic}.form-array-item{background:#fefcf9;border-left:3px solid #b89a7a;border-radius:4px;margin:8px 0 12px;padding-left:12px;position:relative}.form-field{margin:6px 0}.form-field label{color:#4a3a2a;margin-bottom:2px;font-size:.85rem;font-weight:600;display:block}.form-field input,.form-field textarea,.form-field select{width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 10px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed26}.form-field textarea{resize:vertical;min-height:50px;line-height:1.5}.form-field input[type=checkbox]{width:auto;margin-right:6px}.add-array-item,.remove-array-item{color:#3d2b1a;cursor:pointer;background:#f0e8dd;border:1px solid #b89a7a;border-radius:6px;margin:6px 4px 6px 0;padding:4px 14px;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-block}.add-array-item:hover{background:#e0d5c0;border-color:#9a7a5a}.remove-array-item{color:#a93226;background:#f8d8d8;border-color:#c0392b}.remove-array-item:hover{background:#f0c0c0;border-color:#a93226}.form-actions{border-top:2px solid #d4c5a9;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:16px;display:flex}#saveFormBtn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;padding:10px 28px;font-size:1rem;font-weight:800;transition:background .15s,transform .1s;box-shadow:0 4px #4a1d7c}#saveFormBtn:hover{background:#5b21b6;transform:translateY(-2px);box-shadow:0 6px #4a1d7c}#saveFormBtn:active{transform:translateY(2px);box-shadow:0 2px #4a1d7c}.error-message{color:#c0392b;background:#f8d8d8;border-left:6px solid #c0392b;border-radius:10px;margin:20px;padding:20px 24px;font-weight:700}.edit-notice{z-index:110;color:#fff7ed;background:#7c2d12;border-radius:10px;max-width:330px;padding:12px 16px;font-weight:800;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 20px #43140745}@media (width<=900px){.split-container{flex-direction:column;height:auto;min-height:calc(100vh - 70px)}.form-panel{border-bottom:2px solid #d4c5a9;border-right:none;flex:auto;max-height:60vh;overflow-y:auto}.preview-panel{flex:auto;min-height:300px}}@media (width<=600px){.form-panel{max-height:50vh;padding:12px 14px}.form-subsection{padding:10px 12px}.form-field label{font-size:.8rem}.form-field input,.form-field textarea,.form-field select{padding:5px 8px;font-size:.9rem}.add-array-item,.remove-array-item{padding:3px 10px;font-size:.75rem}#saveFormBtn{padding:8px 18px;font-size:.9rem}.edit-notice{max-width:90%;padding:10px 14px;font-size:.9rem;bottom:10px;right:5%}}.form-textarea-code{white-space:pre;resize:vertical;width:100%;min-height:240px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.8rem}