@font-face{font-family:Amiri;src:url('../assets/fonts/amiri-arabic-400-normal.woff2') format('woff2');font-display:swap}
.creative-section{border:1px solid #e3e9ee;border-radius:15px;padding:14px;margin-bottom:18px;background:#fff;color:#334d5b}.creative-section summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;font-weight:700}.creative-section summary small{font-size:10px;font-weight:400;color:#71848f}.creative-section p,.creative-intro p{font-size:11px;line-height:1.8;color:#70828c;margin:8px 0 14px}
.creative-grid-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creative-grid-gallery button{background:#f4f7f9;border:1px solid #e3e9ee;border-radius:10px;padding:9px;color:var(--brand-primary);cursor:pointer}.creative-grid-gallery button:hover{border-color:var(--brand-primary);background:var(--brand-primary-tint)}.creative-grid-gallery svg{width:100%;display:block}.creative-grid-gallery span{display:block;font-size:10px;color:#526b78;margin-top:7px}
.creative-arrange{width:310px;padding:18px!important;text-align:right;color:#314957}.creative-arrange>strong{font-size:14px}.creative-arrange>p{font-size:11px;line-height:1.8;color:#70838e;margin:8px 0 12px}.creative-arrange>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.creative-arrange>div>button{padding:12px 9px;border:1px solid #e0e8ed;background:#f7f9fb;border-radius:10px;font-size:11px;color:#45616f;cursor:pointer}.creative-arrange>div>button:hover{border-color:var(--brand-primary)}.arrange-preview{display:grid;gap:4px;height:35px;margin-bottom:9px}.arrange-preview i{background:var(--brand-primary);opacity:.6;border-radius:3px}
.creative-photo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#5c7c87;font-size:13px;text-align:center;border:1px dashed #8ba8af77;border-radius:inherit;cursor:pointer;background:transparent}.creative-photo-placeholder svg{width:26px;height:26px}.creative-photo-placeholder:hover{background:#ffffff33}.creative-photo-placeholder span{max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creative-intro b{font-size:19px;color:var(--brand-primary)}.creative-cover-gallery{display:grid;grid-template-columns:1fr;gap:16px}.creative-cover-card{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #e1e7ec;border-radius:13px;background:#fff;cursor:pointer;text-align:right;color:#354e5c;transition:border-color .15s,box-shadow .15s}.creative-cover-card:hover{border-color:var(--brand-primary);box-shadow:0 5px 18px #20374414}.creative-cover-card>svg{display:block;width:100%;aspect-ratio:16/9;background:#f5f7f8}.creative-cover-card>span{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 0}.creative-cover-card b{font-size:14px}.creative-cover-card small{font-size:10px;color:#607d89;background:#f2f6f7;border-radius:5px;padding:3px 7px}.creative-cover-card p{font-size:10px;color:#7a8d96;margin:6px 13px 12px}
.creative-cover-controls{padding:13px;background:var(--brand-primary-tint);border:1px solid var(--brand-primary-border);border-radius:12px;margin:0 0 18px;color:#355864}.creative-cover-controls>strong{display:block;font-size:12px;margin-bottom:10px}.creative-cover-controls>div{display:flex;flex-wrap:wrap;gap:8px}.creative-cover-controls button{display:flex;align-items:center;gap:5px;font-size:11px;background:white;padding:8px;border-radius:8px;border:1px solid #dee8ed;cursor:pointer}.creative-cover-controls svg{width:15px;height:15px}.creative-cover-controls>small{display:block;margin-top:10px;font-size:10px;color:#6b838d}
.creative-template-tools{margin-bottom:20px}.basmala-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:15px 12px;width:100%;min-height:132px;border:1px solid #dce6eb;background:white;border-radius:14px;color:var(--brand-primary);cursor:pointer}.basmala-card>span{font-family:Amiri,serif;font-size:58px;line-height:1.2}.basmala-card>b{font-size:12px}.basmala-card>small{font-size:10px;color:#77909b}.template-default-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font-size:10px;background:var(--brand-primary-tint);border-radius:10px;margin-top:12px;color:#59737e}.template-default-status button{font-size:10px;text-decoration:underline;cursor:pointer}.template-scope-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.template-scope-options label{padding:18px 12px;border:1px solid #dee7ec;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:8px;cursor:pointer}.template-scope-options label:has(input:checked){border-color:var(--brand-primary);background:var(--brand-primary-tint)}.template-future{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.8;cursor:pointer}.template-scope-dialog input{accent-color:var(--brand-primary)}
.ready-icon-more{width:100%;padding:10px;margin-top:8px;border-radius:9px;background:var(--brand-primary-tint);color:var(--brand-primary);font-size:11px;cursor:pointer}.ready-icon-more[hidden]{display:none}.ready-icon-results{max-height:310px;overflow:auto}.icon-family-filter{width:100%;padding:9px;border:1px solid #dce6ed;border-radius:9px;font-size:12px;color:#536d7c;background:white;margin-bottom:12px}.ready-icon-popover{max-height:calc(100vh - 24px);overflow:auto}
#editor-view>div.flex.flex-1>aside:first-of-type{overflow-y:auto;min-height:0}.sidebar-icon-btn{flex-shrink:0}.creative-grid-gallery button:focus-visible,.creative-cover-card:focus-visible,.basmala-card:focus-visible{outline:3px solid var(--brand-primary-border);outline-offset:2px}
@media(max-width:600px){.template-scope-options{grid-template-columns:1fr}}
.element-wrapper[data-creative-native=true]{padding:0;border:0}.element-wrapper[data-creative-native=true].selected{border:0;background:transparent;outline:1px dashed var(--brand-primary)}
/* Anchor the fixed-size slide physically left before scaling in an RTL viewport. */
#canvas-viewport>#canvas{position:absolute;left:0;top:0}