:root{font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#edf6ff;background:#061426;--line:#4ee8ff33;--cyan:#4ee8ff}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff24;color:#edf6ff;background:#102a47;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:700}button:hover{border-color:var(--cyan);background:#183956}button:disabled{opacity:.3;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #ffd642;outline-offset:3px}button[aria-pressed=true]{background:#265578;border-color:var(--cyan)}.demo-top{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px 22px;background:#04101e;border-bottom:1px solid var(--line)}.demo-top strong{display:block;font-size:13px}.demo-top b{color:var(--cyan)}.demo-top span{display:block;color:#9db3c7;font-size:10px;margin-top:4px}.demo-top>button{white-space:nowrap}main{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:600px}.editor{padding:24px 20px;border-right:1px solid var(--line);background:#091b30}.section-title>span,.preview-controls>span{font-size:9px;letter-spacing:.15em;color:var(--cyan);font-weight:800}.section-title h1{font-size:24px;line-height:1.1;margin:8px 0 20px}label{font-size:11px;color:#bdcfdf;display:block;margin-bottom:7px}select{width:100%;background:#061426;border:1px solid #ffffff30;color:#fff;padding:11px;border-radius:8px;font-size:11px}.group-label{font-size:9px;letter-spacing:.12em;font-weight:800;color:#9db5c9;margin:20px 0 9px}.tools,.palettes{display:flex;gap:6px;flex-wrap:wrap}.tools button{border-style:dashed}.palettes button{font-size:10px}.palettes button[data-wb-palette=violet]{border-color:#9779ec}.palettes button[data-wb-palette=ocean]{border-color:#49b9da}.palettes button[data-wb-palette=forest]{border-color:#5cc29a}.block-heading{display:flex;align-items:baseline;justify-content:space-between}.block-heading>span{font-size:10px;color:#b4cfdf}.block-list{display:grid;gap:8px}.editor-block{padding:10px;border:1px solid #ffffff22;border-radius:9px;background:#0e2844}.editor-block .block-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-block strong{font-size:11px}.block-row .actions{display:flex;gap:4px}.block-row button{padding:4px 7px;min-width:27px;font-size:11px}.editor-block>p{font-size:10px;color:#b4c7d9;margin:5px 0 0}.hint{font-size:10px;color:#90aec5;line-height:1.6;margin-top:18px}.preview-panel{min-width:0;background:#071322}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px;border-bottom:1px solid var(--line)}.device-buttons{display:flex;gap:5px}.device-buttons button{font-size:10px}.preview-stage{padding:24px;display:flex;justify-content:center;align-items:flex-start;overflow:auto}.lesson-preview{width:100%;max-width:1100px;background:#edf2f6;color:#162333;border-radius:12px;overflow:hidden;box-shadow:0 15px 50px #0007;--accent:#7252bc;--accentdeep:#293c70}.lesson-preview[data-device=tablet]{max-width:560px}.lesson-preview[data-device=phone]{max-width:320px}.lesson-preview[data-palette=ocean]{--accent:#168ca4;--accentdeep:#173f6b}.lesson-preview[data-palette=forest]{--accent:#378468;--accentdeep:#163f3d}.lesson-hero{padding:30px;background:linear-gradient(130deg,var(--accentdeep),var(--accent));color:#fff}.lesson-hero small{font-size:9px;letter-spacing:.12em;font-weight:800;color:#c9f5ff}.lesson-hero h2{font-size:clamp(22px,3vw,34px);line-height:1.05;margin:12px 0}.lesson-hero p{font-size:12px;line-height:1.55;margin:0;color:#eef0fc}.lesson-content{padding:18px;display:grid;gap:13px}.lesson-block{padding:17px;background:#fff;border:1px solid #d9e1e9;border-radius:10px;overflow-wrap:anywhere}.lesson-block h3{font-size:15px;margin:0 0 8px;color:var(--accentdeep)}.lesson-block p{font-size:12px;line-height:1.65;margin:0}.lesson-block.think{border-left:4px solid var(--accent);background:#f8f5ff}.lesson-block figure{margin:0}.lesson-block img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:7px}.lesson-block figcaption{font-size:10px;color:#5b6b7a;margin-top:7px}.lesson-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson-columns>div{padding:13px;background:#f1f4f9;border-radius:8px}.lesson-columns h3{font-size:13px}.lesson-quiz .answers{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.lesson-quiz button{color:#fff;background:var(--accentdeep);font-size:11px}.lesson-quiz .quiz-feedback{font-size:11px;color:var(--accentdeep);margin-top:10px}.empty{font-size:12px;color:#687c90;text-align:center;padding:28px 12px}.lesson-preview[data-device=phone] .lesson-columns{grid-template-columns:1fr}.lesson-preview[data-device=phone] .lesson-hero{padding:22px 17px}.lesson-preview[data-device=phone] .lesson-hero h2{font-size:25px}.lesson-preview[data-device=phone] .lesson-content{padding:12px}.lesson-preview[data-device=phone] .lesson-block{padding:14px}@media(max-width:800px){main{grid-template-columns:280px minmax(0,1fr)}.editor{padding:20px 14px}.preview-stage{padding:15px}.preview-controls{padding:15px}.device-buttons button{padding:6px 8px}.lesson-hero{padding:25px 20px}.lesson-content{padding:12px}}@media(max-width:600px){.demo-top{padding:14px;align-items:flex-start}.demo-top strong{font-size:11px}.demo-top span{font-size:9px}.demo-top>button{font-size:10px;padding:7px 8px}main{grid-template-columns:1fr}.editor{border-right:0;border-bottom:1px solid var(--line);padding:20px 16px}.section-title h1{font-size:23px}.tools button{min-height:36px}.block-row button{min-height:30px}.block-list{max-height:220px;overflow:auto;padding:2px 4px 3px 2px}.group-label{margin-top:15px}.preview-stage{padding:15px 10px}.preview-controls{padding:15px 12px}.lesson-columns{grid-template-columns:1fr}.lesson-hero h2{font-size:28px}.lesson-preview[data-device=phone]{max-width:300px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}