:root{--blue:#1257b0;--ink:#17304d;--muted:#687f97;--line:#dce6f0;--paper:#f4f7fb}*{box-sizing:border-box}body{margin:0;font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:white;color:var(--ink);font-weight:650}button:disabled{opacity:.5;cursor:wait}a{color:var(--blue)}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #8cbeff;outline-offset:3px}input,textarea,select{border:1px solid #ccd9e7;border-radius:9px;padding:12px;width:100%;background:white;color:var(--ink)}textarea{resize:vertical;min-height:140px}input:focus,textarea:focus,select:focus{outline:2px solid #8cbeff;outline-offset:1px}label{display:grid;gap:7px;font-size:.88rem;font-weight:650}form{display:grid;gap:18px}.primary{background:var(--blue);color:white;border-color:var(--blue)}.secondary{background:#edf4ff;color:var(--blue);border-color:#c9dcf6}.text-button{background:none;border:0;color:var(--muted)}.muted{color:var(--muted);font-size:.84rem}.studio-header{background:white;border-bottom:1px solid var(--line);padding:18px clamp(20px,4vw,64px);display:flex;gap:24px;align-items:center;flex-wrap:wrap}.studio-logo img{width:160px;display:block}.studio-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.studio-header-actions a{font-size:.85rem;text-decoration:none}.studio-header-actions button.active{color:var(--blue);background:#eaf2ff}.studio-main{max-width:1400px;margin:auto;padding:24px 32px 70px}#studio-message{margin:0 0 20px;color:#126654;min-height:1.6em}#studio-message.error,.dialog-message,#upload-message.error{color:#ad3b30}.studio-hero{display:flex;align-items:center;gap:35px;justify-content:space-between;padding:20px 0 35px}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--blue)}h1{font:500 clamp(2.2rem,4vw,3.5rem)/1.12 Georgia,serif;letter-spacing:-.035em;margin:12px 0}h2{font-size:1.35rem;line-height:1.4;margin:0}h3{line-height:1.4}.studio-hero p:not(.eyebrow){color:var(--muted);max-width:700px}.workspace-tabs,.builder-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px;overflow:auto}.workspace-tabs button,.builder-tabs button{white-space:nowrap;background:none;border-color:transparent}.workspace-tabs .active,.builder-tabs .active{background:#e5efff;color:var(--blue)}.storage-note{border:1px solid var(--line);border-radius:12px;background:white;padding:16px;color:var(--muted);font-size:.85rem}.studio-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.studio-course-card{border:1px solid var(--line);background:white;border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.studio-course-card h2{font-size:1.2rem;overflow-wrap:anywhere}.course-badge{background:#e9f3ff;color:var(--blue);border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:750}.course-badge.draft{background:#fff4d6;color:#865f00}.studio-course-card p{color:var(--muted);font-size:.86rem;margin:0}.studio-course-card .primary{margin-top:auto}.builder-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.builder-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#draft-status{color:var(--muted);font-size:.78rem}.publish-note{font-size:.85rem;color:var(--muted);max-width:1050px;margin-bottom:28px}.builder-panel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.lesson-sidebar,.lesson-editor,.quiz-panel,.settings-panel{border:1px solid var(--line);border-radius:17px;background:white;padding:24px}.lesson-sidebar{align-self:start;padding:18px}.sidebar-title,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.sidebar-title strong{font-size:.85rem}.lesson-nav-item{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:11px;padding:10px 7px;margin:10px 0;background:white}.lesson-nav-item.active{border-color:var(--blue);background:#f0f6ff}.lesson-nav-item .select-lesson{border:0;padding:3px;background:none;text-align:left;flex:1;min-width:0;overflow-wrap:anywhere;font-size:.85rem}.drag-handle{cursor:grab;touch-action:none;background:none;border:0;color:#7990a8;padding:0 3px}.move-control{padding:3px 5px;border:0;font-size:.8rem;background:none}.sortable-ghost{opacity:.35}.editor-empty{text-align:center;padding:50px 10px;color:var(--muted)}.lesson-form{display:grid;gap:18px}.lesson-form h2{margin-bottom:4px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lesson-translations{border-top:1px solid var(--line);padding-top:14px}.lesson-translations summary{cursor:pointer;color:var(--blue);margin-bottom:14px}.lesson-translations>div{display:grid;gap:16px}.lesson-materials{border-top:1px solid var(--line);padding-top:22px}.lesson-asset{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;margin:10px 0}.lesson-asset>div{flex:1;min-width:0;overflow-wrap:anywhere}.lesson-asset small{display:block;color:var(--muted)}.danger{color:#af3a2e;border-color:#f0d4cf;background:#fff8f6}.quiz-panel,.settings-panel{display:block}.settings-panel form{max-width:720px}.score-field{max-width:180px;flex-shrink:0}.question-card{position:relative;border:1px solid var(--line);border-radius:14px;margin:22px 0;padding:24px;background:#fbfdff}.question-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.question-toolbar>div{display:flex;gap:8px}.question-fields{display:grid;gap:16px}.answer-row{display:flex;gap:9px;align-items:center}.answer-row input[type=radio]{width:20px;height:20px;flex:none}.answer-row input[type=text]{flex:1;min-width:0}.answer-row button{padding:6px 10px}.answer-hint{margin:5px 0 12px;color:var(--muted);font-size:.8rem}.question-translation-fields{display:grid;gap:12px}.inline-check{display:flex;align-items:center;gap:12px}.inline-check input{width:18px}.teacher-row{display:flex;gap:20px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:13px;background:white;margin:15px 0}.teacher-row small{display:block;color:var(--muted)}.studio-dialog{width:min(560px,calc(100% - 30px));border:0;border-radius:18px;padding:28px;max-height:calc(100% - 30px)}dialog::backdrop{background:#102a48b0}.studio-upload-dialog{width:min(850px,calc(100% - 30px));border:0;border-radius:18px;padding:24px;max-height:calc(100% - 30px);overflow:auto}.studio-upload-dialog p{color:var(--muted);font-size:.85rem}.studio-upload-dialog>.primary{margin-top:18px}.uppy-Dashboard-inner{border-radius:12px!important}.asset-card{margin:16px 0;border:1px solid var(--line);border-radius:12px;padding:16px}.asset-file-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.asset-file-row>div{flex:1;min-width:130px;overflow-wrap:anywhere}.asset-file-row small{display:block;color:var(--muted)}.asset-kind{border-radius:8px;padding:8px;background:#eaf2ff;color:var(--blue);font-size:.72rem;font-weight:800}.asset-tip{display:block;margin-top:13px;color:var(--muted)}.asset-audio{width:100%;margin:12px 0}.asset-preview-dialog{width:min(1100px,95vw);height:90vh;border:0;border-radius:15px;padding:15px}.asset-preview-dialog>button{display:block;margin:0 0 10px auto}.asset-preview-dialog iframe{width:100%;height:calc(100% - 52px);border:0}.lesson-player{width:100%;aspect-ratio:16/9;background:#102a48;border-radius:10px}.studio-main details summary:focus-visible{outline:3px solid #8cbeff}.legacy-file{font-size:.85rem;color:var(--muted)}
@media(max-width:1050px){.studio-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-panel{grid-template-columns:230px minmax(0,1fr)}.form-columns{grid-template-columns:1fr}.builder-actions #draft-status{flex-basis:100%;text-align:right}}
@media(max-width:760px){.studio-header{padding:15px 18px;gap:12px}.studio-logo img{width:120px}#studio-person{font-size:.8rem;flex:1}.studio-header-actions{margin-left:0;width:100%;gap:8px;justify-content:flex-end}.studio-main{padding:20px 16px 50px}.studio-hero{flex-direction:column;align-items:flex-start;gap:16px}.studio-course-grid{grid-template-columns:1fr}.builder-top{align-items:flex-start;flex-direction:column}.builder-actions{width:100%}.builder-actions #draft-status{text-align:left}.builder-panel{grid-template-columns:1fr}.lesson-sidebar{padding:16px}.lesson-editor,.quiz-panel,.settings-panel{padding:19px}.section-title{align-items:flex-start;flex-wrap:wrap}.question-card{padding:18px}.question-toolbar{align-items:flex-start}.question-toolbar>div{gap:4px}.question-toolbar button{padding:6px 8px}.studio-dialog{padding:23px}.studio-upload-dialog{padding:18px}.score-field{max-width:100%;width:100%}.lesson-nav-item{margin:6px 0}.asset-file-row button{flex:1}.builder-actions .primary,.builder-actions .secondary{flex:1}.teacher-row{overflow-wrap:anywhere}}
.method-admin-list{display:grid;gap:15px;margin:20px 0}.method-admin-row{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.method-admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.method-admin-files{display:grid;gap:15px;margin:15px 0}#method-form{margin-top:24px;max-width:850px}#method-progress{width:100%}#method-status{color:#126654}#method-status.error{color:#ad3b30}#method-form details>label{margin:14px 0}
.method-admin-files .lesson-asset>span{flex:1;min-width:0;overflow-wrap:anywhere}.method-admin-row strong{overflow-wrap:anywhere}#method-form select{min-width:0}#method-archive{margin-top:28px}#method-archive summary{cursor:pointer;color:var(--blue)}