/* Appearance only: no slide geometry, content or organization settings change. */
.desktop-mode #editor-view .project-save-meta { display:none !important; }
.desktop-mode #desktop-editor-license[hidden] { display:none !important; }
.editor-header .editor-heading { flex:1;min-width:0; }
.editor-header .editor-brand { min-width:0;flex-shrink:1; }
.editor-header #brand-title { max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.editor-header .project-title-wrap { min-width:100px;max-width:260px;flex:1; }
.editor-header #project-name-input { width:100%;min-width:0;text-overflow:ellipsis; }
.editor-header .editor-actions { flex-shrink:0;align-items:center; }
.editor-header #editor-file-state { font-size:10px;color:#8a744b;line-height:1.5; }
.editor-header #editor-file-state:empty { display:none; }
.appearance-trigger { display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e4e9ec;border-radius:10px;background:white;color:#51616c;white-space:nowrap; }
.appearance-trigger svg { width:17px;height:17px; }
.studio-actions { display:none; }
.appearance-dialog { padding:28px;width:min(560px,calc(100vw - 40px));border:1px solid #e3e8ed;border-radius:24px;box-shadow:0 24px 90px #15263230;color:#273b46;background:#fff;direction:rtl; }
.appearance-dialog::backdrop { background:#14232d55;backdrop-filter:blur(4px); }
.appearance-dialog-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px; }
.appearance-dialog h2 { font-size:21px;font-weight:700;margin:0 0 8px; }.appearance-dialog p { font-size:12px;color:#71828d;margin:0; }
.appearance-dialog-heading>button { display:grid;place-items:center;padding:7px;border:0;background:#f4f6f8;border-radius:10px;color:#70808b; }.appearance-dialog-heading svg { width:18px;height:18px; }
.appearance-options { display:grid;grid-template-columns:1fr 1fr;gap:16px; }.appearance-option { position:relative;padding:12px;border:1px solid #e0e6eb;border-radius:16px;cursor:pointer;background:#fff; }
.appearance-option:has(input:checked) { border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-soft);background:var(--brand-primary-tint); }
.appearance-option:focus-within { outline:3px solid var(--brand-primary-border);outline-offset:3px; }.appearance-option input { position:absolute;width:1px;height:1px;opacity:0; }
.appearance-mini { display:block;height:125px;background:#eef2f5;border:1px solid #e1e6e9;border-radius:9px;overflow:hidden; }
.mini-toolbar { height:23px;display:flex;align-items:center;gap:5px;background:#fff;border-bottom:1px solid #e1e6e9;padding:7px; }.mini-toolbar b { height:5px;width:44%;border-radius:3px;background:#ced7de;margin-inline-end:auto; }.mini-toolbar i { width:13px;height:8px;border-radius:2px;background:var(--brand-primary);opacity:.7; }
.mini-workspace { height:calc(100% - 23px);display:flex;gap:5px;align-items:center;padding:7px; }.mini-workspace>i { width:10px;height:100%;background:#fff; }.mini-workspace>b { width:23px;height:100%;background:linear-gradient(#fff 0 25%,transparent 25% 30%,#fff 30% 55%,transparent 55% 60%,#fff 60% 85%,transparent 85%); }.mini-workspace>em { flex:1;aspect-ratio:16/9;background:#fff;border-bottom:3px solid var(--brand-primary);box-shadow:0 3px 9px #1d344014; }
.appearance-mini.studio .mini-toolbar { height:28px;padding:8px 10px; }.appearance-mini.studio .mini-toolbar i:last-child { width:26px;border-radius:4px; }.appearance-mini.studio .mini-workspace { height:calc(100% - 28px);gap:7px;padding:9px; }.appearance-mini.studio .mini-workspace>i,.appearance-mini.studio .mini-workspace>b { border-radius:5px; }
.appearance-option-title { display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650;margin:14px 0 5px; }.appearance-option small { font-size:11px;color:#6a7b86; }.appearance-radio { width:16px;height:16px;border-radius:50%;border:1px solid #b7c4cc;background:#fff; }.appearance-option:has(input:checked) .appearance-radio { border:5px solid var(--brand-primary); }
.appearance-dialog-footer { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px; }.appearance-dialog-footer>span { font-size:11px;color:#80909a; }.appearance-done { border:0;padding:10px 30px;border-radius:10px;background:var(--brand-primary);color:var(--desktop-on-accent,#fff);font-weight:600;font-size:12px; }
/* Studio */
/* Studio, Paper and Night share the refined toolbar structure. */
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .desktop-mode #editor-view { background:#f2f5f7; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .desktop-mode #editor-view>header { height:88px;flex-shrink:0;padding:0 24px;gap:20px;border:0;border-bottom:1px solid #e7ecef;background:#fff;box-shadow:none; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .editor-heading { gap:18px !important; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .editor-brand { gap:10px !important; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #brand-logo-mark { width:38px;height:38px;display:grid;place-items:center;padding:8px;border-radius:12px;box-shadow:none;flex-shrink:0; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #brand-logo-mark svg { width:20px;height:20px; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .desktop-mode #brand-title { font-size:13px;font-weight:650;max-width:125px; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .project-back-btn { width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #e4e9ed;border-radius:10px;background:#fff;flex-shrink:0; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .project-back-btn span { display:none; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .project-back-btn svg { width:17px;height:17px; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .project-title-wrap { max-width:330px; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .desktop-mode #project-name-input { font-size:14px;font-weight:650;padding:7px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#243946; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #project-name-input:hover { background:#f6f8fa; }html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #project-name-input:focus { outline:none;border-color:var(--brand-primary-border);background:#fff; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #editor-file-state { padding-inline:8px; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .editor-history { gap:3px;padding-inline-start:12px;padding-inline-end:0;border:0;border-inline-start:1px solid #e6ebee;flex-shrink:0; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .history-btn { width:32px;height:32px;border-radius:8px;color:#637783; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .history-btn:hover { background:var(--brand-primary-tint);color:var(--brand-primary); }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .editor-actions { gap:12px !important; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .editor-actions>.classic-export,html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .editor-actions>.desktop-file-actions { display:none; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .studio-actions { display:flex;align-items:center;gap:10px; }
.studio-save-group,.studio-export-group { position:relative;display:flex;align-items:stretch; }
.studio-actions button { font-family:inherit;cursor:pointer; }
.studio-save-group { border:1px solid #dfe6eb;border-radius:11px;background:#fff; }
.studio-save,.studio-save-more { display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 13px;border:0;background:transparent;color:#344e5e;font-size:12px;font-weight:600; }
.studio-save-more { border-inline-start:1px solid #e6ecef;padding:9px 7px;border-start-end-radius:10px;border-end-end-radius:10px; }.studio-save { border-start-start-radius:10px;border-end-start-radius:10px; }
.studio-actions svg { width:17px;height:17px; }.studio-save-more svg { width:13px; }.studio-save:hover,.studio-save-more:hover { background:#f5f8fa; }
.studio-export { display:flex;align-items:center;gap:9px;background:var(--brand-primary);color:var(--desktop-on-accent,#fff);border:1px solid transparent;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:650;box-shadow:0 3px 9px var(--brand-primary-shadow); }.studio-export>svg:last-child { width:13px;margin-inline-start:6px; }.studio-export:hover { filter:brightness(.96); }
.editor-action-menu { position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:268px;padding:7px;border:1px solid #e3e9ed;border-radius:15px;background:white;box-shadow:0 16px 45px #20384524;z-index:450; }
.editor-action-menu[hidden] { display:none; }.editor-action-menu button { display:flex;align-items:center;gap:12px;width:100%;padding:13px 11px;border:0;border-radius:9px;background:white;text-align:start;color:#304b5b; }
.editor-action-menu button:hover,.editor-action-menu button:focus-visible { background:var(--brand-primary-tint);outline:2px solid var(--brand-primary-border); }.editor-action-menu button>svg { color:var(--brand-primary);width:21px;height:21px; }.editor-action-menu b { display:block;font-size:12px;font-weight:650; }.editor-action-menu small { display:block;margin-top:4px;font-size:10px;font-weight:400;color:#7a8b96; }
body.viewer-mode .studio-save-group { display:none; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #editor-view>div.flex.flex-1 { padding:14px;gap:12px; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #editor-view>div.flex.flex-1>aside:first-of-type { border:1px solid #e4eaee;border-radius:16px;width:82px;padding:18px 8px;gap:12px;flex-shrink:0; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .sidebar-icon-btn { border-radius:12px;min-height:52px;width:62px;color:#6d818e; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .sidebar-icon-btn.active { color:var(--brand-primary);background:var(--brand-primary-soft); }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #slides-panel { width:186px;border:1px solid #e4eaee;border-radius:16px;padding:17px 13px;flex-shrink:0; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #slides-panel>button { padding:11px;border:1px dashed #d7e0e5;border-radius:10px;flex-direction:row;justify-content:center;margin-bottom:18px;background:#f8fafb; }.desktop-mode .sidebar-icon-btn:disabled { cursor:default; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .stage-wrapper { background-color:#eaf0f3;background-image:radial-gradient(#c8d5dd 0.65px,transparent 0.65px);background-size:20px 20px;border:1px solid #dfe7ec;border-radius:17px; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) #drawer { border:1px solid #e4eaee;border-radius:16px; }
html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .desktop-mode #canvas { box-shadow:0 14px 48px #243e4f1a,0 0 0 1px #dce4e9; }
@media(max-width:1200px) { .editor-header .appearance-trigger>span { display:none; }.editor-header .editor-heading { gap:10px !important; }.editor-header #brand-title { max-width:85px; }html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .desktop-mode #editor-view>header { padding:0 16px;gap:12px; }html:is([data-editor-theme=studio],[data-editor-theme=paper],[data-editor-theme=midnight]) .editor-heading { gap:10px !important; } }
@media(prefers-reduced-motion:reduce) { .appearance-dialog *,.editor-header * { transition:none !important; } }
/* Paper: warm surfaces, compact corners and an uninterrupted workspace. */
html[data-editor-theme=paper] .desktop-mode #editor-view{background:#f5f3ef}
html[data-editor-theme=paper] .desktop-mode #editor-view>header{background:#fffdf9;border-bottom-color:#e5e0d7}
html[data-editor-theme=paper] #editor-view>div.flex.flex-1{padding:10px;gap:9px}
html[data-editor-theme=paper] #editor-view>div.flex.flex-1>aside:first-of-type,html[data-editor-theme=paper] #slides-panel,html[data-editor-theme=paper] #drawer{border-radius:8px;background:#fffdf9;border-color:#e6e1d9}
html[data-editor-theme=paper] .stage-wrapper{background:#eeeae3;background-image:none;border-radius:8px;border-color:#e3ddd3}
html[data-editor-theme=paper] .sidebar-icon-btn{border-radius:7px}
html[data-editor-theme=paper] .desktop-mode #canvas{box-shadow:0 5px 20px #675e491c,0 0 0 1px #dcd8cf}
.appearance-mini.paper{background:#eae5dc;border-color:#e0dace}.appearance-mini.paper .mini-toolbar,.appearance-mini.paper .mini-workspace>i{background:#fffdf9}.appearance-mini.paper .mini-workspace{gap:7px}
/* Night: scope colors to editor chrome, never to slide content or slide previews. */
html[data-editor-theme=midnight]{--editor-ink:#e1e8ed;--editor-muted:#a3b2bd;--editor-panel:#202b35;--editor-line:#3a4855;--editor-control:#2b3945}
html[data-editor-theme=midnight] .desktop-mode #editor-view{background:#151e26}
html[data-editor-theme=midnight] .desktop-mode #editor-view>header{background:#1d2832;border-bottom:1px solid var(--editor-line)}
html[data-editor-theme=midnight] :is(.editor-header,#drawer,#slides-panel,.appearance-dialog,.ready-icon-popover){color:var(--editor-ink)}
html[data-editor-theme=midnight] #editor-view>div.flex.flex-1>aside:first-of-type,html[data-editor-theme=midnight] :is(#slides-panel,#drawer){background:var(--editor-panel);border-color:var(--editor-line)}
html[data-editor-theme=midnight] .stage-wrapper{background-color:#131c24;background-image:radial-gradient(#334451 .7px,transparent .7px);border-color:#33424e}
html[data-editor-theme=midnight] .desktop-mode #canvas{box-shadow:0 14px 50px #00000066,0 0 0 1px #50616d}
html[data-editor-theme=midnight] .desktop-mode #project-name-input,html[data-editor-theme=midnight] .desktop-mode #brand-title{color:var(--editor-ink)}
html[data-editor-theme=midnight] :is(.appearance-trigger,.project-back-btn,.history-btn,.studio-save,.studio-save-more){color:var(--editor-ink);background:transparent;border-color:var(--editor-line)}
html[data-editor-theme=midnight] :is(.studio-save-group,.editor-action-menu,.editor-action-menu button,.appearance-dialog,.appearance-option,.ready-icon-popover){background:var(--editor-panel);border-color:var(--editor-line);color:var(--editor-ink)}
html[data-editor-theme=midnight] :is(.editor-action-menu small,.appearance-dialog p,.appearance-option small,.appearance-dialog-footer>span,.slides-panel-heading,.creative-section summary small){color:var(--editor-muted)}
html[data-editor-theme=midnight] .appearance-option:has(input:checked){background:var(--editor-control);border-color:var(--brand-primary)}
html[data-editor-theme=midnight] .sidebar-icon-btn{color:var(--editor-muted)}
html[data-editor-theme=midnight] .sidebar-icon-btn.active{color:var(--editor-ink);background:color-mix(in srgb,var(--brand-primary) 25%,#24333d);box-shadow:inset -3px 0 var(--brand-primary)}
html[data-editor-theme=midnight] #slides-panel>button{background:var(--editor-control);color:var(--editor-ink);border-color:#51626f}
html[data-editor-theme=midnight] #drawer>div:first-child{background:var(--editor-panel);border-color:var(--editor-line)}
html[data-editor-theme=midnight] #drawer :is(.text-slate-800,.text-slate-700,.text-slate-600,.text-slate-500){color:var(--editor-ink)}
html[data-editor-theme=midnight] #drawer :is(input,select,.creative-section,.creative-cover-card,.creative-grid-gallery button,.basmala-card,.creative-cover-controls button,.icon-card,.icon-style-presets button,.device-image-upload,.template-library-section,.block-category-header){background:var(--editor-control);border-color:var(--editor-line);color:var(--editor-ink)}
html[data-editor-theme=midnight] #drawer :is(.creative-grid-gallery span,.creative-section p,.creative-intro p,.creative-cover-card p,.creative-cover-card small,.template-library-section summary,.photo-library-user-head,.template-default-status,.creative-cover-controls,.creative-cover-controls small){color:var(--editor-muted)}
html[data-editor-theme=midnight] #drawer .creative-cover-card small{background:#34434e}
html[data-editor-theme=midnight] :is(.ready-icon-choice,.ready-icon-search){background:var(--editor-control);color:var(--editor-ink);border-color:var(--editor-line)}
html[data-editor-theme=midnight] .template-scope-options label{border-color:var(--editor-line)}
html[data-editor-theme=midnight] :is(.brand-menu,.dynamic-properties-menu,.ready-arrangement-menu){background:var(--editor-panel);border-color:var(--editor-line);color:var(--editor-ink)}
html[data-editor-theme=midnight] .creative-arrange>div>button{background:var(--editor-control);border-color:var(--editor-line);color:var(--editor-ink)}
.appearance-mini.midnight{background:#15212a;border-color:#3d4e5a}.appearance-mini.midnight .mini-toolbar,.appearance-mini.midnight .mini-workspace>i{background:#283743;border-color:#3d4e5a}.appearance-mini.midnight .mini-workspace>b{background:linear-gradient(#3b4d5c 0 25%,transparent 25% 30%,#3b4d5c 30% 55%,transparent 55% 60%,#3b4d5c 60% 85%,transparent 85%)}
.appearance-dialog{max-height:calc(100vh - 40px);overflow:auto}.appearance-mini{height:100px}.appearance-dialog-heading{margin-bottom:18px}
html[data-editor-theme=midnight] .desktop-mode #brand-title{color:var(--editor-ink)!important}