#lesson-design-dialog{width:min(1240px,96vw);max-width:1240px;max-height:94vh;padding:24px;background:#faf8f0;color:#254737}
.design-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.design-dialog-head h2{font:normal 30px/1.2 Georgia,serif;margin:0}
.design-intro{font-size:13px;margin:12px 0 20px;max-width:800px}.design-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}
.design-controls{min-width:0}.design-controls .field{margin-bottom:16px}.design-controls select{width:100%;max-width:100%;min-height:44px}.design-controls .tiny{font-size:12px;line-height:1.6}
.design-image-choice{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;cursor:pointer;grid-column:1/-1}.design-image-choice input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#254737}.design-image-choice:has(input:disabled){cursor:default;color:#596653}.design-controls .design-image-help{margin:0 0 16px;grid-column:1/-1}
.design-preview{min-width:0}.design-preview-caption{font-size:12px;margin:0 0 8px}.design-preview iframe{display:block;width:100%;height:58vh;min-height:380px;border:1px solid #d4dacd;border-radius:6px;background:white}
.design-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:18px}.design-actions button{min-height:44px}.design-status{font-size:13px;color:#8b302a}.design-status:empty{display:none}
@media(max-width:700px){.design-actions{position:sticky;bottom:-18px;background:#faf8f0;padding:12px 0 18px;z-index:1;border-top:1px solid #d4dacd}}
@media(max-width:700px){#lesson-design-dialog{padding:18px;max-height:96vh}.design-dialog-head h2{font-size:24px}.design-layout{grid-template-columns:1fr;gap:8px}.design-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.design-controls .field{font-size:12px}.design-controls select{font-size:12px;padding:8px}.design-controls .tiny{grid-column:1/-1;margin:8px 0 12px}.design-preview iframe{height:52vh;min-height:330px}.design-actions{justify-content:stretch}.design-actions button{flex:1;font-size:12px;padding:10px}.design-controls .text-button{font-size:12px;text-align:left}}