@font-face{font-family:Kanit;src:url(/media/Kanit-Regular.ttf)}@font-face{font-family:Kanit;src:url(/media/Kanit-Bold.ttf);font-weight:700}@font-face{font-family:IBM;src:url(/media/IBMPlexSansThai-Regular.ttf)}:root{--ink:#202a38;--muted:#6d7684;--blue:#0071e3;--light:#f5f7fa;--line:#e3e8ee;--green:#167655}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#f8f9fb;margin:0;font:16px/1.7 IBM,sans-serif}h1,h2,h3,h4{letter-spacing:-.015em;margin:0 0 .65em;font-family:Kanit,sans-serif;font-weight:700;line-height:1.35}h1{font-size:clamp(32px,3.2vw,52px)}h2{font-size:26px}h3{font-size:20px}p{margin:0 0 1em}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #eac47a}button{border:0}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd7e0;border-radius:10px;padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:2px solid #8bbded}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}input[type=file]{display:none}textarea{resize:vertical}label{flex-direction:column;gap:7px;font-size:15px;font-weight:500;display:flex}small{color:var(--muted);font-size:13px}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);vertical-align:top;padding:18px 16px}th{color:var(--muted);background:#f8fafc;font-weight:400}td small{display:block}hr{border:0;border-top:1px solid var(--line);margin:24px 0}details summary{cursor:pointer;color:var(--blue);font-size:15px}details p{margin-top:15px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{white-space:pre-line;width:100%;padding:0}em{color:var(--blue);font-style:normal}.button{background:var(--blue);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 23px;font-size:15px;line-height:1.6;text-decoration:none;transition:all .2s;display:inline-flex}.button:hover{background:#005ebf;text-decoration:none}.button.secondary{color:#355473;background:#edf2f8}.button.small{padding:8px 16px}.button.full{width:100%}.text-button{color:var(--blue);text-align:left;background:0 0;padding:10px 0;font-size:14px}.muted{color:var(--muted)}.eyebrow{color:#728398;margin-bottom:12px;font-size:14px}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:12px;font-family:Kanit;font-size:20px;display:flex}.brand:hover{text-decoration:none}.brand-icon{width:36px;height:36px;color:var(--blue);background:#e5f0ff;border-radius:11px;place-items:center;display:grid}.public-nav{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:22px max(6vw,24px);display:flex}.public-nav>div{align-items:center;gap:28px;display:flex}.landing{max-width:1320px;margin:auto;padding:0 6vw}.intro{text-align:center;padding:75px 0 65px}.intro h1{letter-spacing:-.035em;font-size:clamp(44px,5.3vw,76px);line-height:1.25}.intro h1 span{color:var(--blue);display:block}.intro-copy{color:#707b89;margin:25px 0 30px;font-size:19px}.section-title{justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px;display:flex}.section-title h2{margin:0}.section-title p{color:var(--muted);margin:0;font-size:14px}.course-grid{grid-template-columns:1fr 1fr;gap:26px;display:grid}.course-card{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden}.course-card>img{object-fit:cover;width:100%;height:230px;display:block}.course-card-body{padding:27px 30px 30px}.course-track{color:var(--blue);margin-bottom:12px;font-size:13px;display:block}.course-card h2{font-size:29px}.course-card p{color:var(--muted);line-height:1.8}.course-link{font-size:15px;font-weight:600}.benefits{grid-template-columns:repeat(3,1fr);gap:40px;margin:70px 0;display:grid}.benefits svg{color:var(--blue);width:30px;height:30px;margin-bottom:18px}.benefits p{color:var(--muted);font-size:15px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:30px 6vw;font-size:14px;display:flex}.auth-page{background:#f5f7fa;min-height:100dvh;padding:35px 6vw 70px}.back{color:#66788e;margin-bottom:28px;font-size:14px;display:inline-block}.auth-wrap{grid-template-columns:1fr 1fr;align-items:center;gap:65px;max-width:1050px;margin:20px auto;display:grid}.auth-story h2{font-size:46px;line-height:1.3}.auth-story p{color:var(--muted);margin:24px 0;font-size:18px}.auth-story img{object-fit:cover;border-radius:20px;width:100%;height:210px}.auth-form{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:18px;padding:40px;display:flex}.auth-form h1{margin:0;font-size:32px}.auth-form>p{margin:0;font-size:15px}.auth-form .auth-foot{text-align:center}.auth-single{max-width:620px;margin:15px auto}.two{grid-template-columns:1fr 1fr;gap:17px;display:grid}.notice{background:#edf4ff;border:1px solid #d3e4fc;border-radius:13px;padding:18px 22px;font-size:15px;line-height:1.8;display:block}.notice p:last-child{margin:0}.notice.success{color:#196444;background:#eaf7f0;border-color:#c9e9d8}.notice.error{color:#ad4937;background:#fff0ed;border-color:#f2cac1}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:8px;height:100dvh;padding:28px 19px;display:flex;position:sticky;top:0}.sidebar>.brand{margin-bottom:30px;padding-left:4px;font-size:19px}.sidebar>a:not(.brand){color:#5d6e83;border-radius:9px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.sidebar>a:not(.brand):hover{color:var(--blue);background:#eff5fd;text-decoration:none}.nav-label{color:#9aa5b3;margin:17px 14px 3px;font-size:11px}.sidebar-bottom{border-top:1px solid var(--line);flex-direction:column;margin-top:auto;padding:20px 14px 0;display:flex}.sidebar-bottom span{color:var(--muted);font-size:13px}.topbar{border-bottom:1px solid var(--line);color:#7f8b9a;background:#ffffffc9;justify-content:space-between;align-items:center;height:70px;padding:0 4vw;font-size:13px;display:flex}.topbar a{color:#7f8b9a}.workspace-body{max-width:1450px;margin:auto;padding:40px 4vw 70px}.page-heading{margin-bottom:35px}.page-heading p{color:var(--muted)}.page-heading .eyebrow{color:#7b8ca0}.teacher-link{margin-bottom:28px}.block-title{margin:35px 0 20px}.section{margin-top:48px}.empty{text-align:center;color:var(--muted);background:#fff;border:1px dashed #ccd7e3;border-radius:14px;padding:40px 25px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:auto}.status{white-space:nowrap;color:#5c6f84;background:#edf1f6;border-radius:100px;padding:4px 10px;font-size:12px;display:inline-block}.status.submitted{color:#8f641c;background:#fff3dc}.status.graded{color:#237246;background:#e8f6ed}.status.returned{color:#a9532f;background:#fff0e8}.status.missing{color:#b35848;background:#fff0ee}.course-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;margin:10px 0 50px;display:grid}.course-hero img{object-fit:cover;border-radius:22px;width:100%;height:260px}.course-hero p:not(.eyebrow){color:var(--muted);font-size:17px}.lesson-layout{grid-template-columns:minmax(0,1fr) 280px;gap:35px;display:grid}.task-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.task-row{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:22px;padding:24px;display:flex}.task-row:hover{border-color:#9ac4f3;text-decoration:none}.task-row h3{margin-bottom:5px}.task-row p{color:var(--muted);margin-bottom:8px;font-size:14px}.task-number{color:#78a5d7;font:28px Kanit}.task-row>div{flex:1}.open-task{color:var(--blue);white-space:nowrap;font-size:13px}.overview{background:#edf3fa;border-radius:18px;height:fit-content;padding:25px}.overview ol{color:#566b82;padding-left:20px;font-size:14px;line-height:2.1}.overview p{font-size:13px}.work-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:30px;display:grid}.mode-switch{background:#e9edf3;border-radius:12px;gap:5px;margin-bottom:30px;padding:5px;display:flex}.mode-switch button{color:#637388;background:0 0;border-radius:9px;flex:1;padding:11px 13px;font-size:14px}.mode-switch .active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #22334d0a}.question-card{border:1px solid var(--line);background:#fff;border-radius:16px;margin:0 0 24px;padding:25px}.question-card legend{float:left;margin-bottom:18px;font-family:Kanit;font-size:19px;display:block}.question-card legend span{color:#91b7de;margin-right:12px;display:inline-block}.question-card legend+*{clear:both}.question-card:after{content:"";clear:both;display:block}.question-card details{margin:12px 0;font-size:14px}.options{flex-direction:column;gap:10px;display:flex}.options label{border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:row;align-items:flex-start;gap:12px;padding:13px 16px;font-size:15px;display:flex}.options .selected{background:#f0f7ff;border-color:#83b7ef}.work-side{border:1px solid var(--line);background:#fff;border-radius:17px;padding:25px;font-size:14px;position:sticky;top:25px}.progress-label{justify-content:space-between;margin:20px 0 7px;display:flex}.work-side progress{width:100%;height:8px;accent-color:var(--blue)}.work-side .muted{margin-top:12px;font-size:12px}.score{align-items:baseline;gap:10px;margin:25px 0;display:flex}.score strong{color:var(--blue);font:45px Kanit}.score span{font-size:13px}.teacher-feedback{white-space:pre-wrap;background:#f2f7fe;border-radius:12px;padding:15px}.receipt{color:#357c60}.download-small{align-items:center;gap:10px;margin-top:25px;display:flex}.word-mode{border:1px solid var(--line);background:#fff;border-radius:17px;padding:35px}.word-mode ol{padding-left:23px;font-size:15px;line-height:2.2}.word-mode .muted{margin-top:20px;font-size:13px}.file-icon{width:70px;height:70px;color:var(--blue);background:#eaf2fc;border-radius:18px;place-items:center;margin-bottom:24px;display:grid}.attachments{border:1px solid var(--line);background:#fff;border-radius:17px;margin-top:25px;padding:25px}.attachments h3{align-items:center;gap:8px;display:flex}.attachments p{color:var(--muted);font-size:14px}.upload-zone{cursor:pointer;color:#4d739e;background:#f7faff;border:1px dashed #aac1dc;border-radius:12px;align-items:center;margin-top:20px;padding:25px}.file-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:15px;padding:12px 0;display:flex}.file-row button{color:var(--blue);text-align:left;overflow-wrap:anywhere;background:0 0;font-size:13px}.file-row small{margin-left:auto}.save-bar{border:1px solid var(--line);background:#fffe;border-radius:13px;justify-content:flex-end;gap:12px;margin-top:24px;padding:15px;display:flex;position:sticky;bottom:12px;box-shadow:0 6px 25px #2439560b}.stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:35px;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;padding:23px;display:flex}.stats strong{color:#305c90;font:38px Kanit}.stats span{color:var(--muted);font-size:13px}.tabs{border-bottom:1px solid var(--line);gap:10px;margin-bottom:30px;display:flex;overflow:auto}.tabs button{color:#728093;white-space:nowrap;background:0 0;border-bottom:3px solid #0000;padding:15px 13px;font-size:14px}.tabs button.active{color:var(--blue);border-color:var(--blue)}.filters{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.filters select{width:auto;max-width:220px;font-size:14px}.filters input{width:240px;font-size:14px}.admin-columns{grid-template-columns:360px 1fr;gap:40px;display:grid}.panel-form{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;gap:17px;padding:25px;display:flex}.check{flex-direction:row;align-items:center;gap:12px}.roster-row{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 12px;padding:20px;display:flex}.roster-row small{display:block}.roster-row p{margin:3px 0;font-size:14px}.bulk{margin-top:25px}.bulk p{font-size:13px}.bulk button{margin-top:14px}.setting-row{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:15px;padding:25px;display:flex}.setting-row h3{font-size:17px}.review-layout{grid-template-columns:minmax(0,1fr) 320px;gap:30px;display:grid}.review-answer{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:14px;margin-bottom:20px;padding:25px}.review-answer h3{font-size:18px}.review-answer p{color:#52677f;padding-top:15px}.review-file{margin:25px 0}.review-file iframe{border:1px solid var(--line);border-radius:10px;width:100%;height:650px;margin-top:15px}.review-file img{max-width:100%;max-height:700px;margin-top:15px;display:block}.grade-form{border:1px solid var(--line);background:#fff;border-radius:15px;padding:25px}.grade-form label{margin-bottom:20px}.grade-form .actions{flex-wrap:wrap;gap:12px;display:flex}.grade-form .button{width:100%}.history{margin-top:30px}.history article{border-bottom:1px solid var(--line);padding:20px;font-size:14px}.slide-page{flex-direction:column;height:100dvh;display:flex}.slide-toolbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;padding:10px 25px;font-size:14px;display:flex}.slide-page iframe{border:0;flex:1;width:100%}.document{max-width:900px;margin:50px auto;padding:20px 30px}.document h1{margin-top:30px}.document li{overflow-wrap:anywhere;margin:18px 0}@media (max-width:1100px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:25px 10px}.sidebar>.brand{font-size:16px}.workspace-body{padding:30px 25px}.lesson-layout,.work-layout,.review-layout{grid-template-columns:minmax(0,1fr)}.work-side{position:static}.overview{margin-top:10px}.admin-columns{grid-template-columns:1fr}.task-row{padding:20px}.stats{gap:10px}.stats>div{padding:18px}.course-card-body{padding:23px}.course-card h2{font-size:25px}}@media (max-width:750px){.public-nav{padding:18px 20px}.public-nav>div{gap:14px;font-size:13px}.brand{gap:8px;font-size:16px}.brand-icon{width:30px;height:30px}.landing{padding:0 22px}.intro{padding:55px 0}.intro h1{font-size:43px}.intro-copy{font-size:16px}.section-title{display:block}.section-title p{margin-top:10px}.course-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr;gap:25px;margin:40px 0}.benefits>div{grid-template-columns:35px 1fr;gap:0 15px;display:grid}.benefits svg{grid-row:1/3}.benefits p{grid-column:2}.course-card>img{height:200px}.auth-wrap{grid-template-columns:1fr;gap:30px}.auth-story{display:none}.auth-form{padding:27px}.auth-page{padding:22px 18px 50px}.auth-form h1{font-size:28px}.two{gap:12px}.app-shell{display:block}.sidebar{border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:3px;height:auto;padding:15px;position:static}.sidebar>.brand{width:100%;margin:0 0 10px;font-size:18px}.sidebar .nav-label{display:none}.sidebar>a:not(.brand){padding:8px;font-size:12px}.sidebar a svg{width:15px}.sidebar-bottom{border:0;flex-direction:row;align-items:center;gap:10px;margin:0 0 0 auto;padding:0;font-size:12px}.sidebar-bottom>span,.sidebar-bottom>strong{display:none}.topbar{height:45px;padding:0 20px;font-size:11px}.workspace-body{padding:27px 18px 60px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:31px}.course-hero{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.course-hero img{height:190px}.course-hero h1{font-size:35px}.task-row{gap:14px;padding:18px}.open-task{display:none}.task-row h3{font-size:19px}.task-number{font-size:23px}.stats{grid-template-columns:1fr 1fr}.stats strong{font-size:30px}.filters input,.filters select{width:100%;max-width:none}.filters .button{width:100%}.roster-row{flex-wrap:wrap}.setting-row{flex-direction:column;align-items:stretch}.tabs button{padding:12px 8px;font-size:13px}.mode-switch button{padding:11px 8px;font-size:12px}.question-card{padding:20px}.question-card legend{font-size:18px}.options label{font-size:14px}.save-bar{padding:12px;bottom:8px}.save-bar .button{padding:10px 15px;font-size:13px}.word-mode{padding:24px}.auth-page>.back{margin-bottom:10px}footer{font-size:12px}.review-file iframe{height:500px}.slide-toolbar{padding:8px 12px;font-size:12px}}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.studio-heading{justify-content:space-between;align-items:center;gap:24px;margin:24px 0;display:flex}.studio-heading h1{margin:0 0 8px;font-size:clamp(30px,3.1vw,46px)}.studio-heading h2{margin:0}.studio-heading p{color:#6b7280;margin:0}.course-placeholder{color:#4278ce;background:#edf3fc;place-items:center;height:220px;display:grid}.week-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.week-tile{color:inherit;background:#fff;border:1px solid #e2e7ed;border-radius:20px;min-height:190px;padding:24px;text-decoration:none;transition:transform .2s,border-color .2s}.week-tile:not(.locked):hover{border-color:#2f6bd7;transform:translateY(-3px)}.week-top{color:#2f6bd7;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;display:flex}.week-tile h3{margin:24px 0 10px;font-size:21px;line-height:1.5}.week-tile p{color:#2f6bd7;margin:0}.week-tile.locked,.week-tile.unpublished{background:#f3f5f7}.locked .week-top,.locked p{color:#8a929d}.locked h3{color:#68717e}.modal-shade{z-index:100;background:#11182766;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:24px;width:100%;max-width:540px;max-height:90vh;padding:32px;overflow:auto;box-shadow:0 20px 70px #0002}.modal-card h2{font-size:27px;line-height:1.5}.editor-panel{background:#fff;border:1px solid #e2e7ed;border-radius:20px;margin:20px 0;padding:26px}.editor-panel label,.editable-block label,.search-field{gap:8px;margin:14px 0;display:grid}.editor-panel .check,.modal-card .check{align-items:center;gap:10px;display:flex}.editor-options{flex-wrap:wrap;align-items:end;gap:20px;display:flex}.editor-options>label{flex:1;min-width:140px}.editor-options .check{flex:1.5}.studio-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;display:grid}.week-rail{background:#fff;border:1px solid #e5e7eb;border-radius:18px;gap:6px;max-height:80vh;padding:12px;display:grid;position:sticky;top:20px;overflow:auto}.week-rail button{text-align:left;color:#657184;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.week-rail button.active{color:#2360bc;background:#eaf2ff}.week-rail small{font-size:12px;display:block}.week-rail button>span{font-size:21px;font-weight:600}.studio-week{min-width:0}.studio-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:18px;margin:10px 0;padding:20px;display:flex}.studio-item>div{flex:1;min-width:0}.studio-item small{color:#748091;margin-top:5px;display:block}.studio-item b{overflow-wrap:anywhere}.builder-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}.tool-rail{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;position:sticky;top:20px}.tool-button{width:100%;font:inherit;color:#334155;cursor:pointer;text-align:left;background:#fff;border:0;gap:12px;padding:14px 8px;display:flex}.tool-button:hover{background:#edf3fc}.tool-rail p{font-size:13px;line-height:1.7}.block-canvas{background:#edf0f5;border-radius:20px;min-height:400px;padding:24px}.editable-block{background:#fff;border:1px solid #dfe4ea;border-radius:16px;margin-bottom:20px;padding:22px}.block-toolbar{border-bottom:1px solid #edf0f3;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;display:flex}.block-toolbar>b{flex:1}.block-toolbar button{cursor:pointer;background:#fff;border:1px solid #dbe1e8;border-radius:8px;padding:8px;display:flex}.block-toolbar button:disabled{opacity:.3;cursor:default}.drag-handle,[draggable=true]{cursor:grab}.code-input{font-family:ui-monospace,monospace!important;font-size:14px!important;line-height:1.7!important}.lesson-preview{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:32px}.lesson-blocks{max-width:1000px;margin:auto}.content-block{margin:28px 0}.content-block h2{font-size:32px;line-height:1.5}.content-block p{font-size:20px;line-height:1.85}.content-block.block-large h2{font-size:46px}.content-block.block-large p{font-size:27px}.content-block figure{margin:0}.content-block img{object-fit:contain;border-radius:16px;max-width:100%;height:auto;max-height:700px}.content-block figcaption{color:#748091;margin-top:10px;font-size:14px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.html-lesson{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;height:75vh;min-height:500px}.option-edit{align-items:end;gap:10px;display:flex}.option-edit label{flex:1}.option-edit .text-button{margin-bottom:22px}.guide-content{max-width:850px}.guide-content section{border-bottom:1px solid #e5e7eb;padding:24px 0}.guide-content h2{font-size:27px}.guide-content p{color:#4b5563;line-height:1.9}.search-field{max-width:540px}.admin-users{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.admin-users .editor-panel,.admin-users h3{margin:0}.admin-users p{overflow-wrap:anywhere}.admin-users .studio-heading{align-items:start}.upload-label input{max-width:100%}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #71a7ff}@media (max-width:1200px){.week-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-users{grid-template-columns:1fr}}@media (max-width:900px){.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-layout,.builder-layout{grid-template-columns:1fr}.week-rail{max-height:none;display:flex;position:static;overflow:auto}.week-rail button{min-width:145px}.tool-rail{flex-wrap:wrap;gap:8px;display:flex;position:static}.tool-rail h3,.tool-rail p{width:100%}.tool-button{width:auto}.studio-heading{flex-direction:column;align-items:start}.studio-item{flex-wrap:wrap}.editor-panel,.editable-block{padding:20px}.block-canvas{padding:14px}.html-lesson{min-height:400px}}@media (max-width:500px){.week-grid{grid-template-columns:1fr}.week-tile{min-height:150px}.modal-card{padding:22px}.editor-options{grid-template-columns:1fr;display:grid}.content-block.block-large h2{font-size:34px}.content-block.block-large p{font-size:22px}.lesson-preview{padding:18px}}@media (prefers-reduced-motion:reduce){.week-tile{transition:none}.week-tile:not(.locked):hover{transform:none}}.editor-panel input[type=file],.editable-block input[type=file]{background:#f5f7fa;max-width:100%;padding:10px;display:block}.editor-panel input[type=file]::file-selector-button{color:#26559e;cursor:pointer;background:#e5efff;border:0;border-radius:7px;margin-right:12px;padding:9px 14px}.editable-block input[type=file]::file-selector-button{color:#26559e;cursor:pointer;background:#e5efff;border:0;border-radius:7px;margin-right:12px;padding:9px 14px}.work-status{border-radius:14px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:14px;line-height:1.5;display:inline-flex}.work-status.done{color:#18683b;background:#e8f7ed}.work-status.pending{color:#805600;background:#fff4d8}.work-status.late{color:#9e3024;background:#fff0ed}.week-tile .work-status{margin-top:12px;display:block}@media (max-width:640px){.task-row{flex-wrap:wrap}.work-status{white-space:normal}}