@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Eka:wght@400;700&family=Hind:wght@400;500;600;700&family=Khand:wght@400;500;600;700&family=Martel+Sans:wght@400;700&family=Montserrat:wght@400;500;600;700;800&family=Mukta:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&family=Rajdhani:wght@400;500;600;700&family=Rozha+One&family=Teko:wght@400;500;600;700&family=Tiro+Devanagari+Hindi&family=Yatra+One&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans Devanagari",Arial,sans-serif;background:#edf1f6;color:#172033}button,input,select,textarea{font:inherit}button,.tool-file{cursor:pointer;border:1px solid #d3dce7;background:white;border-radius:8px;padding:8px 10px;color:#24344a;font-size:13px}button:hover,.tool-file:hover{filter:brightness(.97)}header{height:64px;background:#001D3D;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:12px}.brand{display:flex;align-items:center;gap:10px}.logo-mark{background:#FFC300;color:#001D3D;border-radius:10px;padding:9px 10px;font-weight:900}.brand b{display:block;font-size:14px;letter-spacing:.04em}.brand small{display:block;font-size:9px;opacity:.75}.head-actions{display:flex;gap:8px}.gold{background:#FFC300!important;color:#001D3D!important;border-color:#FFC300!important;font-weight:700}.ghost{background:#ffffff12;color:white;border-color:#ffffff40}.app{display:grid;grid-template-columns:220px minmax(350px,1fr) 290px;height:calc(100vh - 64px)}.left,.right{background:#fff;overflow:auto;border-right:1px solid #dbe2eb;padding:12px}.right{border-right:0;border-left:1px solid #dbe2eb}.side-head,.panel-head,.bottom-bar,.toolbar{display:flex;align-items:center;gap:8px}.side-head{justify-content:space-between;margin-bottom:12px}.small{padding:6px 8px}.slide-list{display:grid;gap:10px}.thumb{border:2px solid transparent;border-radius:9px;padding:5px;background:#f2f5f9;cursor:pointer}.thumb.active{border-color:#e5a900}.thumb-preview{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:4px;background:#001D3D;color:white;padding:8px;font-size:9px}.thumb-caption{font-size:12px;padding:5px 2px 1px}.left-tools{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}.left-tools button{font-size:11px}.help-mini{font-size:11px;color:#738096;line-height:1.5;margin-top:15px}.workspace{min-width:0;display:flex;flex-direction:column;background:#e9edf3}.toolbar{background:#fff;padding:9px;border-bottom:1px solid #dbe2eb;flex-wrap:wrap}.tool-file{display:inline-flex;align-items:center;gap:4px}.tool-file input{display:none}.spacer{flex:1}.toolbar span{font-size:11px;color:#69788c}.stage-wrap{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:22px}.stage{width:min(100%,900px);aspect-ratio:16/9;background:#001D3D;position:relative;overflow:hidden;box-shadow:0 8px 28px #12243c25;transform-origin:center center}.slide-object{position:absolute;white-space:pre-wrap;overflow-wrap:anywhere;touch-action:none;user-select:none;cursor:move;padding:4px;min-width:20px;min-height:20px;border:1px solid transparent}.slide-object.selected{border:2px dashed #ffb800!important;outline:1px solid #fff}.slide-object img{width:100%;height:100%;object-fit:contain;pointer-events:none}.slide-object .wm{pointer-events:none}.bottom-bar{background:white;border-top:1px solid #dbe2eb;padding:8px 12px;font-size:12px;color:#637083;justify-content:space-between}.bottom-bar button{padding:3px 9px}.tabs{display:flex;gap:6px;border-bottom:1px solid #e1e6ee;margin:-2px -2px 14px}.tab{flex:1;border:0;border-radius:7px 7px 0 0}.tab.active{background:#001D3D;color:white}.right h3{font-size:14px;margin:12px 0}.right label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#566579;margin:10px 0}.right input:not([type=checkbox]):not([type=color]):not([type=range]),.right select,.right textarea{width:100%;border:1px solid #d5dde7;border-radius:7px;padding:8px;background:white;color:#172033}.right input[type=color]{width:100%;height:34px;border:1px solid #d5dde7;border-radius:7px;background:white;padding:2px}.right input[type=checkbox]{margin-right:5px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two label{min-width:0}.two label:has(input[type=checkbox]){flex-direction:row;align-items:center}.inline{flex-direction:row!important;align-items:center}.danger{background:#fff0f0;color:#a51d2d;border-color:#f1c5ca}.secondary{background:#edf2f7}.full{width:100%;margin:8px 0}.logo-preview{min-height:55px;border:1px dashed #cbd5e1;border-radius:8px;display:grid;place-items:center;color:#8995a5;font-size:12px;overflow:hidden}.logo-preview img{max-width:100%;max-height:90px}.modal{position:fixed;inset:0;background:#001d3dcc;display:grid;place-items:center;z-index:10;padding:20px}.modal-card{background:white;padding:22px;border-radius:14px;max-width:380px;width:100%}.modal-card p{font-size:13px;color:#65738a;line-height:1.5}@media(max-width:1000px){.app{grid-template-columns:170px minmax(300px,1fr)}.right{grid-column:1/-1;max-height:none;border-left:0;border-top:1px solid #dbe2eb}.app{height:auto;min-height:calc(100vh - 64px)}.workspace{min-height:70vh}.stage-wrap{min-height:40vh}}@media(max-width:600px){header{height:auto;align-items:flex-start;flex-direction:column}.head-actions{width:100%;flex-wrap:wrap}.app{display:flex;flex-direction:column;height:auto}.left{order:2;border-right:0;border-top:1px solid #dbe2eb}.workspace{order:1;min-height:65vh}.right{order:3}.slide-list{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-wrap{padding:10px;min-height:0}.toolbar button,.tool-file{font-size:11px;padding:7px}.bottom-bar{flex-wrap:wrap}.left-tools{grid-template-columns:repeat(4,1fr)}}
/* MCQ import panel and robust hidden-state behavior */
[hidden]{display:none!important}.mcq-import{margin-top:14px;padding:10px;background:#fff8df;border:1px solid #f2d36b;border-radius:9px}.mcq-import h3{margin:2px 0 6px;font-size:13px}.mcq-import p{font-size:11px;line-height:1.45;color:#64748b;margin:0 0 8px}.mcq-import textarea{width:100%;resize:vertical;border:1px solid #d5dde7;border-radius:7px;padding:8px;font:12px/1.5 inherit;min-height:110px}.mcq-import .full{width:100%;margin:8px 0 0}.stage .slide-object{line-height:1.18;box-sizing:border-box}.slide-object{padding:3px!important}
@media(max-width:600px){.mcq-import textarea{font-size:16px}.mcq-import{order:1}}

/* Premium themes, gradient, background image and slide-master controls */
.master-help{font-size:12px;line-height:1.5;color:#64748b;background:#f8fafc;border-radius:8px;padding:9px}
#backgroundImagePreview{min-height:48px;display:flex;align-items:center;justify-content:center}
#backgroundImagePreview img{max-width:100%;max-height:110px;object-fit:contain;border-radius:6px}
#designTab h3{margin-top:14px}

/* Blue header ribbon shortcuts for all major design controls */
.blue-ribbon{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;flex-wrap:wrap;min-width:260px}
.blue-ribbon .ghost{font-size:11px;padding:7px 8px;white-space:nowrap}
#designTab h3[id]{scroll-margin-top:16px}
@media(max-width:1100px){header{height:auto;min-height:64px;flex-wrap:wrap}.blue-ribbon{order:3;flex-basis:100%;justify-content:flex-start}.app{height:calc(100vh - 105px)}}
@media(max-width:600px){.blue-ribbon{gap:4px}.blue-ribbon .ghost{font-size:10px;padding:6px}.app{height:auto;min-height:calc(100vh - 64px)}}
/* Compact tool ribbon: use space efficiently without forcing a tall toolbar */
.workspace .toolbar{flex-wrap:nowrap;gap:5px;padding:6px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap}
.workspace .toolbar button,.workspace .toolbar .tool-file{flex:0 0 auto;font-size:11px;padding:6px 8px;border-radius:7px}
.workspace .toolbar #slideDimensions{flex:0 0 auto;font-size:10px}
.workspace .toolbar .spacer{flex:1 0 8px}
.bottom-bar .slide-nav{display:flex;align-items:center;gap:8px}
.bottom-bar .slide-nav button{background:#edf2f7;border:1px solid #d5dde7;border-radius:7px;padding:5px 9px;color:#172033;white-space:nowrap}
.bottom-bar .slide-nav button:disabled{opacity:.4}
@media(max-width:700px){.workspace .toolbar{flex-wrap:nowrap}.bottom-bar .slide-nav{gap:4px}.bottom-bar .slide-nav button{font-size:11px;padding:5px 6px}}

/* Compact top ribbon controls */
.blue-ribbon{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.blue-ribbon button{flex:0 0 auto;padding:7px 9px;font-size:12px}.blue-ribbon::-webkit-scrollbar{height:4px}.blue-ribbon::-webkit-scrollbar-thumb{background:#ffffff55;border-radius:4px}@media(max-width:900px){header{height:auto;flex-wrap:wrap}.blue-ribbon{order:3;flex-basis:100%;width:100%}.head-actions{margin-left:auto}}

.language-picker{display:flex;align-items:center;gap:6px;color:#fff;font-size:13px;white-space:nowrap;padding:5px 8px;border:1px solid #ffffff30;border-radius:8px}.language-picker select{max-width:100px;background:#092a4a;color:#fff;border:0;padding:6px;border-radius:6px;font:inherit}.modal-card label{display:block;text-align:left;margin:12px 0;font-size:14px}.modal-card select,.modal-card input[type=range]{display:block;width:100%;margin-top:7px;padding:9px;border:1px solid #ccd4df;border-radius:8px;background:#fff;color:#172033}.modal-card input[type=range]{padding:0}.modal-card{max-height:88vh;overflow:auto}

/* Clean compact header: two tidy rows, no wrapped button clutter */
header{height:auto;min-height:0;display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"brand language actions" "ribbon ribbon ribbon";align-items:center;gap:7px 12px;padding:8px 12px}
.brand{grid-area:brand;min-width:0}.language-picker{grid-area:language;justify-self:start}.head-actions{grid-area:actions;justify-content:flex-end;flex-wrap:nowrap;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.head-actions button{flex:0 0 auto;padding:7px 9px;font-size:12px}.blue-ribbon{grid-area:ribbon;display:flex;flex-wrap:nowrap;justify-content:flex-start;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:2px 0;gap:5px}.blue-ribbon .ghost{flex:0 0 auto;font-size:11px;padding:6px 8px}
@media(max-width:1050px){header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand language" "actions actions" "ribbon ribbon"}.head-actions{justify-content:flex-start}.app{height:auto;min-height:calc(100vh - 130px)}}
@media(max-width:600px){header{padding:7px;gap:6px}.brand b{font-size:12px}.brand small{font-size:8px}.head-actions{width:100%;gap:5px}.head-actions button{font-size:11px;padding:7px}.blue-ribbon .ghost{font-size:10px;padding:6px 7px}.language-picker{font-size:11px}.language-picker select{max-width:86px}.app{height:auto;min-height:0}}

/* Compact, grouped history controls */
.history-group{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid #d5dde7;border-radius:9px;background:#fff;flex:0 0 auto}.history-group button{white-space:nowrap;min-width:66px}.toolbar{gap:6px;flex-wrap:wrap}.blue-ribbon{gap:5px;flex-wrap:wrap}

/* Final compact ribbon/tool grouping pass */
.toolbar{gap:4px;padding:6px 8px;flex-wrap:wrap;align-content:center}
.toolbar>button,.toolbar>.tool-file{padding:6px 8px;font-size:11px;line-height:1.2;min-height:30px}
.toolbar .history-group{display:inline-flex;gap:2px;padding:2px;margin:0 2px;vertical-align:middle}
.toolbar .history-group button{padding:5px 8px;min-width:58px;font-size:11px}
.toolbar .spacer{flex:1 1 8px}
.blue-ribbon{gap:4px!important}
.blue-ribbon .ghost{padding:5px 7px!important;font-size:10px!important}
.head-actions{gap:5px!important}
.head-actions button{padding:6px 8px!important;font-size:11px!important}
@media(max-width:600px){.toolbar{gap:3px;padding:5px}.toolbar>button,.toolbar>.tool-file{font-size:10px;padding:5px 6px}.toolbar .history-group button{min-width:48px;padding:5px 6px}}