.editor-actions{display:flex;gap:9px}.editor-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 290px;gap:16px;align-items:start}.slide-list h2,.slide-fields h2{font-size:16px;margin:0 0 15px}.slide-list{position:sticky;top:15px}.slide-thumb{display:block;width:100%;text-align:left;background:#f4f8f4;color:#355340;border:1px solid #d5e5d8;min-height:62px;padding:10px;margin:8px 0;border-radius:8px;font-weight:700;white-space:normal}.slide-thumb.selected{border-color:#007c3c;background:#e8f5eb}.slide-thumb small{display:block;color:#007c3c;margin-bottom:5px}.add-slides{display:grid;gap:7px;margin-top:18px}.add-slides button{background:#fff;color:#007c3c;border-color:#c3dac9}.editor-center{display:grid;gap:16px}.material-settings{display:grid;grid-template-columns:2fr 1fr;gap:12px}.material-settings label{font-size:11px;font-weight:800;display:grid;gap:6px}.material-settings label:last-child{grid-column:1/-1}.material-settings input{height:42px;border:1px solid #c8dbcd;border-radius:8px;padding:0 10px;font:inherit}.canvas-panel{padding:15px}.canvas{aspect-ratio:16/9;min-height:360px;background:linear-gradient(125deg,#006f37,#009247);color:#fff;border-radius:9px;padding:6%;display:flex;flex-direction:column;justify-content:center;overflow:auto}.canvas small{color:#d8c38e;font-weight:800;letter-spacing:.12em}.canvas h2{font-size:clamp(24px,3vw,46px);line-height:1.17;margin:15px 0;letter-spacing:-.05em}.canvas p{color:#d9efdf}.canvas ul,.canvas ol{line-height:1.65;padding-left:25px}.canvas li::marker{color:#d8c38e}.slide-controls{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.slide-fields{position:sticky;top:15px}.slide-fields .form{margin-top:0}.slide-fields textarea{min-height:75px}.slide-fields .hint{color:#7c9080;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-grid label{min-width:0}@media(max-width:1150px){.editor-layout{grid-template-columns:180px minmax(0,1fr)}.slide-fields{grid-column:1/-1;position:static}.slide-fields .form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.editor-layout{grid-template-columns:1fr}.slide-list{position:static}.slide-fields{grid-column:auto}.slide-fields .form{grid-template-columns:1fr}.material-settings{grid-template-columns:1fr}.material-settings label:last-child{grid-column:auto}.canvas{min-height:260px}.editor-actions{width:100%}.editor-actions button{flex:1}}
.import-control{display:grid;gap:7px;padding:12px;border:1px solid #c3dac9;border-radius:8px;color:#007c3c;font-weight:800;font-size:12px}.import-control input{max-width:100%;font-size:11px}.import-note{font-size:11px;color:#687e6b;line-height:1.45}.canvas:has(.imported-slide){padding:0;background:#172a1f}.imported-slide{display:block;width:100%;height:100%;object-fit:contain}
.add-slides button{width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}.slide-list{min-width:0}.slide-list .import-control{min-width:0;overflow-wrap:anywhere}
.image-control{position:relative;overflow:hidden;cursor:pointer}.image-control input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.editor-tabs{display:flex;gap:8px;margin:0 0 14px}.editor-tabs button{min-width:170px;border-radius:12px 12px 0 0;background:#e8f0e9;color:#31503b}.editor-tabs button[aria-selected="true"]{background:#006f37;color:#fff}.material-settings{margin-bottom:14px;grid-template-columns:2fr 1fr 1fr}.material-settings label:last-child{grid-column:auto}.material-settings label:nth-child(3){grid-column:1/-1}.material-settings select{height:42px;border:1px solid #c8dbcd;border-radius:8px;padding:0 10px;font:inherit}.editor-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px}.editor-toolbar>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-right:1px solid #dce8df;padding-right:12px}.editor-toolbar>div:last-child{border-right:0}.editor-toolbar small{display:block;width:100%;font-size:10px;font-weight:900;letter-spacing:.1em;color:#6f8975}.editor-toolbar button,.editor-toolbar .button{font-size:12px;padding:9px 11px}.interactive-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}.interactive-layout h2{margin-top:0}.interactive-layout aside{display:grid;gap:9px}.interactive-layout aside label{display:grid;gap:6px}.interactive-layout select{width:100%;padding:10px;border:1px solid #c8dbcd;border-radius:8px}.interactive-layout .slide-thumb{margin:0 0 8px}.interactive-editor{max-width:850px}.question-position{display:flex;gap:8px;margin:14px 0}.interactive-editor .form{max-width:650px}.slide-list{max-height:calc(100vh - 170px);overflow:auto}.slide-fields{max-height:calc(100vh - 170px);overflow:auto}.slide-thumb{border-left:4px solid #007c3c}.slide-thumb:has(small:first-child){cursor:pointer}#presentation-pane[hidden],#interactive-pane[hidden]{display:none}@media(max-width:900px){.editor-toolbar>div{border:0}.interactive-layout{grid-template-columns:1fr}.slide-list,.slide-fields{max-height:none}}@media(max-width:700px){.editor-tabs button{min-width:0;flex:1}.material-settings{grid-template-columns:1fr}.material-settings label:nth-child(3){grid-column:auto}}
.layout-picker{display:flex;justify-content:flex-end;margin:0 0 8px}.layout-picker label{display:flex;align-items:center;gap:8px;color:#31523b;font-size:12px;font-weight:800}.layout-picker select{padding:8px 12px;border:1px solid #c8dbcd;border-radius:8px;background:#fff;font:inherit}
details.material-settings{display:block;padding:13px 18px;margin-bottom:14px}details.material-settings summary{cursor:pointer;color:#31523b;font-size:13px;font-weight:800}details.material-settings[open] summary{margin-bottom:16px}.material-fields{display:grid;grid-template-columns:2fr 1fr;gap:12px}.material-fields label:nth-child(3){grid-column:1/-1}.material-fields label:last-child{grid-column:auto}@media(max-width:700px){.material-fields{grid-template-columns:1fr}.material-fields label:nth-child(3){grid-column:auto}}
@media(min-width:1100px){.editor-toolbar{display:grid;grid-template-columns:1fr 1.15fr 1.35fr .85fr}.editor-toolbar>div{align-content:start;align-items:start}.editor-toolbar>div:last-child{padding-right:0}}