.editor-workspace{position:relative;min-height:0}.stage-wrapper #canvas-viewport{margin-inline:auto}.editor-view-controls{position:absolute;bottom:12px;left:20px;z-index:400;display:flex;align-items:center;gap:3px;background:#fff;color:#243344;border:1px solid #dce4eb;border-radius:12px;padding:5px;box-shadow:0 3px 14px #17233012;direction:ltr}.editor-view-controls button{min-width:32px;height:30px;padding:2px 9px;border-radius:7px;font-size:12px;font-weight:700}.editor-view-controls button:hover{background:#edf4ff}.editor-view-controls svg{width:18px;height:18px}.editor-view-controls #editor-zoom-value{min-width:55px;font-variant-numeric:tabular-nums}.slide-thumb{overflow:hidden;isolation:isolate}.slide-live-preview{position:absolute;top:0;left:0;width:960px;height:var(--canvas-h,540px);transform-origin:top left;overflow:hidden;background-color:white;background-position:center;pointer-events:none;direction:rtl;font-weight:400;color:#172330}.slide-live-preview .element-content{pointer-events:none}.slide-thumb .slide-thumb-number,.slide-thumb .slide-smart-layout,.slide-thumb .slide-thumb-actions{z-index:3}.slide-thumb .slide-thumb-number{position:absolute;bottom:6px;right:6px;top:auto;box-shadow:0 1px 5px #0002;font-size:10px;padding:2px 6px;min-width:18px;height:auto}.slide-thumb-actions{bottom:3px!important}.editor-tools-dialog{width:min(550px,94vw);max-height:88vh;overflow:auto;border:1px solid #e1e7ee;border-radius:20px;padding:24px;color:#263345;background:white;direction:rtl;box-shadow:0 20px 70px #0003}.editor-tools-dialog::backdrop{background:#15202c77}.editor-tools-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:15px}.editor-tools-dialog h2{font-size:21px;font-weight:800}.editor-tools-dialog p{color:#617386;line-height:1.8;font-size:13px;margin:10px 0}.editor-tools-dialog button{border:1px solid #dce4ec;border-radius:9px;padding:7px 12px}.editor-fields{display:grid;gap:12px}.editor-fields label{display:grid;gap:6px;font-size:13px}.editor-fields input,.editor-fields select{border:1px solid #dce4ec;border-radius:9px;background:#fff;padding:9px;color:#223344;width:100%}.editor-primary{background:var(--brand-primary,#0085ff)!important;color:white!important;border-color:transparent!important}.shortcuts-table{width:100%;font-size:12px;border-collapse:collapse}.shortcuts-table th{text-align:right;font-weight:500;padding:11px 0}.shortcuts-table td{text-align:left;white-space:nowrap}.shortcuts-table tr{border-bottom:1px solid #edf1f4}.shortcuts-table kbd{font-family:inherit;background:#f3f6f9;border-radius:5px;padding:3px 7px}.kpi-icon-choices{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.kpi-icon-choices button{padding:8px}.kpi-icon-choices svg{width:20px;height:20px}.kpi-icon-choices .active{outline:2px solid var(--brand-primary)}#canvas .cell-selected{box-shadow:inset 0 0 0 2px var(--brand-primary)!important;background-color:color-mix(in srgb,var(--brand-primary) 14%,white)!important}.editor-nav-choice{margin:18px 24px;padding:14px;border:1px solid #dce4ec;border-radius:12px;display:flex;gap:30px}.editor-nav-choice legend{font-size:14px;font-weight:700}.editor-nav-choice label{font-size:13px;cursor:pointer}.editor-section-rail{flex-shrink:0}
html[data-editor-nav=top] .editor-workspace{display:grid!important;grid-template-columns:auto auto minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);grid-template-areas:"nav nav nav" "slides drawer stage";gap:0}
html[data-editor-nav=top] .editor-section-rail{grid-area:nav;width:100%!important;flex-direction:row!important;justify-content:flex-start!important;overflow-x:auto;overflow-y:hidden;padding:6px 18px!important;border-bottom:1px solid #e0e6ed;gap:6px}
html[data-editor-nav=top] .editor-section-rail>button{flex:0 0 auto;width:86px!important;min-height:56px;padding:6px!important;gap:4px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
html[data-editor-nav=top] #slides-panel{grid-area:slides;min-height:0}
html[data-editor-nav=top] #drawer{grid-area:drawer;min-height:0}
html[data-editor-nav=top] .stage-wrapper{grid-area:stage}
html[data-editor-nav=top] #drawer-content{overflow:auto;min-height:0}
@media(max-width:900px){html[data-editor-nav=top] #slides-panel{width:112px!important}html[data-editor-nav=top] #drawer.open{width:255px!important}.editor-view-controls{left:8px;bottom:8px}.editor-section-rail{max-height:100%}}
.global-elements-owner label{display:grid;gap:6px;font-size:13px}.global-elements-owner input,.global-elements-owner textarea,.global-elements-owner select{border:1px solid #dae4ec;border-radius:8px;background:#fff;color:#263345;padding:8px;width:100%;min-width:0}.global-elements-owner textarea{font:12px/1.6 monospace}.global-owner-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr);gap:24px;margin-top:20px}.global-owner-grid form{display:grid;gap:14px}.global-owner-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.global-owner-actions{display:flex;flex-wrap:wrap;gap:10px}.global-elements-owner button{border:1px solid #dce4ec;padding:8px 12px;border-radius:8px;font-size:12px}.global-element-preview{position:relative;aspect-ratio:16/9;background:#fff;border:1px solid #dce4ec;border-radius:12px;overflow:hidden}.global-element-preview>[data-stage]{width:960px;height:540px;position:absolute;left:0;top:0;transform-origin:top left}.global-element-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e5edf3}.global-element-row span{flex:1;display:grid;gap:4px}.global-element-row small{color:#718096}.global-owner-grid [data-list]{margin-top:22px}.global-owner-grid [data-status]{min-height:24px;margin:12px 0;color:#187358}.global-owner-grid small{font-size:12px;line-height:1.8;display:block;margin-top:8px}@media(max-width:850px){.global-owner-grid{grid-template-columns:1fr}}
#editor-view .selection-tools{bottom:62px}

/* Page thumbnails keep the document's own shape; tall pages stay compact. */
body.design-mode #slide-list .slide-thumb{height:auto;aspect-ratio:var(--canvas-ratio,16/9);width:min(100%,max(96px,calc(120px * var(--canvas-ar,1.7778))));margin-inline:auto;overflow:visible;margin-bottom:24px}body.design-mode #slide-list .slide-thumb>.slide-live-preview{overflow:hidden;clip-path:inset(0 round var(--thumb-radius,120px))}