/* فونت‌های هاست کاربر — فایل‌ها باید در /fonts قرار داشته باشند */

:root{
  --app-bg:#080a10;
  --panel:#10131c;
  --panel-1:#10131c;
  --panel-2:#151925;
  --panel-3:#1b2030;
  --line:#262c3b;
  --line-soft:#1d2230;
  --text:#f4f6fb;
  --muted:#8d96aa;
  --muted-2:#626b7e;
  --accent:#7559ff;
  --accent-2:#9b87ff;
  --accent-soft:rgba(117,89,255,.14);
  --success:#38d39f;
  --danger:#ff6680;
  --warning:#ffbd57;
  --topbar-h:62px;
  --left-w:292px;
  --right-w:330px;
  --radius:12px;
}
*{box-sizing:border-box}
html,body{height:100%;overflow:hidden}
body{margin:0;background:var(--app-bg);color:var(--text);font-family:"Vazirmatn",sans-serif;font-size:13px;user-select:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#303648;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:#454d63}
.app-shell{height:100vh;display:flex;flex-direction:column;background:var(--app-bg)}
.topbar{height:var(--topbar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(13,16,24,.96);backdrop-filter:blur(15px);z-index:100}
.brand-wrap,.topbar-actions,.topbar-center{display:flex;align-items:center;gap:9px}.topbar-actions{justify-content:flex-start}.topbar-center{justify-content:center}
.brand-mark{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:17px;font-weight:900;background:linear-gradient(145deg,var(--accent),#4d35ce);box-shadow:0 8px 28px rgba(117,89,255,.3)}
.brand-text{display:flex;flex-direction:column;line-height:1.35}.brand-text strong{font-size:13px}.brand-text span{font-size:9px;color:var(--muted);margin-top:2px}.brand-text span.saving{color:var(--warning)}
.icon-btn,.device-btn{width:32px;height:32px;border:1px solid transparent;background:transparent;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer;color:#aeb6c8;transition:.18s}.icon-btn:hover,.device-btn:hover{background:var(--panel-3);color:#fff;border-color:var(--line)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}
.top-separator{width:1px;height:22px;background:var(--line);margin:0 3px}.device-switcher{display:flex;padding:3px;border:1px solid var(--line);background:#0b0e15;border-radius:10px;gap:2px}.device-btn{width:31px;height:27px;font-size:17px}.device-btn.active{background:var(--accent-soft);color:var(--accent-2);border-color:rgba(117,89,255,.2)}
.btn-soft,.btn-primary-x{height:34px;border-radius:9px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);cursor:pointer;font-weight:700;transition:.18s;white-space:nowrap}.btn-soft{background:#151925;color:#d9deea}.btn-soft:hover{background:#1c2130;border-color:#343b4d}.btn-primary-x{border-color:transparent;background:linear-gradient(135deg,var(--accent),#6043e8);color:#fff;box-shadow:0 6px 18px rgba(117,89,255,.22)}.btn-primary-x:hover{filter:brightness(1.08);transform:translateY(-1px)}
.workspace{min-height:0;flex:1;display:grid;grid-template-columns:var(--right-w) minmax(320px,1fr) var(--left-w);direction:ltr}.left-panel,.right-panel,.stage-area{direction:rtl}.left-panel,.right-panel{background:var(--panel);min-height:0;display:flex;flex-direction:column;z-index:30}.left-panel{border-left:1px solid var(--line)}.right-panel{border-right:1px solid var(--line)}
.panel-tabs{height:49px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:7px 7px 0;gap:3px;border-bottom:1px solid var(--line-soft)}.panel-tabs button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:var(--muted);font-size:10.5px;border-radius:7px 7px 0 0;cursor:pointer;position:relative}.panel-tabs button:hover{color:#fff;background:#151925}.panel-tabs button.active{color:#fff;background:#191e2a}.panel-tabs button.active:after{content:"";position:absolute;bottom:-1px;right:18%;left:18%;height:2px;border-radius:3px;background:var(--accent)}
.panel-search{margin:10px;display:flex;align-items:center;background:#0b0e15;border:1px solid var(--line);border-radius:9px;padding:0 10px;height:36px;gap:8px;color:var(--muted)}.panel-search:focus-within{border-color:#5140a7;box-shadow:0 0 0 3px rgba(117,89,255,.08)}.panel-search input{width:100%;border:0;outline:0;color:#fff;background:transparent;font-size:11px}.panel-search input::placeholder{color:#596276}
.library-content{flex:1;overflow:auto;padding:0 10px 12px}.library-group{margin-bottom:15px}.library-group-head{height:32px;display:flex;align-items:center;justify-content:space-between;color:#d7dbe5;font-weight:700;font-size:11px}.library-group-head small{color:var(--muted-2);font-weight:400}.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.component-item{min-height:65px;padding: 8px 0;border:1px solid var(--line);border-radius:10px;background:#141824;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:grab;transition:.18s}.component-item:hover{border-color:#5949ae;background:#191d2c;transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.component-item:active{cursor:grabbing}.component-item .comp-icon{width:28px;height:25px;border-radius:6px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-2);font-size:15px}.component-item span{font-size:10px;color:#c2c8d4}
.section-card,.template-card{border:1px solid var(--line);border-radius:11px;background:#141824;overflow:hidden;margin-bottom:8px;cursor:pointer;transition:.18s}.section-card:hover,.template-card:hover{border-color:#5b49b4;transform:translateY(-1px);box-shadow:0 9px 22px rgba(0,0,0,.2)}.section-preview,.template-preview{height:82px;position:relative;overflow:hidden;padding:10px;background:linear-gradient(135deg,#20263a,#111520)}.template-preview{height:105px}.section-preview:before,.template-preview:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;filter:blur(28px);background:var(--preview-accent,#7559ff);opacity:.45;top:-35px;left:-15px}.mini-nav{height:6px;width:65%;border-radius:4px;background:rgba(255,255,255,.15);margin-bottom:12px}.mini-title{height:8px;width:70%;border-radius:4px;background:rgba(255,255,255,.72);margin-bottom:7px}.mini-text{height:5px;width:90%;border-radius:4px;background:rgba(255,255,255,.23);margin-bottom:4px}.mini-text.short{width:55%}.mini-btn{width:35px;height:11px;background:var(--preview-accent,#7559ff);border-radius:4px;margin-top:9px}.section-meta,.template-meta{padding:8px 9px;display:flex;align-items:center;justify-content:space-between}.section-meta strong,.template-meta strong{font-size:10px}.section-meta span,.template-meta span{font-size:8px;color:var(--muted)}
.asset-drop{border:1px dashed #343b4e;border-radius:11px;padding:20px 10px;text-align:center;color:var(--muted);cursor:pointer;margin-bottom:10px}.asset-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.asset-drop b{display:block;font-size:22px;color:var(--accent-2);margin-bottom:7px}.asset-drop strong{display:block;color:#dce1eb;font-size:11px}.asset-drop small{font-size:9px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.asset-item{aspect-ratio:1;border-radius:8px;border:1px solid var(--line);overflow:hidden;cursor:grab;background:#1b2030;position:relative}.asset-item img{width:100%;height:100%;object-fit:cover}.asset-item .asset-delete-btn{position:absolute;left:3px;top:3px;border:0;background:rgba(7,9,14,.78);color:white;border-radius:5px;width:22px;height:22px;display:none;place-items:center;cursor:pointer}.asset-item:hover .asset-delete-btn{display:grid}
.left-footer{height:44px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;padding:6px;gap:5px}.left-footer button{border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.left-footer button:hover{background:var(--panel-3);color:white}
.stage-area{min-width:0;min-height:0;display:flex;flex-direction:column;background:#090b11;position:relative}.stage-toolbar{height:43px;border-bottom:1px solid #1a1e29;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:var(--muted);background:#0c0f16}.breadcrumb{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-wrap{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#121620}.zoom-wrap button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);height:26px;min-width:27px;font-size:10px;cursor:pointer}.zoom-wrap button:last-child{border-left:0}.zoom-wrap button:hover{background:#1d2230;color:white}
.stage-scroller{flex:1;min-height:0;overflow:auto;padding:46px;display:flex;align-items:flex-start;justify-content:center;background-color:#090b11;background-image:radial-gradient(#262b39 1px,transparent 1px);background-size:18px 18px}.canvas-frame{position:relative;flex:0 0 auto;width:1200px;min-height:720px;transform-origin:top center;transition:width .25s ease;box-shadow:0 20px 80px rgba(0,0,0,.55),0 0 0 1px #303544;background:#fff}.canvas-frame.tablet{width:768px}.canvas-frame.mobile{width:390px}.canvas-page{min-height:720px;background:#fff;position:relative;overflow:hidden;color:#181922;outline:none;user-select:none}.canvas-frame:not(.grid-visible) .canvas-page{background-image:none!important}.canvas-frame.grid-visible .canvas-page{background-image:linear-gradient(rgba(125,125,150,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(125,125,150,.055) 1px,transparent 1px);background-size:20px 20px}
.canvas-empty{height:720px;display:flex;align-items:center;justify-content:center;text-align:center;color:#98a0af}.canvas-empty .empty-ring{width:90px;height:90px;border:1px dashed #c9ced8;border-radius:50%;display:grid;place-items:center;font-size:32px;margin:0 auto 15px}.canvas-empty strong{display:block;color:#434958;margin-bottom:6px}.canvas-empty p{font-size:12px;max-width:250px;line-height:1.8}.canvas-empty button{border:0;background:#7559ff;color:white;padding:9px 18px;border-radius:8px}
.drop-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);background:#7559ff;color:white;border-radius:9px;padding:9px 15px;opacity:0;pointer-events:none;transition:.2s;z-index:15;box-shadow:0 8px 25px rgba(117,89,255,.35)}.drop-hint.show{opacity:1;transform:translateX(-50%) translateY(0)}
.editor-node{position:relative}.editor-node.is-selected{outline:2px solid #7559ff!important;outline-offset:-2px}.editor-node.is-multi-selected{outline:2px dashed #ff8c59!important;outline-offset:-2px}.editor-node.is-locked:after{content:"🔒";position:absolute;left:5px;top:5px;width:22px;height:22px;border-radius:5px;background:#111827;color:white;display:grid;place-items:center;font-size:10px;z-index:50}.editor-node.is-hidden{opacity:.28}.editor-node[draggable="true"]{cursor:grab}.editor-node.dragging{opacity:.35}.node-drop-before:before,.node-drop-after:after{content:"";position:absolute;left:5px;right:5px;height:3px;background:#7559ff;border-radius:4px;z-index:100}.node-drop-before:before{top:-2px}.node-drop-after:after{bottom:-2px}.editable-text[contenteditable="true"],.inline-editable-part[contenteditable="true"]{outline:2px solid #38d39f!important;cursor:text!important;user-select:text}.editor-node a,.editor-node button,.editor-node input,.editor-node textarea{pointer-events:none}.inline-editable-part{pointer-events:auto!important}
.selection-overlay{position:absolute;border:1px solid #7559ff;pointer-events:none;z-index:999}.selection-label{position:absolute;right:-1px;top:-21px;background:#7559ff;color:white;font-size:8px;padding:3px 6px;border-radius:4px 4px 0 0;white-space:nowrap}.resize-handle{position:absolute;width:8px;height:8px;background:white;border:2px solid #7559ff;border-radius:2px;pointer-events:auto}.resize-handle.nw{left:-5px;top:-5px;cursor:nwse-resize}.resize-handle.ne{right:-5px;top:-5px;cursor:nesw-resize}.resize-handle.sw{left:-5px;bottom:-5px;cursor:nesw-resize}.resize-handle.se{right:-5px;bottom:-5px;cursor:nwse-resize}.align-guide{position:absolute;background:#ff4fb4;pointer-events:none;z-index:1000}.guide-x{height:1px;left:0;right:0}.guide-y{width:1px;top:0;bottom:0}
.right-panel{overflow:hidden}.inspector-head{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.inspector-head>div{display:flex;flex-direction:column}.inspector-head span{color:var(--muted);font-size:9px}.inspector-head strong{font-size:11px;margin-top:3px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:var(--muted)}.empty-icon{width:58px;height:58px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;font-size:24px;margin-bottom:13px;background:#141824;color:#596176}.inspector-empty strong{color:#cbd1dc;margin-bottom:8px}.inspector-empty p{font-size:10px;line-height:1.8;max-width:220px}.inspector-body{min-height:0;flex:1;display:flex;flex-direction:column}.inspector-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);flex:0 0 40px;padding:0 5px}.inspector-tabs button{border:0;background:transparent;color:var(--muted);font-size:9px;padding:0 8px;white-space:nowrap;position:relative;cursor:pointer}.inspector-tabs button:hover{color:#fff}.inspector-tabs button.active{color:#fff}.inspector-tabs button.active:after{content:"";position:absolute;bottom:0;left:7px;right:7px;height:2px;background:var(--accent)}.inspector-content{flex:1;overflow:auto;padding:10px}
.inspector-section{border-bottom:1px solid var(--line-soft);padding:4px 0 13px;margin-bottom:8px}.inspector-section:last-child{border:0}.inspector-section-title{display:flex;align-items:center;justify-content:space-between;height:30px;font-weight:700;font-size:10px}.inspector-section-title small{font-weight:400;color:var(--muted)}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.control-grid.one{grid-template-columns:1fr}.control-grid.four{grid-template-columns:repeat(4,1fr)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span,.field-label{color:var(--muted);font-size:8px}.field-row{display:flex;align-items:center;gap:6px}.app-control,.app-select,.app-color-wrap{height:31px;border:1px solid var(--line);background:#0c0f17;color:#dce1ec;border-radius:7px;padding:0 8px;min-width:0;width:100%;outline:0;font-size:10px}.app-control:focus,.app-select:focus{border-color:#604dc2}.app-color-wrap{display:flex;align-items:center;padding:4px;gap:6px}.app-color-wrap input[type=color]{width:23px;height:21px;padding:0;border:0;background:transparent}.app-color-wrap input[type=text]{width:100%;border:0;background:transparent;color:#dce1ec;outline:0;direction:ltr;font-size:9px}.toggle-row{height:34px;display:flex;align-items:center;justify-content:space-between}.switch-x{width:35px;height:19px;border-radius:20px;background:#303647;position:relative;cursor:pointer;transition:.2s}.switch-x:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:white;top:2px;right:2px;transition:.2s}.switch-x.on{background:var(--accent)}.switch-x.on:after{right:18px}.segmented{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#0c0f17}.segmented button{flex:1;height:29px;background:transparent;border:0;border-left:1px solid var(--line);color:var(--muted);font-size:9px;cursor:pointer}.segmented button:last-child{border-left:0}.segmented button.active{background:var(--accent-soft);color:var(--accent-2)}.range-row{display:grid;grid-template-columns:1fr 58px;gap:7px;align-items:center}.range-row input[type=range]{width:100%;accent-color:var(--accent)}.action-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.action-row button,.full-action{height:32px;border:1px solid var(--line);border-radius:7px;background:#151925;color:#cbd1dd;font-size:9px;cursor:pointer}.action-row button:hover,.full-action:hover{background:#1d2230;color:white}.action-row button.danger{color:#ff8297}.code-area{min-height:110px;resize:vertical;padding:8px;direction:ltr;text-align:left;font-family:Consolas,monospace;font-size:9px}
.layers-drawer{position:fixed;top:var(--topbar-h);bottom:0;right:-355px;width:350px;background:#11151f;border-left:1px solid var(--line);z-index:200;transition:.25s;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.35)}.layers-drawer.open{right:0}.drawer-backdrop{position:fixed;inset:var(--topbar-h) 0 0;background:rgba(0,0,0,.45);z-index:190}.drawer-head{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line)}.drawer-head>div{display:flex;flex-direction:column}.drawer-head span{font-size:9px;color:var(--muted)}.drawer-head strong{font-size:13px}.drawer-actions{height:43px;padding:6px 9px;display:grid;grid-template-columns:1fr 1fr;gap:6px;border-bottom:1px solid var(--line)}.drawer-actions button{border:1px solid var(--line);background:#171b27;color:#b6bece;border-radius:7px;font-size:9px}.layers-tree{flex:1;overflow:auto;padding:8px}.layer-item{height:35px;display:flex;align-items:center;gap:7px;padding:0 7px;border-radius:7px;color:#b7bfce;font-size:10px;cursor:pointer;margin-bottom:2px}.layer-item:hover{background:#1a1f2d}.layer-item.active{background:var(--accent-soft);color:#dfd9ff}.layer-item .layer-indent{width:var(--indent,0px)}.layer-item .layer-icon{width:20px;color:#737d91}.layer-item .layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item button{border:0;background:transparent;color:#6f788b;width:22px;height:22px;border-radius:5px}.layer-item button:hover{background:#272d3d;color:#fff}
.app-modal{background:#131722;border:1px solid #303648;border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.6);color:var(--text)}.modal-kicker{font-size:9px;color:var(--accent-2);display:block;margin-bottom:4px}.modal-title{font-size:16px;font-weight:800}.app-input{background:#0b0e15!important;border:1px solid var(--line)!important;color:#fff!important;border-radius:9px!important;font-size:11px}.app-input:focus{box-shadow:0 0 0 3px rgba(117,89,255,.12)!important;border-color:#5c48b9!important}.app-input::placeholder{color:#596276}.app-input option{background:#11151f}.ai-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.ai-suggestions button{border:1px solid var(--line);background:#181c28;color:#9ea7b9;border-radius:18px;padding:6px 10px;font-size:9px}.ai-suggestions button:hover{border-color:#5a49ad;color:white}.ai-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.ai-options-grid label{display:flex;flex-direction:column;gap:6px}.ai-options-grid label>span{font-size:9px;color:var(--muted)}.ai-result{margin-top:14px;padding:12px;border:1px solid rgba(56,211,159,.3);background:rgba(56,211,159,.06);border-radius:9px;color:#96e9cd;font-size:10px}.project-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-actions-grid>button{height:76px;border:1px solid var(--line);border-radius:10px;background:#171b27;display:flex;align-items:center;text-align:right;gap:10px;padding:10px;color:#d9deea}.project-actions-grid>button:hover{border-color:#5543ac;background:#1b2030}.project-actions-grid b{width:34px;height:34px;border-radius:8px;background:var(--accent-soft);color:var(--accent-2);display:grid;place-items:center;font-size:17px}.project-actions-grid span{display:flex;flex-direction:column}.project-actions-grid strong{font-size:10px}.project-actions-grid small{font-size:8px;color:var(--muted);margin-top:4px}.export-structure{background:#0b0e15;border:1px solid var(--line);border-radius:10px;padding:12px;line-height:2;color:#b8c0ce;font-size:10px;direction:ltr;text-align:left}.export-structure .indent{padding-left:20px}.form-hint{font-size:9px;color:var(--muted);margin:8px 0 0}.theme-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-form label{display:flex;flex-direction:column;gap:6px}.theme-form label>span{font-size:9px;color:var(--muted)}.reusable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reusable-card{border:1px solid var(--line);border-radius:10px;background:#171b27;padding:10px;min-height:90px;cursor:pointer;position:relative}.reusable-card:hover{border-color:#5d4ab8}.reusable-card b{display:block;font-size:11px;margin-bottom:5px}.reusable-card small{color:var(--muted);font-size:8px}.reusable-card button{position:absolute;left:6px;top:6px;border:0;background:#252b3b;color:#ff8ca0;border-radius:5px;width:23px;height:23px}.reusable-empty{text-align:center;grid-column:1/-1;color:var(--muted);padding:35px}
.toast-stack{position:fixed;left:18px;bottom:18px;z-index:5000;display:flex;flex-direction:column;gap:8px}.toast-x{min-width:240px;max-width:330px;background:#171b27;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:#e4e8f0;box-shadow:0 12px 35px rgba(0,0,0,.4);display:flex;align-items:center;gap:8px;animation:toastIn .25s ease}.toast-x.success{border-color:rgba(56,211,159,.35)}.toast-x.danger{border-color:rgba(255,102,128,.35)}.toast-x .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.toast-x.success .dot{background:var(--success)}.toast-x.danger .dot{background:var(--danger)}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mobile-only{display:none}
.preview-mode .left-panel,.preview-mode .right-panel,.preview-mode .stage-toolbar{display:none}.preview-mode .workspace{display:block}.preview-mode .stage-area,.preview-mode .stage-scroller{height:calc(100vh - var(--topbar-h));padding:0;background:#fff;overflow:auto}.preview-mode .canvas-frame{width:100%!important;min-height:100%;box-shadow:none;transform:none!important}.preview-mode .canvas-page{min-height:100vh}.preview-mode .editor-node{outline:none!important}.preview-mode .selection-overlay{display:none!important}.preview-mode .editor-node a,.preview-mode .editor-node button,.preview-mode .editor-node input,.preview-mode .editor-node textarea{pointer-events:auto}.preview-mode .topbar-center>*:not(#previewBtn),.preview-mode .topbar-actions{display:none}
/* محتوای ساخته‌شده در بوم */
.ld-section{padding:82px 5%;position:relative;overflow:hidden;background:var(--ld-bg,#fff);color:var(--ld-text,#161822)}.ld-container{width:min(1120px,100%);margin-inline:auto;position:relative}.ld-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--gap,22px)}.ld-stack{display:flex;flex-direction:column;gap:14px}.ld-row{display:flex!important;flex-direction:row!important;align-items:center;gap:18px;flex-wrap:wrap}.ld-title{font-weight:900;line-height:1.25;margin:0;font-size:clamp(33px,5vw,68px);letter-spacing:-2px}.ld-heading{font-size:clamp(25px,3vw,42px);font-weight:900;line-height:1.35;margin:0}.ld-text{font-size:16px;line-height:2;color:var(--ld-muted,#667085);margin:0}.ld-eyebrow{font-size:12px;font-weight:800;color:var(--ld-primary,#7559ff);margin-bottom:12px;display:inline-flex;align-items:center;gap:7px}.ld-eyebrow:before{content:"";width:18px;height:2px;background:currentColor}.ld-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border-radius:var(--ld-radius,12px);background:var(--ld-primary,#7559ff);color:#fff!important;text-decoration:none;font-weight:800;border:0;box-shadow:0 10px 28px color-mix(in srgb,var(--ld-primary,#7559ff) 25%,transparent)}.ld-button.secondary{background:transparent;color:var(--ld-text,#161822)!important;border:1px solid color-mix(in srgb,var(--ld-text,#161822) 18%,transparent);box-shadow:none}.ld-card{padding:25px;border-radius:var(--ld-radius,16px);background:var(--ld-surface,#fff);border:1px solid color-mix(in srgb,var(--ld-text,#161822) 10%,transparent);box-shadow:var(--ld-shadow,0 15px 45px rgba(16,24,40,.08))}.ld-icon{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--ld-primary,#7559ff) 12%,transparent);color:var(--ld-primary,#7559ff);margin-bottom:18px}.ld-divider-line{height:1px;width:100%;background:color-mix(in srgb,var(--ld-text,#161822) 12%,transparent);border:0;margin:24px 0}.ld-card h3{font-size:18px;font-weight:900;margin:0 0 9px}.ld-card p{font-size:13px;line-height:1.9;color:var(--ld-muted,#667085);margin:0}.ld-image{width:100%;min-height:300px;border-radius:calc(var(--ld-radius,16px) + 6px);object-fit:cover;background:linear-gradient(135deg,color-mix(in srgb,var(--ld-primary,#7559ff) 85%,#111),color-mix(in srgb,var(--ld-secondary,#00c2ff) 70%,#fff));box-shadow:0 25px 65px rgba(18,20,35,.18)}.ld-visual{min-height:420px;border-radius:28px;background:linear-gradient(145deg,var(--ld-primary,#7559ff),var(--ld-secondary,#00c2ff));position:relative;overflow:hidden;box-shadow:0 30px 80px color-mix(in srgb,var(--ld-primary,#7559ff) 25%,transparent)}.ld-visual:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.18);filter:blur(2px);top:-70px;left:-50px}.ld-visual:after{content:"";position:absolute;width:320px;height:170px;border-radius:26px;background:rgba(255,255,255,.18);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);right:10%;bottom:12%;transform:rotate(-5deg)}.ld-navbar{padding:18px 5%;background:var(--ld-bg,#fff);color:var(--ld-text,#161822);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid color-mix(in srgb,var(--ld-text,#161822) 8%,transparent)}.ld-logo{font-size:20px;font-weight:900}.ld-navlinks{display:flex;gap:22px;align-items:center}.ld-navbar .ld-navlinks>a{color:inherit;text-decoration:none;font-size:13px}.ld-footer{padding:55px 5% 25px;background:var(--ld-bg,#10131a);color:var(--ld-text,#fff)}.ld-footer a{color:var(--ld-muted,#a7afbe);text-decoration:none}.ld-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:20px;color:var(--ld-muted,#838c9d);font-size:12px;display:flex;justify-content:space-between}.ld-badge{display:inline-flex;padding:5px 10px;border-radius:99px;background:color-mix(in srgb,var(--ld-primary,#7559ff) 12%,transparent);color:var(--ld-primary,#7559ff);font-size:11px;font-weight:800}.ld-price{font-size:40px;font-weight:900}.ld-list{list-style:none;padding:0;margin:18px 0}.ld-list li{padding:8px 0;color:var(--ld-muted,#667085);font-size:13px}.ld-list li:before{content:"✓";color:var(--ld-primary,#7559ff);margin-left:8px;font-weight:900}.ld-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--ld-primary,#7559ff),var(--ld-secondary,#00c2ff));display:grid;place-items:center;color:#fff;font-weight:900}.ld-faq-item{border-bottom:1px solid color-mix(in srgb,var(--ld-text,#161822) 12%,transparent);padding:20px 0}.ld-faq-item h3{font-size:16px;margin:0 0 8px}.ld-form{display:grid;gap:12px}.ld-managed-form-badge{padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--ld-primary,#7559ff) 9%,transparent);border:1px dashed color-mix(in srgb,var(--ld-primary,#7559ff) 30%,transparent);color:var(--ld-muted,#667085);font-size:11px;line-height:1.7}.ld-map{position:relative;width:100%;min-height:240px;overflow:hidden;background:#eef1f4}.ld-map-frame{width:100%;height:100%;min-height:240px;border:0;display:block}.ld-map-editor .ld-map-frame{pointer-events:none}.ld-map-credit{position:absolute;z-index:3;left:10px;bottom:10px;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.92);color:#243247!important;font-size:10px;text-decoration:none;box-shadow:0 3px 12px rgba(0,0,0,.12)}.ld-map-point{position:absolute;z-index:5;left:50%;top:50%;width:0;height:0;overflow:visible}.ld-map-pin{position:absolute;left:0;top:0;width:38px;height:46px;padding:0;border:0;background:transparent;transform:translate(-50%,-20%);cursor:pointer;filter:drop-shadow(0 5px 7px rgba(0,0,0,.3));z-index:2}.ld-map-pin span{position:absolute;left:50%;top:0;width:30px;height:30px;border-radius:50% 50% 50% 0;background:#ef233c;border:3px solid #fff;transform:translateX(-50%) rotate(-45deg);box-shadow:0 2px 5px rgba(0,0,0,.18)}.ld-map-pin span:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.ld-map-popup{position:absolute;left:0;bottom:38px;transform:translateX(-50%);width:min(230px,calc(100vw - 32px));padding:14px 14px 13px;border-radius:14px;background:#fff;color:#182033;text-align:center;box-shadow:0 12px 35px rgba(17,24,39,.25);font-size:13px;line-height:1.65;z-index:3}.ld-map-popup:after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background:#fff;transform:translateX(-50%) rotate(45deg);box-shadow:4px 4px 10px rgba(17,24,39,.08)}.ld-map-popup strong{display:block;padding:0 18px 8px;font-size:13px}.ld-map-popup-close{position:absolute;right:7px;top:6px;width:24px;height:24px;padding:0;border:0;background:transparent;color:#7b8494;font-size:20px;line-height:1;cursor:pointer}.ld-map-popup.is-hidden{display:none}.ld-map-nav{position:relative;z-index:2}.ld-map-nav-toggle{width:100%;min-height:40px;border:0;border-radius:9px;padding:7px 10px;background:#20b34b;color:#fff;font-weight:800;cursor:pointer}.ld-map-nav-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;left:0;padding:6px;border-radius:10px;background:#fff;border:1px solid #e4e7ec;box-shadow:0 12px 28px rgba(17,24,39,.2);text-align:right}.ld-map-nav.open .ld-map-nav-menu{display:grid;gap:3px}.ld-map-nav-menu a{display:block;padding:8px 9px;border-radius:7px;color:#263247!important;background:#f8f9fb;font-size:11px;text-decoration:none}.ld-map-nav-menu a:hover{background:#eef2f6}.ld-map-editor .ld-map-popup,.ld-map-editor .ld-map-pin{pointer-events:none}.ld-social-link[data-social-unset="true"]{opacity:.65}.ld-input{width:100%;height:48px;border-radius:var(--ld-radius,12px);border:1px solid color-mix(in srgb,var(--ld-text,#161822) 15%,transparent);padding:0 14px;background:var(--ld-surface,#fff);color:var(--ld-text,#161822)}.ld-textarea{height:120px;padding-top:13px}.ld-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:12px}.ld-gallery-item{border-radius:var(--ld-radius,16px);background:linear-gradient(135deg,var(--ld-primary,#7559ff),var(--ld-secondary,#00c2ff));min-height:160px}.ld-gallery-item:first-child{grid-row:1/3}.ld-video{aspect-ratio:16/9;border-radius:var(--ld-radius,16px);background:#10131a;display:grid;place-items:center;color:#fff;font-size:45px}.ld-divider{text-align:center;margin-bottom:40px}.ld-divider .ld-text{max-width:680px;margin:12px auto 0}.ld-dark{--ld-bg:#10131a;--ld-surface:#171b25;--ld-text:#f5f7fb;--ld-muted:#aab2c0}.ld-glass{background:linear-gradient(135deg,color-mix(in srgb,var(--ld-primary) 8%,var(--ld-bg)),color-mix(in srgb,var(--ld-secondary) 5%,var(--ld-bg)))}.ld-glass .ld-card{background:color-mix(in srgb,var(--ld-surface) 78%,transparent);backdrop-filter:blur(14px);border-color:color-mix(in srgb,var(--ld-text) 10%,transparent)}.ld-luxury{--ld-bg:#0c0b09;--ld-surface:#17140e;--ld-text:#f8efd9;--ld-muted:#a99e88;--ld-primary:#c59b47;--ld-secondary:#80642e}.ld-gradient{background:linear-gradient(145deg,color-mix(in srgb,var(--ld-primary) 10%,var(--ld-bg)),var(--ld-bg) 60%)}.ld-center{text-align:center}.ld-center .ld-text{margin-inline:auto}.ld-split{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.ld-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ld-stat{text-align:center;padding:22px}.ld-stat strong{font-size:32px;display:block}.ld-stat span{font-size:12px;color:var(--ld-muted,#667085)}
@media(max-width:1200px){:root{--left-w:260px;--right-w:300px}.stage-scroller{padding:35px 25px}.topbar{grid-template-columns:1fr auto 1fr}.brand-text span{display:none}}
@media(max-width:980px){.mobile-only{display:inline-grid}.workspace{display:block}.stage-area{height:calc(100vh - var(--topbar-h))}.left-panel,.right-panel{position:fixed;top:var(--topbar-h);bottom:0;width:min(330px,88vw);z-index:160;transition:.25s;box-shadow:0 20px 60px rgba(0,0,0,.6)}.left-panel{right:-360px;border-left:1px solid var(--line)}.left-panel.open{right:0}.right-panel{left:-360px;border-right:1px solid var(--line)}.right-panel.open{left:0}.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}.topbar-actions .btn-soft{display:none!important}.brand-text strong{font-size:11px}.stage-scroller{padding:25px 15px}.canvas-frame{width:1000px}.canvas-frame.tablet{width:768px}.canvas-frame.mobile{width:390px}}
@media(max-width:600px){.topbar{padding:0 8px;gap:6px}.brand-mark{width:30px;height:30px}.brand-text{display:none}.btn-primary-x{padding:0 9px;font-size:10px}.stage-toolbar{height:38px}.stage-scroller{padding:18px 8px}.theme-form,.ai-options-grid,.project-actions-grid{grid-template-columns:1fr}.reusable-grid{grid-template-columns:1fr 1fr}.modal-dialog{margin:8px}.ld-split{grid-template-columns:1fr;gap:30px}.ld-grid{grid-template-columns:1fr!important}.ld-stats{grid-template-columns:1fr 1fr}.ld-navlinks{display:none}.ld-section{padding:55px 6%}.ld-title{letter-spacing:-1px}.ld-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}.ld-gallery-item:first-child{grid-row:auto;grid-column:1/-1}}


/* اصلاحات تجربه ویرایش، درگ‌ودراپ و واکنش‌گرایی */
.component-item,.section-card,.template-card{position:relative}
.component-item small{font-size:8px;color:#687187;line-height:1}

.form-library-intro{margin:0 0 10px;padding:10px 11px;border:1px solid rgba(117,89,255,.24);border-radius:10px;background:rgba(117,89,255,.08);color:#9fa8ba;font-size:9px;line-height:1.9}
.form-library-grid{display:grid;gap:8px}.form-library-card{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:78px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#141824;cursor:grab;transition:.18s}.form-library-card:hover{border-color:#5949ae;background:#191d2c;transform:translateY(-1px)}.form-library-card:active{cursor:grabbing}.form-library-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-2);font-size:18px}.form-library-meta{display:grid;gap:3px;min-width:0}.form-library-meta strong{font-size:11px;color:#e7eaf1}.form-library-meta span{font-size:9px;color:#929bad;line-height:1.6}.form-library-meta small{font-size:8px;color:#6fcf97}.managed-form-inspector-note{padding:12px;border:1px solid rgba(111,207,151,.3);border-radius:11px;background:rgba(111,207,151,.08);font-size:10px;line-height:1.9;color:#aeb7c8}.managed-form-inspector-note strong{display:block;color:#dff7e8;margin-bottom:3px}.managed-form-inspector-note p{margin:0 0 6px}.managed-form-inspector-note span{color:#7fc99e}.managed-form-lock-note strong{color:#b9f1ce}.inspector-external-link{display:inline-flex;margin-top:8px;color:#8acfff;font-size:10px;text-decoration:none}.inspector-external-link:hover{text-decoration:underline}
.library-add-btn{position:absolute;top:6px;left:6px;width:24px;height:24px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(9,11,17,.82);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:5;opacity:.72;transition:.18s;padding:0}
.library-add-btn:hover{opacity:1;background:var(--accent);border-color:var(--accent);transform:scale(1.06)}
.section-card .library-add-btn,.template-card .library-add-btn{top:7px;left:7px}
.asset-video-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px;text-align:center;background:linear-gradient(145deg,#242a3b,#11151f);color:#fff}
.asset-video-preview b{font-size:22px;color:var(--accent-2)}
.asset-video-preview small{font-size:8px;line-height:1.5;color:#aeb6c8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.editor-node{max-width:100%;min-width:0;overflow-wrap:anywhere}
.editor-node>*,.ld-grid>*,.ld-split>*{min-width:0}
.ld-stack{display:flex;flex-direction:column;gap:14px}
.ld-video{overflow:hidden;position:relative;width:100%;object-fit:cover}
.ld-video small{display:block;font-size:11px;font-weight:400;color:#aeb6c8;margin-top:10px}
.node-drop-inside{outline:3px solid #38d39f!important;outline-offset:-4px;background-image:linear-gradient(rgba(56,211,159,.09),rgba(56,211,159,.09))!important}
.node-drop-inside:after{content:"رها کردن داخل این بخش";position:absolute;inset:8px auto auto 8px;background:#17966f;color:#fff;border-radius:6px;padding:5px 8px;font-size:9px;z-index:110;pointer-events:none}
.node-drop-before:before,.node-drop-after:after{height:4px;box-shadow:0 0 0 2px rgba(117,89,255,.18),0 0 18px rgba(117,89,255,.7)}
.drop-hint{font-weight:700;max-width:min(360px,85%);text-align:center}

.media-preview-box{height:150px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#0b0e15;display:grid;place-items:center;margin-bottom:9px}
.media-preview-box img{width:100%;height:100%;object-fit:cover}
.media-preview-box.video-box span{font-size:35px;color:var(--accent-2)}
.media-actions{margin-bottom:9px}
.field-full{grid-column:1/-1}
.inspector-content .code-area{resize:vertical;min-height:74px}

.drag-ghost{position:fixed;z-index:10000;pointer-events:none;padding:8px 12px;border-radius:9px;background:rgba(117,89,255,.95);color:#fff;font-size:11px;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.45);transform:translate3d(0,0,0)}
.pointer-dragging,.pointer-dragging *{cursor:grabbing!important}
.pointer-dragging{touch-action:none;overscroll-behavior:none}

/* شبیه‌سازی واقعی breakpointها داخل بوم؛ مستقل از عرض پنجره مرورگر */
.canvas-frame.tablet .ld-grid{grid-template-columns:repeat(min(var(--cols,3),2),minmax(0,1fr))}
.canvas-frame.tablet .ld-split{gap:34px}
.canvas-frame.tablet .ld-section{padding-left:5%;padding-right:5%}
.canvas-frame.mobile .ld-section{padding:52px 6%}
.canvas-frame.mobile .ld-split,.canvas-frame.mobile .ld-grid{grid-template-columns:1fr!important;gap:26px}
.canvas-frame.mobile .ld-stats{grid-template-columns:1fr 1fr!important}
.canvas-frame.mobile .ld-title:not([style*="font-size"]){font-size:clamp(32px,10vw,46px)!important;letter-spacing:-1px}
.canvas-frame.mobile .ld-heading:not([style*="font-size"]){font-size:clamp(24px,8vw,34px)!important}
.canvas-frame.mobile .ld-navlinks{display:none!important}
.canvas-frame.mobile .ld-navbar>.ld-button{display:none!important}
.canvas-frame.mobile .ld-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}
.canvas-frame.mobile .ld-gallery-item:first-child{grid-row:auto;grid-column:1/-1}
.canvas-frame.mobile .ld-footer .ld-grid{grid-template-columns:1fr!important}
.canvas-frame.mobile .ld-footer-bottom{flex-direction:column;gap:8px;text-align:center}
.canvas-frame.mobile .ld-image{min-height:220px}
.canvas-frame.mobile .ld-visual{min-height:300px}

@media(max-width:980px){
  .component-item,.section-card,.template-card,.asset-item{touch-action:pan-y}
  .library-add-btn{opacity:1;width:27px;height:27px}
  .stage-scroller{justify-content:flex-start;direction:ltr}
  .canvas-frame{margin-inline:auto}
}
@media(max-width:600px){
  .stage-scroller{padding:16px 8px 32px}
  .canvas-frame.desktop{width:1200px}
  .canvas-frame.tablet{width:768px}
  .canvas-frame.mobile{width:390px;max-width:none}
  .drop-hint{bottom:12px;font-size:10px}
}


/* نسخه حرفه‌ای ویرایش کامل المان‌ها */
.selection-overlay{pointer-events:none}
.selection-overlay .resize-handle,.selection-overlay .node-quickbar{pointer-events:auto}
.node-quickbar{position:absolute;left:0;top:-38px;display:flex;align-items:center;gap:3px;padding:4px;border-radius:9px;background:rgba(11,14,21,.96);border:1px solid #3c4355;box-shadow:0 10px 30px rgba(0,0,0,.35);direction:rtl;white-space:nowrap}
.node-quickbar button,.hover-tools button{width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:#dfe4ef;display:grid;place-items:center;cursor:pointer;font-size:12px}
.node-quickbar button:hover,.hover-tools button:hover{background:#242a3a;color:#fff}.node-quickbar .danger,.hover-tools button:last-child{color:#ff7b91}.node-quickbar .danger:hover,.hover-tools button:last-child:hover{background:rgba(255,102,128,.14)}
.hover-tools{position:absolute;z-index:75;display:flex;gap:2px;padding:3px;background:rgba(11,14,21,.92);border:1px solid #343b4d;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.3);transform-origin:top left}
.hover-tools.d-none{display:none!important}
.hover-tools button{pointer-events:auto;width:25px;height:25px}
.editor-node{position:relative}
.editor-node.is-selected{outline:2px solid #7559ff!important;outline-offset:-2px}
.editor-node.is-multi-selected{outline:2px dashed #9b87ff!important;outline-offset:-3px}
.editor-node[data-action-enabled="true"]{cursor:pointer}

.drawer-help{padding:9px 12px;border-bottom:1px solid var(--line-soft);font-size:9px;line-height:1.8;color:#8f98aa;background:#0d1018}
.drawer-actions{grid-template-columns:repeat(3,1fr)!important}
.layer-item{grid-template-columns:auto auto auto auto minmax(0,1fr) auto auto auto auto!important;gap:4px}
.layer-check,.layer-collapse,.layer-move{width:23px!important;height:23px!important;border-radius:6px!important;border:0!important;background:transparent!important;color:#8992a5!important;display:grid!important;place-items:center!important;padding:0!important}
.layer-check{border:1px solid #3b4253!important;font-size:10px!important}.layer-check.checked{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.layer-collapse{font-size:10px!important}.layer-move:hover,.layer-collapse:hover{background:#222839!important;color:#fff!important}
.layer-item.active{background:rgba(117,89,255,.16)}
.layer-name[contenteditable="true"]{background:#080a10;border:1px solid var(--accent);border-radius:5px;padding:3px 5px;outline:none;user-select:text}
.multi-inspector{padding:16px}.multi-inspector-card{border:1px solid var(--line);background:#121722;border-radius:12px;padding:14px}.multi-inspector-card strong{display:block;margin-bottom:6px}.multi-inspector-card p{color:var(--muted);font-size:10px;line-height:1.8}.multi-inspector .action-row{margin-top:12px}
.structured-help{font-size:9px;color:#737d91;line-height:1.8;margin-top:6px}
.inspector-section .app-control[type="url"],.inspector-section .app-control[type="text"]{direction:ltr;text-align:left}.inspector-section textarea[data-content],.inspector-section textarea[data-structured],.inspector-section textarea[data-list]{direction:rtl;text-align:right}

.mobile-editor-dock{display:none}
@media(max-width:980px){
  body{padding-bottom:58px}
  .mobile-editor-dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:58px;background:rgba(13,16,24,.98);border-top:1px solid var(--line);z-index:220;backdrop-filter:blur(16px);padding:max(4px,env(safe-area-inset-bottom)) 5px 4px}
  .mobile-editor-dock button{border:0;background:transparent;color:#9da6b8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:16px;min-width:0}
  .mobile-editor-dock button span{font-size:8px}.mobile-editor-dock button:active{background:var(--accent-soft);color:#fff}
  .stage-area{height:calc(100vh - var(--topbar-h) - 58px)}
  .left-panel,.right-panel{bottom:58px}
  .node-quickbar{top:auto;bottom:-39px;left:0;transform:none;max-width:calc(100vw - 35px);overflow:auto}
  .hover-tools{display:none!important}
  .selection-label{top:-24px!important}
  .editor-node{touch-action:pan-y}
  .layers-drawer{bottom:58px!important}
}
@media(max-width:600px){
  .canvas-frame.mobile{width:min(390px,calc(100vw - 16px));}
  .canvas-frame.mobile .ld-section{padding-left:5%!important;padding-right:5%!important}
  .canvas-frame.mobile .ld-navbar{padding-left:4%!important;padding-right:4%!important}
  .inspector-tabs{position:sticky;top:0;z-index:3;background:var(--panel)}
  .right-panel,.left-panel{width:min(370px,94vw)}
}

.ld-avatar-image{object-fit:cover;background:transparent!important}.ld-profile-link{display:block;color:inherit;text-decoration:none}.ld-profile-link:hover h3{color:var(--ld-primary)}

/* حالت روشن پنل مدیریت */
body.ui-light{
  --app-bg:#eef1f6;--panel:#ffffff;--panel-1:#ffffff;--panel-2:#f7f8fb;--panel-3:#eceff5;--line:#d9dee8;--line-soft:#e8ebf1;
  --text:#18202d;--muted:#687386;--muted-2:#8993a4;--accent-soft:rgba(117,89,255,.11);
}
body.ui-light .topbar{background:rgba(255,255,255,.96)}
body.ui-light .stage-area,body.ui-light .stage-scroller{background-color:#e9edf3}
body.ui-light .stage-scroller{background-image:radial-gradient(#cbd2de 1px,transparent 1px)}
body.ui-light .stage-toolbar{background:#f8f9fb;border-color:#dce1e9}
body.ui-light .device-switcher,body.ui-light .panel-search{background:#f4f6f9}
body.ui-light .panel-search input{color:#18202d}
body.ui-light .component-item,body.ui-light .section-card,body.ui-light .template-card,body.ui-light .form-library-card,body.ui-light .multi-inspector-card{background:#f8f9fc}
body.ui-light .component-item span,body.ui-light .library-group-head,body.ui-light .asset-drop strong{color:#293243}
body.ui-light .btn-soft{background:#f4f5f8;color:#293243}
body.ui-light .icon-btn:hover,body.ui-light .device-btn:hover{color:#161b25}
body.ui-light .app-modal{background:#fff;color:#18202d}
body.ui-light .app-control,body.ui-light .app-select,body.ui-light .app-input{background:#f7f8fb!important;color:#18202d!important;border-color:#d8dee8!important}
body.ui-light .inspector-tabs{background:#fff}

/* مدیریت بصری رسانه‌ها */
.media-manager{display:grid;gap:9px;margin-bottom:10px}.media-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
.media-row>img{width:72px;height:72px;object-fit:cover;border-radius:8px;background:#0b0e15}.media-row-fields{display:grid;gap:6px;min-width:0}.media-row-fields input{height:31px!important;font-size:9px!important}.media-row-actions{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap}.media-row-actions button{border:1px solid var(--line);background:var(--panel-3);border-radius:6px;padding:5px 8px;font-size:9px;cursor:pointer}.media-row-actions .danger{color:var(--danger)}
.icon-library{margin-top:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel-1);overflow:hidden}.icon-library-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:7px;padding:8px;background:var(--panel-1);border-bottom:1px solid var(--line)}.icon-library-toolbar .icon-library-search{height:34px!important;min-width:0;flex:1}.icon-library-toolbar span{font-size:8px;color:var(--muted);white-space:nowrap}.icon-picker-groups{max-height:300px;overflow:auto;padding:8px;display:grid;gap:10px}.icon-picker-group{display:grid;gap:6px}.icon-picker-group.is-hidden{display:none}.icon-picker-title{font-size:9px;font-weight:800;color:var(--muted);padding:1px 2px}.icon-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.icon-picker button{min-width:0;aspect-ratio:1;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:7px;cursor:pointer;font-size:17px;line-height:1;display:grid;place-items:center;font-family:'Segoe UI Symbol','Segoe UI Emoji',Tahoma,sans-serif}.icon-picker button[hidden]{display:none}.icon-picker button:hover,.icon-picker button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2);transform:translateY(-1px)}.icon-library-hint{margin:0;padding:0 9px 9px}.icon-library-search::-webkit-search-cancel-button{cursor:pointer}
.background-actions{margin:9px 0}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seo-grid .field-full{grid-column:1/-1}.seo-favicon-preview{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.seo-favicon-preview img{width:46px;height:46px;object-fit:contain;border-radius:8px;background:#fff}.seo-favicon-preview span{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:var(--panel-3);font-size:8px}.seo-favicon-preview small{color:var(--muted)}
.single-file-export .indent{color:var(--muted);padding-top:5px}.ld-slider-editor{position:relative}.ld-slider-stage{position:relative}.ld-slider-count{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.55);color:#fff;padding:4px 8px;border-radius:20px;font-size:10px}.ld-slider-dots{display:flex;justify-content:center;gap:6px;margin-top:9px}.ld-slider-dots span{width:7px;height:7px;border-radius:20px;background:#ccd1da}.ld-slider-dots span.active{width:23px;background:var(--ld-primary)}

/* انیمیشن‌های بیشتر در پیش‌نمایش ادیتور */


@keyframes ldSlideDown{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}@keyframes ldSlideLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}@keyframes ldZoomOut{from{opacity:0;transform:scale(1.14)}to{opacity:1;transform:none}}@keyframes ldRotateIn{from{opacity:0;transform:rotate(-7deg) scale(.94)}to{opacity:1;transform:none}}@keyframes ldFlipX{from{opacity:0;transform:perspective(700px) rotateX(25deg)}to{opacity:1;transform:none}}@keyframes ldBlurIn{from{opacity:0;filter:blur(16px);transform:scale(.98)}to{opacity:1;filter:none;transform:none}}@keyframes ldBounceIn{0%{opacity:0;transform:translateY(55px) scale(.92)}65%{opacity:1;transform:translateY(-9px) scale(1.02)}100%{opacity:1;transform:none}}

@media(max-width:600px){.seo-grid{grid-template-columns:1fr}.seo-grid .field-full{grid-column:auto}}

/* انتخاب و ویرایش اجزای داخلی المان‌های مرکب */
.editor-node [data-subpart]{pointer-events:auto!important;position:relative;cursor:pointer}
.editor-node [data-subpart].is-subpart-selected{outline:2px dashed #00c2ff!important;outline-offset:2px}
.preview-mode .editor-node [data-subpart]{cursor:inherit}
.selected-part-note{padding:10px 12px;border:1px solid rgba(0,194,255,.35);border-radius:10px;background:rgba(0,194,255,.08);color:var(--muted);font-size:10px;line-height:1.8;margin-bottom:10px}

/* مدیریت ردیفی لینک‌ها، فوتر و فرم */
.collection-manager,.footer-columns-manager,.footer-links-manager{display:grid;gap:9px}
.collection-row,.footer-column-editor{display:grid;gap:7px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
.collection-row.active,.footer-column-editor.active{border-color:var(--accent-2);box-shadow:0 0 0 2px rgba(0,194,255,.1)}
.collection-row-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.collection-row-title span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.collection-actions{display:flex;gap:5px;flex-wrap:wrap}.collection-actions button,.footer-column-editor>button{border:1px solid var(--line);background:var(--panel-3);color:var(--text);border-radius:6px;padding:5px 8px;font-size:9px;cursor:pointer}.collection-actions .danger{color:var(--danger)}
.footer-column-editor{padding:10px}.footer-links-manager{margin-top:3px}.footer-column-editor>button{justify-self:start}

/* اسلایدر واقعی در ادیتور و پیش‌نمایش */
.ld-slider{position:relative;overflow:hidden;border-radius:var(--ld-radius,16px)}
.ld-slider-track{position:relative;min-height:300px}.ld-slide{display:none}.ld-slide.active{display:block}.ld-slide img{display:block;width:100%}
.ld-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:28px;cursor:pointer;z-index:2}.ld-slider-arrow.prev{right:14px}.ld-slider-arrow.next{left:14px}
.ld-slider-dots{display:flex;justify-content:center;gap:7px;position:absolute;bottom:14px;right:0;left:0;z-index:2;margin:0}.ld-slider-dot{width:8px;height:8px;border:0;border-radius:20px;background:rgba(255,255,255,.55);padding:0;cursor:pointer;transition:.25s}.ld-slider-dot.active{width:25px;background:#fff}

/* منوی همبرگری در بوم موبایل */
.ld-menu-toggle{display:none;border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.canvas-frame.mobile .ld-menu-toggle{display:block!important}
.canvas-frame.mobile .ld-navlinks{position:absolute;top:100%;right:0;left:0;background:var(--ld-bg,#fff);padding:18px;flex-direction:column;z-index:20;box-shadow:0 15px 35px rgba(0,0,0,.12)}
.canvas-frame.mobile .ld-navlinks.open{display:flex!important}
.preview-mode .ld-menu-toggle{pointer-events:auto}

/* ===== اصلاح نهایی رابط، آیکن‌ها و حالت روشن ===== */
.icon-btn,.device-btn,.modal-close-x,.node-quickbar button,.hover-tools button{line-height:1;flex:0 0 auto}
.icon-btn svg,.device-btn svg,.modal-close-x svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.device-switcher{align-items:center;min-height:36px}.device-btn{padding:0;min-width:34px;min-height:30px}.device-btn svg{width:16px;height:16px}
.device-btn[data-device="tablet"],.device-btn[data-device="mobile"],.mobile-editor-dock [data-mobile-action="device"]{display:none!important}
@media(max-width:980px){.mobile-editor-dock{grid-template-columns:repeat(4,1fr)}}
.icon-btn.is-active{background:rgba(255,102,128,.13);color:var(--danger);border-color:rgba(255,102,128,.25)}
.modal-header{align-items:center;gap:16px}.modal-header>div{min-width:0}.modal-title{line-height:1.55;margin:0}.modal-close-x{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--muted);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.modal-close-x:hover{color:var(--danger);border-color:rgba(255,102,128,.35);background:rgba(255,102,128,.08)}
.btn-soft,.btn-primary-x,.action-row button,.full-action,.collection-actions button,.footer-column-editor>button{min-width:0;line-height:1.45;text-align:center}
.topbar-actions{min-width:0;flex-wrap:nowrap}.topbar-actions>*{flex:0 0 auto}.topbar-center{min-width:max-content}.brand-wrap{min-width:0}.brand-text strong,.brand-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inspector-section .app-control[type="text"],.inspector-section textarea{direction:rtl;text-align:right;line-height:1.7}
.inspector-section .app-control[type="url"],.inspector-section [data-prop="href"],.inspector-section [data-prop="actionValue"],.inspector-section [data-part-path*="href"],.inspector-section [data-part-path*="target"],.inspector-section [data-root="customClass"],.inspector-section [data-root="customCss"],.inspector-section [data-style="backgroundImage"],.inspector-section [data-prop="htmlId"],.inspector-section [data-prop="dataAttributes"]{direction:ltr;text-align:left}
.editor-node,.editor-node *{overflow-wrap:anywhere}.ld-button{line-height:1.45;text-align:center;white-space:normal}.ld-navlinks{min-width:0;flex-wrap:wrap}.ld-navlinks a{line-height:1.7}.ld-card,.ld-section,.ld-container{min-width:0}.ld-heading,.ld-title,.ld-text{overflow-wrap:anywhere}
.template-preview-image{height:180px;padding:0;background:#fff}.template-preview-image:before{display:none}.template-preview-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.template-featured-badge{position:absolute;right:8px;bottom:8px;background:rgba(10,15,28,.86);color:#fff;border:1px solid rgba(255,255,255,.18);padding:4px 7px;border-radius:20px;font-size:8px;backdrop-filter:blur(8px)}.template-card.featured{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:0 10px 26px rgba(117,89,255,.12)}
.seo-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seo-favicon-preview{margin:0;min-width:0}.seo-favicon-preview small{line-height:1.75}.seo-favicon-preview small b{color:var(--text)}

body.ui-light .topbar,body.ui-light .left-panel,body.ui-light .right-panel,body.ui-light .layers-drawer,body.ui-light .mobile-editor-dock{background:rgba(255,255,255,.98);color:var(--text);border-color:var(--line)}
body.ui-light .panel-tabs button:hover,body.ui-light .panel-tabs button.active,body.ui-light .left-footer button:hover,body.ui-light .icon-btn:hover,body.ui-light .device-btn:hover{background:#edf0f5;color:#151c28}
body.ui-light .zoom-wrap,body.ui-light .segmented,body.ui-light .app-control,body.ui-light .app-select,body.ui-light .app-color-wrap,body.ui-light .app-input,body.ui-light .panel-search{background:#f7f8fb!important;color:#18202d!important;border-color:#d8dee8!important}
body.ui-light .zoom-wrap button,body.ui-light .segmented button{color:#5e6879;border-color:#d8dee8}body.ui-light .zoom-wrap button:hover,body.ui-light .segmented button.active{background:#e9edf4;color:#18202d}
body.ui-light .layers-drawer{box-shadow:-18px 0 45px rgba(31,41,55,.14)}body.ui-light .drawer-help{background:#f5f7fa;color:#657084;border-color:#e2e6ed}body.ui-light .drawer-actions button,body.ui-light .layer-item,body.ui-light .layer-check,body.ui-light .layer-collapse,body.ui-light .layer-move{color:#5f697a!important}body.ui-light .drawer-actions button{background:#f7f8fb;border-color:#d9dee8}body.ui-light .layer-item:hover{background:#eef1f6}body.ui-light .layer-name[contenteditable="true"]{background:#fff;color:#18202d}
body.ui-light .app-modal{background:#fff;border-color:#d9dee8;box-shadow:0 28px 80px rgba(31,41,55,.22)}body.ui-light .modal-close-x{background:#f6f7fa;color:#657084;border-color:#d9dee8}body.ui-light .app-input option{background:#fff;color:#18202d}
body.ui-light .ai-suggestions button,body.ui-light .project-actions-grid>button,body.ui-light .reusable-card,body.ui-light .export-structure,body.ui-light .media-preview-box,body.ui-light .media-row,body.ui-light .collection-row,body.ui-light .footer-column-editor,body.ui-light .multi-inspector-card{background:#f7f8fb;color:#273142;border-color:#d9dee8}body.ui-light .project-actions-grid>button:hover,body.ui-light .ai-suggestions button:hover,body.ui-light .reusable-card:hover{background:#eef1f6;color:#18202d}body.ui-light .asset-video-preview{background:linear-gradient(145deg,#f4f6fa,#e7ebf2);color:#263143}body.ui-light .media-preview-box{background:#eef1f6}body.ui-light .reusable-card button{background:#fff0f2}
body.ui-light .node-quickbar,body.ui-light .hover-tools{background:rgba(255,255,255,.98);border-color:#d8dee8;box-shadow:0 10px 28px rgba(31,41,55,.18)}body.ui-light .node-quickbar button,body.ui-light .hover-tools button{color:#394456}body.ui-light .node-quickbar button:hover,body.ui-light .hover-tools button:hover{background:#eef1f6;color:#111827}
body.ui-light .toast-x{background:#fff;color:#253044;border-color:#d8dee8;box-shadow:0 12px 34px rgba(31,41,55,.18)}body.ui-light .empty-icon{background:#f3f5f8;color:#6c7789}body.ui-light .inspector-empty strong{color:#283244}
body.ui-light .library-add-btn{background:rgba(255,255,255,.92);color:#3a4659;border-color:#d8dee8}body.ui-light .library-add-btn:hover{background:var(--accent);color:#fff}
body.ui-light .mobile-editor-dock button{color:#667185}body.ui-light .mobile-editor-dock button:active{color:var(--accent)}
@media(max-width:600px){.seo-icon-grid{grid-template-columns:1fr}.topbar-actions{gap:5px}.icon-btn,.device-btn{width:30px;height:30px}}

/* ===== اجزای معرفی کالا و دو قالب مرجع ===== */
.ld-checklist{display:grid;gap:10px}.ld-check-row{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:10px!important;flex-wrap:nowrap!important}.ld-check-icon{width:28px;height:28px;min-width:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ld-primary) 13%,transparent);color:var(--ld-primary);font-weight:900;margin:0!important;flex:0 0 28px}.ld-check-row .ld-text{font-size:14px!important;line-height:1.8;margin:0!important;padding-inline:0!important;flex:1 1 auto}
.ld-faq-item.closed [data-subpart="faq-answer"]{display:none}
.ld-product-card{display:flex;flex-direction:column;gap:13px;overflow:hidden;transition:.25s}.ld-product-card:hover{transform:translateY(-6px)}.ld-product-card-image{min-height:0!important;box-shadow:none}.ld-product-card-title{margin:0}.ld-product-card-desc{min-height:46px}.ld-product-card-footer{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.ld-product-price{font-weight:900;color:var(--ld-primary)}.ld-product-card-button{min-height:38px;padding:0 14px;font-size:12px}.ld-product-hero-price{color:var(--ld-primary)}.ld-product-offer{padding:42px;border-radius:28px;background:color-mix(in srgb,var(--ld-primary) 8%,var(--ld-surface));border:1px solid color-mix(in srgb,var(--ld-primary) 20%,transparent)}
.ld-metric-card{background:var(--ld-surface);border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);border-radius:20px;box-shadow:var(--ld-shadow);min-height:150px;display:grid;place-items:center;align-content:center}.ld-metric-card strong{color:var(--ld-primary);font-size:38px}.ld-metric-card span{font-weight:800}
.tpl-soft-pattern{background-image:radial-gradient(color-mix(in srgb,var(--ld-primary) 8%,transparent) 1px,transparent 1px);background-size:24px 24px}.tpl-red-navbar{position:sticky;top:0;z-index:30;box-shadow:0 8px 28px rgba(31,41,55,.06)}.tpl-red-hero{background:radial-gradient(circle at 15% 22%,rgba(225,29,46,.13),transparent 32%),linear-gradient(180deg,#fff,#fff8f8)}.tpl-red-hero-split{grid-template-columns:1fr 1.08fr}.tpl-red-copy{gap:20px}.tpl-red-collage{display:grid!important;grid-template-columns:1.35fr .8fr;gap:13px;align-items:stretch}.tpl-red-main-shot{height:100%!important;min-height:390px!important}.tpl-red-mini-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.tpl-red-mini-grid .ld-image{min-height:0!important;box-shadow:none}.tpl-media-card{position:relative}.tpl-media-card>.ld-button{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.92)!important;color:#17191f!important;backdrop-filter:blur(10px)}.tpl-red-steps{background:#fff}.tpl-red-steps .ld-grid{margin-top:34px}.tpl-red-roadmap{background:linear-gradient(180deg,#fff,#fff7f7)}.tpl-phone-layout{display:grid!important;grid-template-columns:1fr 360px 1fr;align-items:center;gap:36px}.tpl-phone-shot{min-height:0!important;box-shadow:0 30px 80px rgba(225,29,46,.18)}.tpl-red-benefits .ld-grid{margin-top:30px}.tpl-red-benefits .ld-card{text-align:center}.tpl-red-benefits .ld-icon{margin-inline:auto}.tpl-red-showcase{background:#fafafa}.tpl-story-card{overflow:hidden;padding:14px}.tpl-story-card .ld-image{min-height:0!important;box-shadow:none}.tpl-red-stories{background:linear-gradient(180deg,#fff,#fff8f8)}.tpl-red-faq .ld-container{max-width:900px}.tpl-offer-card{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;gap:32px;padding:34px;border:1px solid rgba(225,29,46,.16);background:#fff;border-radius:24px;box-shadow:0 18px 55px rgba(31,41,55,.08)}.tpl-offer-actions{align-items:flex-end}.tpl-red-offer{background:#fff7f7}.tpl-red-footer{background:#151923!important}
.tpl-blue-navbar{position:relative;z-index:20;background:#0c1426!important;border-color:rgba(255,255,255,.08)!important}.tpl-blue-navbar .ld-button.secondary{border-color:rgba(255,255,255,.25)}.tpl-blue-hero{--ld-text:#fff;--ld-muted:#dce5f2;isolation:isolate;background-color:#14213a}.tpl-blue-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,13,27,.68),rgba(6,13,27,.35));z-index:0}.tpl-blue-hero .ld-container{z-index:1}.tpl-blue-hero-content{max-width:780px;margin-inline:auto;align-items:center;text-align:center;gap:20px}.tpl-center-row{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.tpl-blue-glow{background:radial-gradient(circle at 10% 50%,rgba(37,99,235,.22),transparent 38%),linear-gradient(90deg,#f5f8ff,#fff)}.tpl-store-phone,.tpl-app-shot{min-height:0!important;box-shadow:0 30px 85px rgba(37,99,235,.2)}.tpl-blue-dark{background:#081225!important}.tpl-blue-dark .ld-card{background:#0f1c34;border-color:rgba(255,255,255,.07);box-shadow:none}.tpl-blue-dark .ld-container{max-width:1080px}.tpl-blue-dark .tpl-center-row{margin-top:25px}.tpl-blue-app{background:linear-gradient(135deg,#fff,#f4f7ff)}.tpl-product-strip-head{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.tpl-blue-products{background:#0b1324!important}.tpl-blue-products .ld-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tpl-blue-products .ld-product-card{background:#fff;color:#101828;padding:14px}.tpl-blue-products .ld-product-card .ld-text{color:#667085}.tpl-example-card{padding:12px;overflow:hidden}.tpl-example-card .ld-image{min-height:0!important;box-shadow:none}.tpl-blue-reviews{background:#fff}.tpl-blue-video{background:linear-gradient(135deg,#081225,#0d224b)!important}.tpl-blue-video .ld-card{background:#10213e;border-color:rgba(255,255,255,.08);padding:12px}.tpl-blue-video .ld-image{min-height:0!important;box-shadow:none}.tpl-blue-faq{background:#091225!important}.tpl-blue-faq .ld-container{max-width:900px}.tpl-blue-faq .ld-faq-item{border-color:rgba(255,255,255,.1)}.tpl-blue-cta{background:linear-gradient(180deg,#091225,#071021)!important}.tpl-blue-cta-card{max-width:820px;margin-inline:auto;padding:55px 28px;border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(71,130,255,.75),rgba(20,45,92,.55) 40%,rgba(9,18,37,.25) 72%);align-items:center}.tpl-blue-footer{background:#080f1f!important}
@media(max-width:1024px){.tpl-red-collage{grid-template-columns:1fr}.tpl-red-mini-grid{grid-template-columns:repeat(4,1fr)}.tpl-phone-layout{grid-template-columns:1fr 300px 1fr;gap:22px}.tpl-blue-products .ld-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.tpl-red-hero-split{grid-template-columns:1fr}.tpl-red-collage{order:-1}.tpl-red-mini-grid{grid-template-columns:1fr 1fr}.tpl-phone-layout{grid-template-columns:1fr}.tpl-phone-shot{width:min(300px,100%);margin-inline:auto}.tpl-offer-card,.tpl-product-strip-head{flex-direction:column!important;align-items:stretch}.tpl-offer-actions{align-items:stretch}.tpl-blue-products .ld-grid{grid-template-columns:1fr!important}.tpl-blue-hero-content .ld-title:not([style*="font-size"]){font-size:40px!important}.ld-product-card-footer{align-items:flex-start;flex-direction:column!important}.seo-icon-grid{grid-template-columns:1fr}}


/* انتخاب واقعی تمام اجزای تو در تو */
.editor-node .editor-node{pointer-events:auto!important}
.editor-node .editor-node.editor-node{cursor:grab}
.editor-node .editor-node.is-selected{outline:2px solid #7559ff!important;outline-offset:-2px}
.editor-node [data-subpart]{isolation:isolate}
.selected-part-note{line-height:1.9}

/* جزئیات دقیق‌تر قالب سفید/قرمز */
.tpl-red-intro{gap:70px}.tpl-red-center-copy{max-width:760px;margin-inline:auto;align-items:center;gap:16px}.tpl-red-compact{padding-top:52px!important;padding-bottom:52px!important}.tpl-roadmap-phone{position:relative}.tpl-roadmap-play{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:#fff!important;color:#e11d2e!important;box-shadow:0 12px 35px rgba(0,0,0,.16)}.tpl-mini-cta{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;background:#f7f7f8;border-radius:10px}.tpl-red-mini-cta-section{background:#fff}.tpl-sample-card{padding:10px;overflow:hidden}.tpl-sample-card .ld-image{min-height:0!important}.tpl-red-dashboard{min-height:0!important}.tpl-red-why{background:#fff}.tpl-red-feature-section,.tpl-red-alt{background:#fff}.tpl-red-alt{background:#fcfcfc}.tpl-red-feature-row{gap:90px}.tpl-red-blob{position:relative;min-height:390px;display:grid!important;place-items:center}.tpl-red-blob:before{content:"";position:absolute;width:360px;height:360px;border-radius:44% 56% 62% 38%/43% 42% 58% 57%;background:#f7f7f7}.tpl-red-blob .ld-image{position:relative;width:310px;min-height:0!important}.tpl-faq-card{box-shadow:none!important;border-color:#e8e8eb!important}.tpl-red-faq-cards{background:#fff}.tpl-red-guarantee-section{background:radial-gradient(circle at 15% 80%,rgba(225,29,46,.08),transparent 35%),#fff}.tpl-red-guarantee{gap:55px}

/* جزئیات دقیق‌تر قالب سرمه‌ای فروشگاه */
.tpl-blue-hero-meta{display:flex!important;flex-direction:row!important;gap:22px;justify-content:center;flex-wrap:wrap}.tpl-blue-kicker{opacity:.9}.tpl-blue-setup-copy{gap:18px}.tpl-blue-app-row{grid-template-columns:.92fr 1.08fr}.tpl-blue-product-card{border:0!important;box-shadow:none!important}.tpl-blue-video-layout{display:grid!important;grid-template-columns:310px 1fr;gap:36px;align-items:center}.tpl-blue-video-copy{gap:18px}.tpl-blue-video-card{position:relative;overflow:hidden;background:#10213e!important;padding:10px!important}.tpl-blue-video-card .ld-image{min-height:0!important}.tpl-round-play{position:absolute;right:50%;top:125px;transform:translateX(50%);width:52px;min-width:52px;height:52px;padding:0!important;border-radius:50%!important;background:#fff!important;color:#0b1730!important}.tpl-blue-support-box{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:18px 22px;border-radius:12px;background:rgba(255,255,255,.12)}
@media(max-width:900px){.tpl-blue-video-layout{grid-template-columns:1fr}.tpl-blue-video-copy{text-align:center;align-items:center}.tpl-red-feature-row{gap:35px}.tpl-mini-cta{flex-direction:column!important;align-items:stretch}.tpl-blue-app-row{grid-template-columns:1fr}}
@media(max-width:760px){.tpl-blue-support-box{flex-direction:column!important;align-items:stretch}.tpl-red-blob:before{width:280px;height:280px}.tpl-red-blob .ld-image{width:240px}.tpl-red-feature-row{grid-template-columns:1fr!important}.tpl-red-center-copy .ld-button{width:100%}}


/* ===== نسخه نهایی: سازنده اسکیما، زوم موبایل و سکشن‌های فروش ===== */
.schema-builder{margin-top:14px}.schema-type-help{display:flex;flex-direction:column;gap:4px;margin:10px 0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:10px;background:var(--accent-soft)}.schema-type-help b{font-size:11px;color:var(--accent-2)}.schema-type-help span{font-size:9px;line-height:1.8;color:var(--muted)}
.schema-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 7px}.schema-code-head>div{display:flex;flex-direction:column;gap:3px}.schema-code-head b{font-size:10px}.schema-code-head small{font-size:8px;color:var(--muted)}.schema-code-head button{border:1px solid var(--line);background:var(--panel-3);color:var(--text);border-radius:7px;padding:6px 10px;font-size:9px;cursor:pointer}.schema-code-head button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.schema-code-preview{direction:ltr;text-align:left;white-space:pre-wrap;overflow:auto;max-height:320px;margin:0 0 12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#080b12;color:#bfe3ff;font:10px/1.75 Consolas,Monaco,monospace;user-select:text}.seo-form{max-height:min(76vh,760px);overflow:auto}
body.ui-light .schema-code-preview{background:#f4f7fb;color:#17324d}.ld-category-card{text-align:center;overflow:hidden}.ld-category-card .ld-button{margin-inline:auto}.ld-category-image{min-height:0!important}.ld-sale-banner{display:flex;flex-direction:column;gap:16px;text-align:center;padding:48px 24px;border-radius:28px;background:color-mix(in srgb,var(--ld-primary) 10%,var(--ld-surface));border:1px solid color-mix(in srgb,var(--ld-primary) 25%,transparent);align-items:center}.ld-countdown{display:flex!important;flex-direction:row!important;align-items:stretch;justify-content:center;gap:14px;flex-wrap:wrap;margin:18px 0}.ld-countdown .ld-metric-card,.ld-countdown .ld-stat{min-width:90px;min-height:100px;flex:0 0 auto}.ld-bundle-section{align-items:center}.ld-newsletter-box{padding:34px;border-radius:24px;background:color-mix(in srgb,var(--ld-primary) 7%,var(--ld-surface));border:1px solid color-mix(in srgb,var(--ld-primary) 18%,transparent)}.ld-newsletter-box .ld-form{width:100%}.ld-product-brands .ld-row{gap:34px}.ld-product-brands .ld-row a{padding:16px 22px;border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);border-radius:12px;background:var(--ld-surface)}
@media(max-width:980px){.right-panel.open{left:0!important}.canvas-frame{max-width:none}.stage-scroller{overflow:auto}.schema-code-preview{max-height:240px}}
@media(max-width:600px){.canvas-frame.mobile{width:390px!important;max-width:none!important}.ld-countdown{gap:8px}.ld-countdown .ld-metric-card,.ld-countdown .ld-stat{min-width:0;min-height:85px;flex:1 1 90px}.ld-newsletter-box{padding:22px}.seo-form{max-height:72vh}.schema-code-head{align-items:flex-start}.schema-code-head button{flex:0 0 auto}}

/* Appointment slot editor: scoped to the Design-tab appointment form. */
.appointment-open-button{width:100%;border:0;border-radius:16px;padding:17px 18px;background:linear-gradient(135deg,var(--accent,#7559ff),#3f8cff);color:#fff;text-align:right;box-shadow:0 12px 28px rgba(77,91,220,.24)}
.appointment-open-button strong,.appointment-open-button small{display:block}.appointment-open-button strong{font-size:15px}.appointment-open-button small{margin-top:5px;color:rgba(255,255,255,.82)}
.ld-appointment-editor-preview,.ld-form[data-appointment-widget="true"]{display:grid;gap:14px;width:100%;max-width:640px;padding:18px;border:1px solid color-mix(in srgb,var(--ld-primary) 20%,transparent);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--ld-primary) 5%,var(--ld-surface)),var(--ld-surface));box-shadow:0 16px 42px color-mix(in srgb,var(--ld-text) 9%,transparent)}.ld-appt-label{display:grid;gap:7px;font-size:12px;font-weight:800}.ld-appt-summary{width:100%;padding:11px 13px;border-radius:12px;background:color-mix(in srgb,var(--ld-primary) 8%,var(--ld-surface));color:var(--ld-muted);font-size:12px;line-height:1.9}.ld-appt-calendar{width:100%;max-width:560px;margin-inline:auto;padding:16px;border:1px solid color-mix(in srgb,var(--ld-text) 12%,transparent);border-radius:18px;background:var(--ld-surface);box-shadow:0 10px 26px color-mix(in srgb,var(--ld-text) 6%,transparent)}.ld-appt-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;margin-bottom:13px}.ld-appt-head strong{font-size:14px}.ld-appt-head button{height:38px;padding:0;border:0;border-radius:10px;background:color-mix(in srgb,var(--ld-primary) 10%,var(--ld-surface));color:var(--ld-primary);font-size:20px;cursor:pointer}.ld-appt-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.ld-appt-grid.is-loading{opacity:.45;pointer-events:none}.ld-appt-week{text-align:center;color:var(--ld-muted);font-size:10px}.ld-appt-day{height:44px;min-width:0;padding:0;border:0;border-radius:10px;background:color-mix(in srgb,var(--ld-primary) 9%,var(--ld-surface));color:var(--ld-text);font-size:12px;cursor:pointer;transition:.15s ease}.ld-appt-day.open:hover{background:color-mix(in srgb,var(--ld-primary) 18%,var(--ld-surface));transform:translateY(-1px)}.ld-appt-day.full{background:color-mix(in srgb,#3162bd 14%,var(--ld-surface));color:#3162bd}.ld-appt-day:disabled{background:color-mix(in srgb,var(--ld-text) 5%,var(--ld-surface));color:var(--ld-muted);cursor:not-allowed;transform:none}.ld-appt-day.selected{background:var(--ld-primary);color:#fff}.ld-appt-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:7px;width:100%;max-width:560px;margin-inline:auto}.ld-appt-slot{min-height:38px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--ld-primary) 28%,transparent);border-radius:11px;background:var(--ld-surface);color:var(--ld-text);font-size:12px;font-weight:700;cursor:pointer;transition:.15s ease}.ld-appt-slot:hover{background:color-mix(in srgb,var(--ld-primary) 10%,var(--ld-surface))}.ld-appt-slot.selected{background:var(--ld-primary);color:#fff}.ld-appointment-editor-preview>.ld-input,.ld-form[data-appointment-widget="true"]>.ld-input{min-height:46px}.ld-appointment-editor-preview>.ld-button,.ld-form[data-appointment-widget="true"]>.ld-button{min-height:46px}@media(max-width:520px){.ld-appointment-editor-preview,.ld-form[data-appointment-widget="true"]{padding:13px;border-radius:16px}.ld-appt-calendar{max-width:100%;padding:10px}.ld-appt-day{height:36px;font-size:11px}.ld-appt-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
.appointment-editor-modal{background:#f7f8fc}.appointment-editor-modal .modal-body{padding:22px}.ae-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(480px,1.35fr);gap:20px;direction:rtl}.ae-settings,.ae-calendar{background:#fff;border:1px solid #e7e9f2;border-radius:20px;padding:20px;box-shadow:0 8px 25px rgba(31,37,68,.06)}
.ae-settings>label,.ae-settings .ae-two>label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#34384c}.ae-settings input,.ae-settings select,.ae-manual input{width:100%;min-height:43px;border:1px solid #dfe2ec;border-radius:11px;background:#fff;padding:8px 11px}.ae-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.ae-settings fieldset{border:0;padding:0;margin:18px 0}.ae-settings legend{font-size:13px;font-weight:800;margin-bottom:9px}.ae-weekdays{display:flex;flex-wrap:wrap;gap:7px}.ae-weekdays label input{display:none}.ae-weekdays span{display:block;border:1px solid #dfe2ec;border-radius:99px;padding:7px 10px;font-size:12px;cursor:pointer}.ae-weekdays input:checked+span{background:#edf0ff;border-color:#7559ff;color:#5940dd}.ae-note{font-size:12px;line-height:1.8;color:#72778b;margin:13px 0 0}.ae-error{background:#fff2f2;color:#b32828;padding:10px;border-radius:10px}
.ae-create-service{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.ae-create-service button,.ae-date-pick{border:1px solid #dfe2ec;border-radius:10px;background:#f7f8fc;color:#4c536b;padding:8px 11px;cursor:pointer}.ae-create-service button{white-space:nowrap}.ae-date-pick{min-height:36px;font-size:11px}.ae-date-field{padding:10px;border:1px solid transparent;border-radius:13px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.ae-date-field.active{border-color:#7559ff;background:#f5f3ff;box-shadow:0 0 0 3px rgba(117,89,255,.09)}.ae-date-input[readonly]{cursor:pointer;background:#fbfbfe;color:#262a3b}.ae-date-field.active .ae-date-input{border-color:#8b72ff;background:#fff}.ae-date-pick.active{border-color:#7559ff;background:#7559ff;color:#fff}.ae-pick-status.active{padding:8px 10px;border-radius:9px;background:#f0edff;color:#5940dd;font-weight:700}.ae-grid.date-picking>button{cursor:crosshair}.ae-grid.date-picking>button:hover{border-color:#7559ff;transform:translateY(-1px)}
.ae-calendar>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.ae-calendar>header h3{font-size:17px;margin:0}.ae-calendar>header button{border:1px solid #e1e4ee;background:#fff;border-radius:10px;padding:8px 11px}.ae-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.ae-grid>b{text-align:center;font-size:12px;color:#7c8092;padding:5px}.ae-grid>button{min-height:65px;border:1px solid transparent;border-radius:12px;display:grid;place-content:center;gap:3px;background:#f1f2f6;color:#8c90a0;transition:border-color .18s ease,transform .18s ease}.ae-grid>button strong{font-size:14px}.ae-grid>button small{font-size:10px}.ae-grid>button.open{background:#e8f8f0;color:#19794f;border-color:#bcebd5}.ae-grid>button.full{background:#eaf1ff;color:#3162bd;border-color:#cadbff}.ae-grid>button.range-start{box-shadow:inset -4px 0 #7559ff}.ae-grid>button.range-end{box-shadow:inset 4px 0 #d851a5}.ae-grid>button.selected{outline:2px solid #7559ff;outline-offset:1px}.ae-legend{display:flex;gap:13px;margin:13px 0;font-size:11px;color:#666}.ae-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:3px;margin-left:4px}.ae-legend .open:before{background:#74d7a7}.ae-legend .full:before{background:#7fa7f4}.ae-legend .closed:before{background:#d5d7dd}.ae-day-panel{border-top:1px solid #eceef4;padding-top:14px}.ae-day-panel h4{font-size:14px}.ae-slots{display:flex;flex-wrap:wrap;gap:7px}.ae-slots button{border:1px solid #d9dcea;background:#fff;border-radius:9px;padding:7px 10px}.ae-slots button.selected{background:#7559ff;color:#fff}.ae-slots button:disabled{background:#eef3ff;color:#7890bd}.ae-manual{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:12px}.ae-manual button{border:0;border-radius:10px;background:#24283a;color:#fff;padding:0 13px}.ae-manual button:disabled{opacity:.45}
@media(max-width:900px){.ae-layout{grid-template-columns:1fr}.ae-calendar{min-width:0}.appointment-editor-modal .modal-body{overflow-x:auto}.ae-grid{gap:4px}.ae-grid>button{min-height:48px}.ae-two{grid-template-columns:1fr}.ae-create-service{grid-template-columns:1fr}}


.image-picker-control{display:grid;gap:7px;min-width:0}.image-picker-control>.full-action{width:100%}.asset-upload-control{margin-bottom:10px}.asset-upload-control .asset-drop{margin-bottom:7px}.media-row-actions .image-picker-control{flex:1 1 150px}.media-row-actions .image-picker-control>button{width:100%}.video-media-actions{display:grid;gap:7px}.seo-modal-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end!important;gap:12px}.seo-image-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seo-image-actions .image-picker-control>button{width:100%;height:36px}
@media(max-width:700px){.seo-modal-footer{grid-template-columns:1fr}.seo-image-actions{grid-template-columns:1fr}.seo-modal-footer>#saveSeoBtn{width:100%}.media-row-actions .image-picker-control{flex-basis:100%}.asset-item .asset-delete-btn{display:grid}}

.schema-image-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}@media(max-width:600px){.schema-image-upload-grid{grid-template-columns:1fr}}


/* ===== v2.8.6: سیستم طراحی سراسری برای همه سکشن‌ها و اجزا ===== */
.range-number-control{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;align-items:center}.range-number-control input[type="range"]{width:100%;accent-color:var(--accent)}
.gradient-builder{display:grid;gap:10px;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2)}.gradient-preview-box{height:66px;border-radius:9px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.gradient-color{height:38px!important;padding:3px!important;cursor:pointer}.gradient-angle.is-hidden{display:none}.gradient-builder .form-hint{margin:0}.seo-textarea{min-height:82px!important;resize:vertical;padding:8px!important;line-height:1.9}.schema-generated-details{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);overflow:hidden}.schema-generated-details summary{padding:10px 12px;cursor:pointer;color:var(--text);font-size:10px;font-weight:700}.schema-generated-details[open] summary{border-bottom:1px solid var(--line)}.schema-generated-details .schema-code-head,.schema-generated-details .schema-code-preview{margin-left:10px;margin-right:10px}.schema-generated-details .schema-code-preview{margin-bottom:10px}
.ld-avatar{margin:0;flex:0 0 auto}.ld-row>.ld-avatar{margin:0}

body.ui-light .panel-tabs button{color:#667185;background:transparent}
body.ui-light .panel-tabs button:hover{color:#3f36a6;background:#f0eefc}
body.ui-light .panel-tabs button.active{color:#4d36c9;background:#ece8ff;font-weight:800}
body.ui-light .inspector-tabs{background:#fff;border-color:#e1e5ec}
body.ui-light .inspector-tabs button{color:#687386;background:transparent}
body.ui-light .inspector-tabs button:hover{color:#4d36c9;background:#f5f3ff}
body.ui-light .inspector-tabs button.active{color:#4d36c9;background:#eeeaff;font-weight:800}
body.ui-light .inspector-section-title,body.ui-light .field-label,body.ui-light .modal-title,body.ui-light .drawer-head strong{color:#18202d}
body.ui-light .field>span,body.ui-light .inspector-section-title small,body.ui-light .modal-kicker,body.ui-light .form-hint,body.ui-light .structured-help{color:#687386}
body.ui-light .app-color-wrap input[type="text"],body.ui-light .panel-search input{color:#18202d!important}
body.ui-light .panel-search input::placeholder,body.ui-light .app-control::placeholder,body.ui-light .app-input::placeholder{color:#8b95a6!important}
body.ui-light .action-row button,body.ui-light .full-action,body.ui-light .media-row-actions button,body.ui-light .collection-actions button,body.ui-light .footer-column-editor>button,body.ui-light .schema-code-head button,body.ui-light .drawer-actions button{background:#f7f8fb!important;color:#344054!important;border-color:#d8dee8!important}
body.ui-light .action-row button:hover,body.ui-light .full-action:hover,body.ui-light .media-row-actions button:hover,body.ui-light .collection-actions button:hover,body.ui-light .footer-column-editor>button:hover,body.ui-light .schema-code-head button:hover,body.ui-light .drawer-actions button:hover{background:#ece9ff!important;color:#4934c7!important;border-color:#c9c0ff!important}
body.ui-light .action-row button.danger,body.ui-light .media-row-actions .danger{color:#c93653!important}
body.ui-light .gradient-builder,body.ui-light .schema-generated-details,body.ui-light .component-item,body.ui-light .section-card,body.ui-light .template-card{background:#f8f9fc;color:#18202d;border-color:#d9dee8}
body.ui-light .gradient-preview-box{border-color:#d8dee8}
body.ui-light .asset-drop,body.ui-light .drawer-help{background:#f7f8fb;color:#667185;border-color:#d8dee8}
body.ui-light .left-footer button,body.ui-light .icon-btn,body.ui-light .device-btn{color:#667185}
body.ui-light .device-switcher{border-color:#d8dee8}.ui-light .device-btn.active{background:#ece8ff;color:#4d36c9;border-color:#cdc4ff}
body.ui-light .switch-x{background:#cbd2dd}.ui-light .switch-x.on{background:var(--accent)}
body.ui-light .code-area{background:#f7f8fb!important;color:#18202d!important;border-color:#d8dee8!important}

@media(max-width:980px){
  .modal.show{cursor:pointer}.modal.show .modal-dialog{cursor:default}
  .left-panel.open,.right-panel.open{visibility:visible}
}
@media(max-width:600px){.range-number-control{grid-template-columns:minmax(0,1fr) 64px}.gradient-builder{padding:9px}.gradient-preview-box{height:56px}}

/* ===== Inline URL media fields (no upload dialog) ===== */
.asset-url-control{display:grid;gap:7px;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2)}
.asset-url-control>small{font-size:8px;line-height:1.8;color:var(--muted)}
.asset-url-row,.media-add-url{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}
.asset-url-row button,.media-add-url button{height:34px;border:1px solid var(--line);background:var(--panel-3);color:var(--text);border-radius:8px;padding:0 12px;font-size:9px;cursor:pointer;white-space:nowrap}
.asset-url-row button:hover,.media-add-url button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2)}
.media-add-url{margin-top:8px}.media-url-field{direction:ltr;text-align:left}.media-url-control{margin-top:9px}
.seo-modal-footer{display:flex!important;justify-content:flex-end;align-items:center!important}.seo-modal-footer>#saveSeoBtn{min-width:132px}
body.ui-light .asset-url-control{background:#f7f8fb;border-color:#d9dee8}body.ui-light .asset-url-row button,body.ui-light .media-add-url button{background:#f7f8fb;color:#344054;border-color:#d8dee8}
@media(max-width:600px){.asset-url-row,.media-add-url{grid-template-columns:1fr}.asset-url-row button,.media-add-url button{width:100%}}

/* Default link decoration reset */
#canvasPage a { text-decoration: none; }

.ld-logo-image{height:38px;max-width:180px;object-fit:contain;display:block}

/* ===== Server media uploads ===== */
.asset-upload-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px;padding:12px;border:1px dashed #3b4357;border-radius:12px;background:linear-gradient(145deg,#131824,#0e121b);transition:.18s}
.asset-upload-control.is-dragover{border-color:var(--accent);background:rgba(117,89,255,.12);box-shadow:0 0 0 3px rgba(117,89,255,.08)}
.asset-upload-copy{display:flex;align-items:center;gap:9px;min-width:0}.asset-upload-copy>b{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--accent-soft);color:var(--accent-2);font-size:18px}.asset-upload-copy>span{display:flex;flex-direction:column;min-width:0}.asset-upload-copy strong{font-size:10px;color:#e1e6ef}.asset-upload-copy small{font-size:8px;line-height:1.7;color:var(--muted);margin-top:2px}
.asset-upload-control>button,.media-upload-inline{height:34px;border:1px solid rgba(117,89,255,.4);border-radius:8px;background:var(--accent-soft);color:var(--accent-2);padding:0 11px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.18s}.asset-upload-control>button:hover,.media-upload-inline:hover{background:var(--accent);border-color:var(--accent);color:#fff}.media-upload-inline.secondary{border-color:var(--line);background:var(--panel-3);color:var(--text)}.media-upload-inline.secondary:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2)}
.media-inline-upload-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 9px}.media-add-actions{display:grid;gap:7px;margin-top:8px}.media-add-actions>.media-upload-inline{width:100%}
body.ui-light .asset-upload-control{background:linear-gradient(145deg,#f8f9fc,#f1f4f8);border-color:#cfd6e2}body.ui-light .asset-upload-copy strong{color:#263143}body.ui-light .asset-upload-control>button{background:#ece9ff;color:#4d36c9;border-color:#c9c0ff}body.ui-light .media-upload-inline.secondary{background:#f7f8fb;color:#344054;border-color:#d8dee8}
@media(max-width:600px){.asset-upload-control{grid-template-columns:1fr}.asset-upload-control>button{width:100%}.media-inline-upload-row{display:grid;grid-template-columns:1fr}.media-upload-inline{width:100%}}

/* ===== Top editor bar collision fix ===== */
.topbar{display:flex!important;direction:rtl;align-items:center;gap:12px;min-width:0;overflow:hidden}
.brand-wrap{flex:1 1 0;min-width:0;justify-content:flex-start;overflow:hidden}.topbar-center{flex:0 0 auto;min-width:max-content}.topbar-actions{flex:1 1 0;min-width:0;justify-content:flex-start;gap:7px;overflow:hidden}.topbar-actions>*{flex:0 0 auto}
@media(max-width:1380px){.topbar{gap:8px;padding-inline:10px}.topbar-actions{gap:5px}.btn-soft,.btn-primary-x{padding-inline:10px}.brand-text span{display:none}}
@media(max-width:1220px){#aiOpenBtn{width:34px;min-width:34px;padding:0;font-size:0}#aiOpenBtn>span{font-size:14px;margin:0}}
@media(max-width:1130px){#projectBtn{display:none!important}.topbar-back-btn{width:34px;min-width:34px;padding:0}.topbar-back-btn .topbar-btn-label{display:none}}
@media(max-width:1040px){#seoBtn{display:none!important}.brand-mark{width:32px;height:32px}.brand-text strong{font-size:11px}}
@media(max-width:980px){.topbar{overflow:visible}.brand-wrap{flex:1 1 auto}.topbar-actions{flex:0 0 auto;overflow:visible}.topbar-center{display:none!important}}

/* ===== Final UI polish: unified upload actions + compact editor header ===== */
.upload-action,
.asset-upload-control>button,
button[data-action="upload-node-media"],
button[data-action="upload-background-media"],
button[data-action="media-upload"]{
  min-height:36px;
  border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));
  border-radius:10px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel-3)),color-mix(in srgb,var(--accent) 8%,var(--panel-2)));
  color:var(--accent-2);
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:9px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.08);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
  white-space:nowrap;
}
.upload-action:hover,
.asset-upload-control>button:hover,
button[data-action="upload-node-media"]:hover,
button[data-action="upload-background-media"]:hover,
button[data-action="media-upload"]:hover{
  transform:translateY(-1px);
  border-color:var(--accent);
  background:linear-gradient(135deg,var(--accent),#6043e8);
  color:#fff;
  box-shadow:0 8px 22px rgba(117,89,255,.22);
}
.upload-action.secondary,
button[data-action="upload-background-media"]{
  background:var(--panel-3);
  color:var(--text);
  border-color:var(--line);
}
.upload-action.secondary:hover,
button[data-action="upload-background-media"]:hover{
  color:var(--accent-2);
  background:var(--accent-soft);
  border-color:color-mix(in srgb,var(--accent) 55%,var(--line));
  box-shadow:none;
}
.upload-action.wide{width:100%}.upload-action.compact{min-width:84px;height:36px;padding-inline:11px}.upload-action-icon{font-size:14px;line-height:1}
.media-inline-upload-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.media-inline-upload-row .upload-action{flex:1 1 140px}
.media-add-actions>.upload-action{width:100%}
.media-row-actions .media-replace-btn{color:var(--accent-2)!important;border-color:color-mix(in srgb,var(--accent) 40%,var(--line))!important}

/* Native file controls must never fall back to a white browser button. */
input[type="file"]{color:var(--muted);font:inherit;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:5px}
input[type="file"]::file-selector-button{height:32px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:8px;background:var(--accent-soft);color:var(--accent-2);padding:0 12px;margin-inline-end:8px;font:inherit;font-weight:800;cursor:pointer}
input[type="file"]::file-selector-button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

.asset-upload-control{
  padding:13px;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
  border-radius:13px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--panel-2)),var(--panel-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.asset-upload-copy>b{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 8px 20px rgba(117,89,255,.10)}

.seo-media-field{min-width:0}.seo-media-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.seo-media-input-row .app-control{min-width:0}

/* Keep the editor header visually calm: only core actions stay visible. */
.topbar{overflow:visible!important;padding-inline:12px;gap:10px}
.topbar-actions{overflow:visible!important;display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0}
.topbar-ai-btn,.topbar-more-btn{height:34px}.topbar-more-btn:after{display:none}.topbar-more-icon{font-size:15px;letter-spacing:2px;transform:translateY(-2px)}
.topbar-more{position:relative;flex:0 0 auto}.app-topbar-menu{width:248px;padding:7px;border:1px solid var(--line);border-radius:12px;background:rgba(17,21,31,.98);box-shadow:0 22px 60px rgba(0,0,0,.42);backdrop-filter:blur(16px);direction:rtl;text-align:right;margin-top:8px!important}
.app-topbar-menu .dropdown-item{min-height:52px;border:0;border-radius:9px;background:transparent;color:var(--text);display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;padding:7px 9px;white-space:normal}
.app-topbar-menu .dropdown-item>span:first-child{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-2);font-size:14px}
.app-topbar-menu .dropdown-item>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.app-topbar-menu .dropdown-item b{font-size:10px}.app-topbar-menu .dropdown-item small{font-size:8px;color:var(--muted);line-height:1.6}.app-topbar-menu .dropdown-item:hover,.app-topbar-menu .dropdown-item:focus{background:var(--panel-3);color:#fff}.app-topbar-menu .dropdown-divider{border-color:var(--line);margin:5px 3px}

body.ui-light .upload-action,body.ui-light .asset-upload-control>button,body.ui-light button[data-action="upload-node-media"],body.ui-light button[data-action="media-upload"]{background:linear-gradient(135deg,#eeeaff,#f7f5ff);color:#4934c7;border-color:#cdc4ff;box-shadow:none}
body.ui-light .upload-action.secondary,body.ui-light button[data-action="upload-background-media"]{background:#f7f8fb;color:#344054;border-color:#d8dee8}
body.ui-light input[type="file"]{background:#f7f8fb;color:#667185;border-color:#d8dee8}body.ui-light input[type="file"]::file-selector-button{background:#eeeaff;color:#4934c7;border-color:#cdc4ff}
body.ui-light .asset-upload-control{background:linear-gradient(145deg,#faf9ff,#f5f6fa);border-color:#d9d5f4}
body.ui-light .app-topbar-menu{background:rgba(255,255,255,.99);border-color:#d9dee8;box-shadow:0 18px 50px rgba(31,41,55,.18)}body.ui-light .app-topbar-menu .dropdown-item{color:#263143}body.ui-light .app-topbar-menu .dropdown-item:hover,body.ui-light .app-topbar-menu .dropdown-item:focus{background:#f1f3f7;color:#18202d}

@media(max-width:1320px){.topbar-btn-label{display:none}.topbar-ai-btn,.topbar-more-btn{width:34px;min-width:34px;padding:0}.topbar-ai-btn>span:first-child{font-size:14px}}
@media(max-width:1160px){.brand-text span{display:none}.topbar{gap:7px}.topbar-actions{gap:5px}.btn-primary-x{padding-inline:10px}}
@media(max-width:980px){.topbar{overflow:visible!important}.topbar-actions{overflow:visible!important}.app-topbar-menu{position:absolute!important}.topbar-ai-btn{display:none}.topbar-more-btn{display:inline-flex}.topbar-actions .btn-primary-x{height:32px}}
@media(max-width:600px){.seo-media-input-row{grid-template-columns:1fr}.seo-media-input-row .upload-action{width:100%}.media-inline-upload-row{display:grid;grid-template-columns:1fr}.media-inline-upload-row .upload-action{width:100%}.app-topbar-menu{width:min(248px,calc(100vw - 24px))}}
@media(max-width:1130px){.app-topbar-menu #projectBtn{display:grid!important}}
@media(max-width:1040px){.app-topbar-menu #seoBtn{display:grid!important}}


/* ===== Landino editor UX: global layout + composite drop zones ===== */
.page-link-picker{height:30px;margin-top:5px;border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--panel-2));color:var(--accent-2);font-size:9px}
.page-link-picker:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
body.ui-light .page-link-picker{background:#f7f5ff;border-color:#d7cffc;color:#4934c7}

.topbar-back-btn{flex:0 0 auto;text-decoration:none!important}
@media(max-width:980px){.topbar-actions .topbar-back-btn{display:inline-flex!important;width:32px;min-width:32px;height:32px;padding:0}.topbar-back-btn .topbar-btn-label{display:none}}
.global-layout-control{display:grid;grid-template-columns:1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
.global-layout-control>div{display:flex;flex-direction:column;gap:4px;min-width:0}.global-layout-control strong{font-size:10px;color:var(--text)}.global-layout-control small{font-size:8px;line-height:1.7;color:var(--muted)}.global-layout-control button{min-height:34px;white-space:nowrap}
.ld-navbar-extra{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.ld-footer-extra{margin-top:24px;display:flex;align-items:stretch;gap:16px;flex-wrap:wrap}.ld-form-extra{display:grid;gap:12px;margin-top:4px}.ld-composite-extra{display:grid;gap:12px;margin-top:12px}
.ld-composite-dropzone:empty{min-width:42px;min-height:30px;border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:8px}
.editor-node.node-drop-inside>.ld-composite-dropzone,.editor-node.node-drop-inside .ld-composite-dropzone{border-color:var(--success);background:color-mix(in srgb,var(--success) 8%,transparent)}
@media(max-width:700px){.global-layout-control{grid-template-columns:1fr}.global-layout-control button{width:100%}}


/* ===== v3.6.0 — Landino branded editor media placeholders ===== */
.brand-mark.brand-logo{
  width:72px;
  height:42px;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  flex:0 0 auto;
}
.brand-mark.brand-logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 7px 18px rgba(117,89,255,.22));
}
.is-editor-media-placeholder{
  background:#0d1220!important;
  object-fit:cover!important;
  box-shadow:0 14px 38px rgba(15,18,35,.16)!important;
}
img.is-editor-media-placeholder{
  object-position:center!important;
}
.editor-empty-video{
  padding:0!important;
  background:#0d1220!important;
  position:relative;
}
.editor-media-placeholder-image{
  width:100%;
  height:100%;
  min-height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
  pointer-events:none;
}
.editor-media-type-badge{
  position:absolute;
  left:12px;
  top:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(9,12,22,.78);
  border:1px solid rgba(155,135,255,.28);
  color:#ddd8ff;
  font-size:9px!important;
  font-weight:800;
  backdrop-filter:blur(8px);
}
.ld-gallery-item.is-editor-media-placeholder{
  background-color:#0d1220!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:inset 0 0 0 1px rgba(155,135,255,.12);
}
.seo-favicon-preview .seo-placeholder-media{
  width:46px;
  height:46px;
  object-fit:cover;
  border-radius:8px;
  background:#0d1220;
}
body.ui-light .is-editor-media-placeholder,
body.ui-light .editor-empty-video,
body.ui-light .ld-gallery-item.is-editor-media-placeholder{
  background:#f5f3ff!important;
}
body.ui-light .brand-mark.brand-logo img{
  filter:drop-shadow(0 6px 15px rgba(117,89,255,.16));
}
@media(max-width:1040px){
  .brand-mark.brand-logo{width:62px;height:38px}
}
@media(max-width:600px){
  .brand-mark.brand-logo{width:58px;height:36px}
}


.media-preview-box.video-box{position:relative}
.media-preview-badge{
  position:absolute;
  left:10px;
  top:10px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(9,12,22,.78);
  border:1px solid rgba(155,135,255,.28);
  color:#ddd8ff;
  font-size:8px;
  font-weight:800;
  backdrop-filter:blur(8px);
}

/* Public/exported page: preserve layout for missing media without editor branding. */
.ld-media-empty{
  background:linear-gradient(135deg,color-mix(in srgb,var(--ld-primary,#7559ff) 7%,var(--ld-surface,#fff)),color-mix(in srgb,var(--ld-secondary,#00c2ff) 5%,var(--ld-surface,#fff)))!important;
  box-shadow:none!important;
}


/* ===== Free-flow visual placement engine (v4.0) ===== */
.ld-free-box:empty{min-height:70px}
.ld-semantic-drop-target{outline:2px solid var(--success,#38d39f)!important;outline-offset:3px;transition:outline-color .12s ease,box-shadow .12s ease}
.ld-semantic-drop-before{box-shadow:4px 0 0 var(--success,#38d39f)!important}
.ld-semantic-drop-after{box-shadow:-4px 0 0 var(--success,#38d39f)!important}
.ld-semantic-drop-inside{box-shadow:inset 0 0 0 2px var(--success,#38d39f)!important}
.restaurant-draggable-part[draggable="true"]{cursor:grab}.restaurant-draggable-part.dragging{opacity:.4}
.ld-navbar>.editor-node,.ld-navlinks>.editor-node{flex:0 1 auto;min-width:0}
.ld-navlinks>.editor-node{display:inline-flex;align-items:center;margin-inline:3px}
.ld-footer .editor-node,.ld-form>.editor-node{min-width:0}
.editor-node.ld-nav-centered{justify-content:center;flex-wrap:wrap}.editor-node.ld-nav-centered>.ld-logo{width:100%;text-align:center}.editor-node.ld-nav-centered>.ld-navlinks{order:3}.editor-node.ld-nav-centered>.ld-button{order:4}
.editor-node.ld-nav-pill{margin:14px 5%;padding:12px 18px;border-radius:999px;box-shadow:0 14px 40px rgba(16,24,40,.08)}
.editor-node.ld-nav-minimal{border-bottom-color:transparent}.editor-node.ld-nav-minimal>.ld-navlinks{margin-inline-start:auto}
.editor-node.ld-nav-split{display:flex;align-items:center}.editor-node.ld-nav-split>.ld-logo{order:2;margin-inline:auto}.editor-node.ld-nav-split>.ld-navlinks{order:1}.editor-node.ld-nav-split>.ld-button{order:3}.editor-node.ld-nav-split>.ld-navbar-slot-start{order:2}.editor-node.ld-nav-split>.ld-navbar-slot-actions{order:3}.editor-node.ld-nav-split>.ld-navbar-slot-end{order:4}
.editor-node.ld-nav-floating{margin:18px 5%;border-radius:18px;box-shadow:0 18px 55px rgba(16,24,40,.12)}
.editor-node.ld-footer-centered{text-align:center}.editor-node.ld-footer-centered .ld-footer-grid{grid-template-columns:1fr!important;max-width:760px;margin-inline:auto}.editor-node.ld-footer-centered .ld-footer-bottom{justify-content:center;gap:26px;flex-wrap:wrap}
.editor-node.ld-footer-minimal{padding-top:34px}.editor-node.ld-footer-minimal .ld-footer-grid{grid-template-columns:1fr!important}
.editor-node.ld-footer-split .ld-footer-grid{grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(150px,1fr))!important}
.editor-node.ld-footer-panel .ld-footer-main{padding:32px;border-radius:26px;background:color-mix(in srgb,var(--ld-surface) 76%,transparent);border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent)}
.editor-node.ld-footer-compact{padding-top:34px;padding-bottom:20px}.editor-node.ld-footer-compact .ld-footer-bottom{margin-top:22px}
@media(max-width:760px){.editor-node.ld-nav-split{display:flex;flex-wrap:wrap}.ld-footer-bottom-slot{width:100%}}
\n/* ===== Visual style override + universal media slots (v4.0) ===== */
video.ld-slot-video{display:block;width:100%;object-fit:cover;background:#10131a}
.ld-slot-video.editor-empty-video{display:grid;place-items:center;overflow:hidden}
.ld-slot-video .editor-media-placeholder-image{width:100%;height:100%;object-fit:cover}
.editor-node[data-node-id].ld-navbar,.editor-node[data-node-id].ld-footer{background-clip:padding-box}

/* ===== WYSIWYG parity: mixed media, advanced forms, embeds (v4.1) ===== */
.ld-gallery-item{overflow:hidden;position:relative}
.ld-gallery-media{width:100%;height:100%;min-height:160px;display:block;object-fit:cover}
.ld-slider-media{display:block;width:100%;object-fit:cover}
.ld-embed{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--ld-radius,16px);background:#10131a;display:block}
.ld-embed-placeholder{min-height:240px;display:grid;place-items:center;border:1px dashed color-mix(in srgb,var(--ld-text,#161822) 25%,transparent);border-radius:var(--ld-radius,16px);color:var(--ld-muted,#667085);background:color-mix(in srgb,var(--ld-surface,#fff) 90%,transparent);font-size:13px}
.ld-choice-field{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--ld-text,#161822)}
.ld-choice-field>.ld-input[type="checkbox"],.ld-choice-field>.ld-input[type="radio"]{width:18px;height:18px;min-height:0;padding:0;flex:0 0 auto}
.ld-hidden-field-preview{height:auto;min-height:42px;display:flex;align-items:center;border-style:dashed;opacity:.72;font-family:monospace}
.ld-media-action-link{display:block;color:inherit;text-decoration:none}
.media-thumb{width:72px;height:72px;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:#0b0e15;position:relative}
.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb>span{font-size:24px}.media-thumb>small{position:absolute;bottom:3px;right:4px;font-size:7px;letter-spacing:.08em}
.media-inline-options,.form-field-flags{display:flex;gap:8px;flex-wrap:wrap;font-size:9px;color:var(--muted)}
.media-inline-options label,.form-field-flags label{display:flex;align-items:center;gap:4px}
.form-field-editor{display:grid!important;gap:8px!important}.form-field-editor .control-grid{grid-template-columns:1fr 1fr}.form-field-editor textarea{min-height:72px;resize:vertical}
@media(max-width:700px){.form-field-editor .control-grid{grid-template-columns:1fr}}
.ld-embed-frame{width:100%;height:100%;border:0;display:block;border-radius:inherit;pointer-events:none}


/* ===== v4.2 Context-aware Inspector + composable motion ===== */
.media-source-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.media-source-inline.poster{margin-top:6px}.upload-action.compact{min-width:72px;padding:0 10px;white-space:nowrap}.locked-inspector-note{padding:16px;border:1px solid rgba(117,89,255,.28);border-radius:14px;background:rgba(117,89,255,.08);display:grid;gap:10px}.locked-inspector-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.locked-inspector-note .app-btn{justify-self:start}
.editor-node[data-hover]{transition-property:translate,scale,rotate,filter,box-shadow,opacity;transition-duration:.25s}
.editor-node[data-hover="lift"]:hover{translate:0 -8px}.editor-node[data-hover="scale"]:hover{scale:1.03}.editor-node[data-hover="tilt"]:hover{rotate:-1.5deg;scale:1.01}.editor-node[data-hover="dim"]:hover{filter:brightness(.82) var(--ld-base-filter,blur(0px))}.editor-node[data-hover="glow"]:hover{box-shadow:0 0 35px color-mix(in srgb,var(--ld-primary,#7559ff) 35%,transparent)!important}
.preview-mode .editor-node[data-animation]{animation:none!important;opacity:0;translate:0 0;scale:1;rotate:0deg;transition-property:opacity,translate,scale,rotate,filter;transition-duration:var(--ld-anim-duration,700ms)!important;transition-delay:var(--ld-anim-delay,0ms)!important;transition-timing-function:cubic-bezier(.2,.75,.25,1)}
.preview-mode .editor-node[data-animation].in-view{opacity:1;translate:0 0;scale:1;rotate:0deg;filter:var(--ld-base-filter,blur(0px))}.preview-mode .editor-node[data-animation="slide-up"]{translate:0 42px}.preview-mode .editor-node[data-animation="slide-down"]{translate:0 -42px}.preview-mode .editor-node[data-animation="slide-right"]{translate:42px 0}.preview-mode .editor-node[data-animation="slide-left"]{translate:-42px 0}.preview-mode .editor-node[data-animation="scale"]{scale:.88}.preview-mode .editor-node[data-animation="zoom-out"]{scale:1.14}.preview-mode .editor-node[data-animation="rotate-in"]{rotate:-7deg;scale:.94}.preview-mode .editor-node[data-animation="flip-x"]{rotate:x 25deg}.preview-mode .editor-node[data-animation="blur-in"]{filter:blur(16px) var(--ld-base-filter,blur(0px));scale:.98}.preview-mode .editor-node[data-animation="bounce-in"]{translate:0 55px;scale:.92}
@media(prefers-reduced-motion:reduce){.preview-mode .editor-node[data-animation]{opacity:1!important;translate:0 0!important;scale:1!important;rotate:0deg!important;filter:var(--ld-base-filter,blur(0px))!important;transition:none!important;animation:none!important}}
@media(max-width:650px){.media-source-inline{grid-template-columns:1fr}.upload-action.compact{width:100%}}


/* ===== v4.3 Secure media library ===== */
.media-storage-card{display:grid;gap:9px;margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#151b29,#10151f)}
.media-storage-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.media-storage-head>div:first-child{display:grid;gap:3px;min-width:0}.media-storage-head strong{font-size:10px;color:var(--text)}.media-storage-head small,.media-storage-note{font-size:8px;line-height:1.7;color:var(--muted)}
.media-storage-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.media-storage-actions a,.media-trash-action{height:28px;border-radius:8px;border:1px solid rgba(117,89,255,.35);background:var(--accent-soft);color:var(--accent-2);padding:0 9px;font-size:8px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}.media-trash-action{border-color:rgba(239,71,111,.35);background:rgba(239,71,111,.08);color:#ff9bb1}.media-trash-action:hover{background:rgba(239,71,111,.16)}
.media-storage-track{height:7px;border-radius:999px;background:#090d15;border:1px solid #242c3a;overflow:hidden}.media-storage-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#00c2ff);transition:width .25s ease}
.asset-upload-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.asset-upload-actions .app-select{min-width:130px;height:34px}.asset-upload-actions>button{height:34px;border:1px solid rgba(117,89,255,.4);border-radius:8px;background:var(--accent-soft);color:var(--accent-2);padding:0 11px;font-size:9px;font-weight:800;cursor:pointer}
.media-library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin:10px 0}.media-library-toolbar label{display:grid;gap:5px}.media-library-toolbar label>span{font-size:8px;color:var(--muted)}.media-library-toolbar>button{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--panel-3);color:var(--text);padding:0 10px;font-size:8px;cursor:pointer}.media-library-toolbar>button:hover{border-color:var(--accent);color:var(--accent-2)}
.media-folder-group{margin-top:13px}.media-folder-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 2px 7px}.media-folder-head>span{font-size:9px;font-weight:800;color:#d8deeb}.media-folder-head>small{font-size:8px;color:var(--muted)}
.media-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-card{aspect-ratio:auto;min-width:0;height:auto;overflow:hidden;display:grid;grid-template-rows:92px auto auto;cursor:grab;border-radius:11px}.media-card-preview{position:relative;overflow:hidden;background:#0d121c}.media-card-preview img,.media-card-preview .asset-video-preview{width:100%;height:100%;object-fit:cover}.media-card-info{display:grid;gap:3px;padding:8px 8px 5px;min-width:0}.media-card-info strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-info small{font-size:7.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 8px 8px}.media-card-actions button{height:27px;border:1px solid var(--line);background:#181e2b;color:#cbd2df;border-radius:7px;font-size:7.5px;cursor:pointer}.media-card-actions button:hover{border-color:var(--accent);color:var(--accent-2)}.media-card-actions button.danger{border-color:rgba(239,71,111,.25);color:#ff9bb1}.media-card-actions button.danger:hover{background:rgba(239,71,111,.1)}
.media-manage-form{display:grid;gap:12px}.media-manage-form .form-hint{margin:0;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--muted);font-size:9px;line-height:1.8}
body.ui-light .media-storage-card{background:linear-gradient(145deg,#fafbfe,#f4f6fa);border-color:#d9dee8}body.ui-light .media-storage-track{background:#e9edf4;border-color:#d6dce6}body.ui-light .media-folder-head>span{color:#263143}body.ui-light .media-library-toolbar>button,body.ui-light .media-card-actions button{background:#f7f8fb;color:#344054;border-color:#d8dee8}body.ui-light .media-card-preview{background:#edf1f6}
@media(max-width:600px){.media-storage-head{align-items:flex-start;flex-direction:column}.asset-upload-actions{display:grid;grid-template-columns:1fr}.asset-upload-actions .app-select,.asset-upload-actions>button{width:100%}.media-library-toolbar{grid-template-columns:1fr}.media-library-toolbar>button{width:100%}.media-asset-grid{grid-template-columns:1fr}}

/* v4.3 secure media library: trash/recovery management */
.media-trash-action.is-active{border-color:#8b6eff!important;background:#251f46!important;color:#dcd3ff!important}
.media-trash-panel{margin:12px 0 18px;padding:12px;border:1px solid #3a314c;border-radius:14px;background:linear-gradient(180deg,#17131f,#100e17)}
.media-trash-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.media-trash-head>div{display:grid;gap:3px}.media-trash-head strong{font-size:10px}.media-trash-head small{color:var(--muted);font-size:8px;line-height:1.65}
.media-empty-trash-btn{height:29px;border:1px solid #6d3241;background:#2a151c;color:#ff9fb2;border-radius:8px;padding:0 9px;font-size:8px;cursor:pointer;white-space:nowrap}.media-empty-trash-btn:hover{background:#3a1823}
.media-trash-grid{display:grid;gap:7px}.media-trash-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid #332c40;border-radius:10px;background:#0d0c12}.media-trash-icon{width:34px;height:34px;border-radius:8px;background:#1d1924;display:grid;place-items:center;color:#a99db9;font-size:13px}.media-trash-actions{display:flex;align-items:center;gap:5px}.media-trash-actions button{height:26px;border:1px solid var(--line);border-radius:7px;background:#171522;color:#cbc4d8;padding:0 7px;font-size:8px;cursor:pointer}.media-trash-actions button:hover{background:#242032}.media-trash-actions button.danger{border-color:#5f2c39;color:#ff9aae;background:#211218}.reusable-empty.compact{padding:18px 10px;font-size:9px}
@media(max-width:520px){.media-trash-head{align-items:flex-start;flex-direction:column}.media-trash-card{grid-template-columns:34px minmax(0,1fr)}.media-trash-actions{grid-column:1/-1;justify-content:flex-end}}


/* ===== v4.3.2 Media Manager UX / UI repair ===== */
/* The media panel is narrow; use one readable column instead of squeezed cards. */
.media-storage-card{min-width:0;padding:12px!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.media-storage-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:9px!important}
.media-storage-head>div:first-child{min-width:0}
.media-storage-head strong{font-size:10.5px!important}.media-storage-head small,.media-storage-note{font-size:8.5px!important}
.media-storage-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;width:100%}
.media-storage-actions a,.media-storage-actions .media-trash-action{width:100%;height:32px!important;min-width:0;padding:0 9px!important}
.media-trash-action{gap:6px!important}.media-trash-count{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.09);display:inline-grid;place-items:center;font-size:8px;color:inherit}
.media-storage-track{height:8px!important}

.asset-upload-control{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}
.asset-upload-copy{align-items:flex-start!important}.asset-upload-copy>span{gap:2px}.asset-upload-copy small{white-space:normal!important;overflow-wrap:anywhere}
.asset-upload-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%;gap:7px!important}
.asset-upload-actions .app-select{min-width:0!important;width:100%!important}.asset-upload-actions>button{min-width:92px!important;width:auto!important}
.asset-url-control{padding:10px!important}.asset-url-row{grid-template-columns:1fr!important}.asset-url-row button{width:100%!important}

.media-library-toolbar{position:sticky!important;top:0;z-index:8;display:grid!important;grid-template-columns:minmax(0,1fr) 38px 48px!important;gap:6px!important;align-items:end!important;margin:10px -3px 9px!important;padding:7px 3px!important;background:linear-gradient(180deg,var(--panel) 82%,color-mix(in srgb,var(--panel) 82%,transparent));backdrop-filter:blur(10px)}
.media-library-toolbar label{min-width:0}.media-library-toolbar .app-select{height:34px!important;min-width:0!important}
.media-library-toolbar>button.media-toolbar-btn{width:100%!important;min-width:0;height:34px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;gap:3px;font-size:12px!important;border-radius:9px!important}
.media-library-toolbar>button.media-toolbar-btn.trash{position:relative;color:#ff9bb1!important;border-color:rgba(239,71,111,.28)!important;background:rgba(239,71,111,.07)!important}
.media-library-toolbar>button.media-toolbar-btn.trash:hover{background:rgba(239,71,111,.14)!important;border-color:rgba(239,71,111,.5)!important}
.media-library-toolbar>button.media-toolbar-btn.trash b{position:absolute;top:-5px;left:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef476f;color:#fff;border:2px solid var(--panel);font-size:7px;display:grid;place-items:center;line-height:1}

.media-folder-group{margin-top:12px!important}.media-folder-head{padding:0 2px 7px!important}.media-folder-head>span{font-size:9.5px!important}.media-folder-head>small{font-size:8px!important}
.asset-grid.media-asset-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.asset-item.media-card{aspect-ratio:auto!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:94px!important;height:auto!important;border-radius:11px!important;cursor:grab!important;background:var(--panel-2)!important;overflow:hidden!important}
.media-card-preview{grid-column:1;grid-row:1/3;width:78px;height:100%;min-height:94px;border-left:1px solid var(--line);background:#0d121c!important}
.media-card-preview img,.media-card-preview .asset-video-preview{width:100%!important;height:100%!important;min-height:94px;object-fit:cover!important}
.media-card-info{grid-column:2;grid-row:1;align-self:end;padding:9px 9px 4px!important;gap:4px!important;min-width:0!important}
.media-card-info strong{font-size:10px!important;line-height:1.5}.media-card-info small{font-size:8px!important;line-height:1.55}
.media-card-actions{grid-column:2;grid-row:2;display:flex!important;grid-template-columns:none!important;align-items:start;gap:6px!important;padding:3px 9px 9px!important}
.media-card-actions button{flex:1 1 0;height:29px!important;font-size:8.5px!important;border-radius:8px!important;white-space:nowrap}
.media-card-actions button:first-child:not(.danger){color:var(--accent-2);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}

/* Manage-file modal: clear preview + fields, never collapsed or misaligned. */
#mediaManageModal .modal-dialog{max-width:640px}
.media-manage-form{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;gap:16px!important;align-items:start}
.media-manage-preview-wrap{display:grid;gap:8px;min-width:0}.media-manage-preview{height:178px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0b0f17;display:grid;place-items:center}.media-manage-preview img,.media-manage-preview video{width:100%;height:100%;object-fit:contain;background:#0b0f17}.media-manage-preview-wrap>small{font-size:8.5px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.media-manage-fields{display:grid;gap:11px;min-width:0}.media-manage-fields .field>span{font-size:9px}.media-manage-fields .app-control,.media-manage-fields .app-select{height:36px}.media-manage-fields .form-hint{margin:0!important;padding:10px!important}

/* Trash is a real modal: always reachable without scrolling the media panel. */
.media-trash-dialog{max-width:820px!important}.media-trash-modal{overflow:hidden}.media-trash-summary{display:block;margin-top:4px;color:var(--muted);font-size:9px}.media-trash-modal-body{padding-top:4px!important;max-height:min(68vh,680px);overflow:auto}.media-trash-toolbar{position:sticky;top:-4px;z-index:3;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:9px;padding:8px 0 10px;background:linear-gradient(180deg,var(--panel) 80%,transparent)}.media-trash-toolbar label{display:grid;gap:5px;min-width:0}.media-trash-toolbar label>span{font-size:8.5px;color:var(--muted)}.media-trash-toolbar .app-control,.media-trash-toolbar .app-select{height:36px!important}
.media-trash-help{margin-bottom:10px;padding:9px 11px;border:1px solid rgba(117,89,255,.18);border-radius:10px;background:rgba(117,89,255,.06);color:var(--muted);font-size:9px;line-height:1.8}
.media-trash-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.media-trash-card{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0 9px!important;padding:8px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel-2)!important;min-width:0!important;align-items:center!important}
.media-trash-preview{grid-column:1;grid-row:1/3;width:64px;height:64px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#0b0f17}.media-trash-preview img{width:100%;height:100%;object-fit:cover}.media-trash-video{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:2px;background:linear-gradient(145deg,#242a3b,#11151f);color:var(--accent-2)}.media-trash-video span{font-size:18px}.media-trash-video small{font-size:6px;color:var(--muted)}
.media-trash-info{grid-column:2;grid-row:1;display:grid;gap:3px;min-width:0;align-self:end}.media-trash-info strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-trash-info small{font-size:7.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-trash-info .media-trash-date{opacity:.8}
.media-trash-actions{grid-column:2;grid-row:2;display:flex!important;gap:5px!important;align-items:start;padding-top:5px}.media-trash-actions button{height:28px!important;border-radius:7px!important;padding:0 8px!important;font-size:8px!important;white-space:nowrap;flex:1 1 auto}.media-trash-actions .restore{color:#86e8c4!important;border-color:rgba(56,211,159,.28)!important;background:rgba(56,211,159,.07)!important}.media-trash-actions .restore:hover{background:rgba(56,211,159,.14)!important}.media-trash-actions .danger{color:#ff9fb2!important;border-color:rgba(239,71,111,.3)!important;background:rgba(239,71,111,.07)!important}.media-trash-actions .danger:hover{background:rgba(239,71,111,.15)!important}
.media-trash-empty{min-height:230px;border:1px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--muted)}.media-trash-empty>span{font-size:34px;filter:grayscale(.25);margin-bottom:8px}.media-trash-empty strong{font-size:11px;color:var(--text);margin-bottom:5px}.media-trash-empty small{font-size:8.5px;line-height:1.8}.media-trash-modal-footer{justify-content:space-between!important}.danger-soft{color:#ff9fb2!important;border-color:rgba(239,71,111,.28)!important;background:rgba(239,71,111,.06)!important}.danger-soft:hover{background:rgba(239,71,111,.14)!important}.danger-soft:disabled{display:none!important}

body.ui-light .media-library-toolbar{background:linear-gradient(180deg,#fff 82%,rgba(255,255,255,0))}body.ui-light .media-library-toolbar>button.media-toolbar-btn.trash b{border-color:#fff}.ui-light .asset-item.media-card,.ui-light .media-trash-card{background:#f7f8fb!important}.ui-light .media-card-preview,.ui-light .media-manage-preview,.ui-light .media-manage-preview img,.ui-light .media-manage-preview video,.ui-light .media-trash-preview{background:#eef1f6!important}.ui-light .media-trash-toolbar{background:linear-gradient(180deg,#fff 80%,rgba(255,255,255,0))}.ui-light .media-trash-help{background:#f6f3ff}.ui-light .media-trash-video{background:linear-gradient(145deg,#f1f3f7,#e7ebf1)}

@media(max-width:700px){.media-manage-form{grid-template-columns:1fr!important}.media-manage-preview{height:160px}.media-trash-grid{grid-template-columns:1fr!important}.media-trash-toolbar{grid-template-columns:1fr!important}.media-trash-modal-body{max-height:70vh}.media-trash-modal-footer{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.media-trash-modal-footer button{width:100%}}
@media(max-width:520px){.asset-upload-actions{grid-template-columns:1fr!important}.asset-upload-actions>button{width:100%!important}.media-library-toolbar{grid-template-columns:minmax(0,1fr) 38px 48px!important}.media-storage-actions{grid-template-columns:1fr!important}.media-trash-card{grid-template-columns:56px minmax(0,1fr)!important}.media-trash-preview{width:56px;height:56px}.media-trash-actions{grid-column:1/-1!important;grid-row:3!important;padding-top:8px}.media-trash-modal-footer{grid-template-columns:1fr!important}}

/* ===== v4.5 distinctive section library + editable error-page starters ===== */
.ld-v45-section{isolation:isolate}.ld-v45-section>.ld-container{z-index:1}.ld-v45-bento{display:grid!important;grid-template-columns:1.25fr .85fr .9fr;grid-auto-rows:minmax(155px,auto);gap:16px;margin-top:34px}.ld-v45-bento-card{position:relative;overflow:hidden}.ld-v45-bento-card.wide{grid-column:span 2}.ld-v45-bento-card.tall{grid-row:span 2}.ld-v45-bento-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;left:-42px;bottom:-55px;background:color-mix(in srgb,var(--ld-primary) 12%,transparent)}.ld-v45-bento-index{position:absolute;left:18px;top:16px;color:var(--ld-muted)!important}
.ld-v45-process{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);border-radius:24px;overflow:hidden}.ld-v45-process-step{padding:28px;position:relative;min-height:220px;background:var(--ld-surface)}.ld-v45-process-step+ .ld-v45-process-step{border-right:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent)}.ld-v45-process-no{color:var(--ld-primary);opacity:.72}.ld-v45-story-visual{position:relative;min-height:520px}.ld-v45-story-image{height:100%!important}.ld-v45-story-note{position:absolute;left:-18px;bottom:28px;width:min(250px,78%);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--ld-surface) 88%,transparent)!important}.ld-v45-video-spotlight{gap:70px}.ld-v45-video-media{min-height:0!important;box-shadow:0 35px 90px color-mix(in srgb,var(--ld-primary) 18%,transparent)}
.ld-v45-compare{display:grid!important;gap:0;border:1px solid color-mix(in srgb,var(--ld-text) 12%,transparent);border-radius:22px;overflow:hidden;margin:30px 0}.ld-v45-compare-row{display:grid!important;grid-template-columns:1.25fr repeat(3,1fr);gap:0;align-items:center;background:var(--ld-surface)}.ld-v45-compare-row:nth-child(even){background:color-mix(in srgb,var(--ld-primary) 4%,var(--ld-surface))}.ld-v45-compare-row>*{padding:17px 18px;border-left:1px solid color-mix(in srgb,var(--ld-text) 8%,transparent)}.ld-v45-compare-row>*:last-child{border-left:0}.ld-v45-compare-key{color:var(--ld-text)!important}
.ld-v45-newsletter{display:grid!important;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center;padding:42px;border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--ld-primary) 9%,var(--ld-surface)),var(--ld-surface));border:1px solid color-mix(in srgb,var(--ld-primary) 18%,transparent)}.ld-v45-newsletter-art{min-height:260px;display:grid!important;place-items:center;align-content:center;text-align:center;padding:28px;border-radius:24px;background:linear-gradient(145deg,var(--ld-primary),var(--ld-secondary));color:#fff}.ld-v45-newsletter-art .ld-icon{background:rgba(255,255,255,.18);color:#fff;margin-inline:auto}.ld-v45-newsletter-art .ld-text{color:rgba(255,255,255,.78)!important}.ld-v45-contact{display:grid!important;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}.ld-v45-contact-info .ld-card{box-shadow:none;margin-top:8px}.ld-v45-contact-form{padding:28px;border-radius:24px;background:var(--ld-surface);border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);box-shadow:var(--ld-shadow)}
.ld-v45-blog-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.ld-v45-blog-card{padding:12px 12px 20px;overflow:hidden}.ld-v45-blog-card>.ld-image{min-height:0!important;box-shadow:none}.ld-v45-blog-card>.ld-eyebrow,.ld-v45-blog-card>.ld-heading,.ld-v45-blog-card>.ld-text,.ld-v45-blog-card>.ld-button{margin-inline:10px}.ld-v45-timeline{display:grid!important;gap:0;margin-top:34px;position:relative}.ld-v45-timeline:before{content:"";position:absolute;right:92px;top:18px;bottom:18px;width:2px;background:linear-gradient(var(--ld-primary),color-mix(in srgb,var(--ld-primary) 12%,transparent))}.ld-v45-timeline-item{display:grid!important;grid-template-columns:120px 1fr;gap:28px;padding:24px 0;position:relative}.ld-v45-timeline-item:after{content:"";position:absolute;right:85px;top:32px;width:16px;height:16px;border-radius:50%;background:var(--ld-surface);border:4px solid var(--ld-primary)}.ld-v45-timeline-year{color:var(--ld-primary)!important}.ld-v45-integration-logos{justify-content:center!important;gap:12px!important;margin:28px 0 35px}.ld-v45-integration-logos a{padding:12px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);background:var(--ld-surface)}
.ld-v45-awards{display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.ld-v45-award-card{padding:24px;border-radius:20px;background:var(--ld-surface);border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);text-align:center}.ld-v45-award-card .ld-icon{margin-inline:auto}.ld-v45-appointment{display:grid!important;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.ld-v45-appointment>.ld-form{padding:28px;border-radius:24px;background:var(--ld-surface);border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);box-shadow:var(--ld-shadow)}.ld-v45-slots{display:grid!important;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px}.ld-v45-slot{min-height:42px!important;padding-inline:12px!important}.ld-v45-appdownload{gap:80px}.ld-v45-app-phone{width:min(360px,100%);margin-inline:auto;min-height:0!important;box-shadow:0 40px 100px color-mix(in srgb,var(--ld-primary) 20%,transparent)}
.ld-v45-error-page{min-height:100vh;background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--ld-primary) 25%,transparent),transparent 32%),radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--ld-secondary) 20%,transparent),transparent 34%),#090b12!important;color:#f8fafc}.ld-v45-error-page .ld-container{width:min(1040px,100%)}.ld-v45-error-layout{display:grid!important;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;min-height:580px;padding:46px;border:1px solid rgba(255,255,255,.09);border-radius:32px;background:rgba(16,20,31,.84);box-shadow:0 40px 120px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.ld-v45-error-copy{gap:18px}.ld-v45-error-brand{margin-bottom:22px}.ld-v45-error-logo{width:124px!important;height:84px!important;min-height:84px!important;box-shadow:none!important}.ld-v45-error-page .ld-text{color:#9ca8bb}.ld-v45-error-art{width:300px;height:300px;margin-inline:auto;border-radius:50%;display:grid!important;place-items:center;align-content:center;gap:8px;background:rgba(7,10,17,.72);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 80px rgba(255,255,255,.025),0 30px 90px rgba(0,0,0,.32);position:relative}.ld-v45-error-art:before{content:"";position:absolute;inset:-28px;border-radius:42% 58% 63% 37%/44% 41% 59% 56%;background:linear-gradient(135deg,color-mix(in srgb,var(--ld-primary) 24%,transparent),color-mix(in srgb,var(--ld-secondary) 16%,transparent));z-index:-1;transform:rotate(-7deg)}.ld-v45-error-art .ld-icon{margin:0;background:color-mix(in srgb,var(--ld-primary) 18%,transparent)}.ld-v45-error-code{font-size:78px!important;line-height:1;color:#fff!important}.ld-v45-error-mini{direction:ltr;color:#69758a!important}.ld-v45-error-500{--ld-primary:#ff4d6d;--ld-secondary:#9b5cff}
@media(max-width:1024px){.ld-v45-bento{grid-template-columns:1fr 1fr}.ld-v45-bento-card.wide{grid-column:span 2}.ld-v45-process{grid-template-columns:1fr 1fr}.ld-v45-process-step+ .ld-v45-process-step{border-right:0;border-top:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent)}.ld-v45-awards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ld-v45-bento,.ld-v45-process,.ld-v45-newsletter,.ld-v45-contact,.ld-v45-blog-grid,.ld-v45-appointment,.ld-v45-error-layout{grid-template-columns:1fr!important}.ld-v45-bento-card.wide,.ld-v45-bento-card.tall{grid-column:auto;grid-row:auto}.ld-v45-story-note{left:10px}.ld-v45-compare{overflow-x:auto}.ld-v45-compare-row{min-width:660px}.ld-v45-timeline:before{right:16px}.ld-v45-timeline-item{grid-template-columns:78px 1fr;padding-right:30px}.ld-v45-timeline-item:after{right:9px}.ld-v45-awards{grid-template-columns:1fr 1fr}.ld-v45-slots{grid-template-columns:1fr}.ld-v45-error-layout{padding:26px;gap:24px}.ld-v45-error-art{width:230px;height:230px;order:-1}.ld-v45-error-code{font-size:62px!important}}


body.ui-light .form-library-meta strong{color:#263043}body.ui-light .form-library-intro{color:#566075}body.ui-light .managed-form-inspector-note{color:#42634f;background:#effaf3}.ld-managed-form .ld-managed-form-badge{pointer-events:none}


/* v4.7.4 — drag-to-select OpenStreetMap location inside inspector */
.map-location-picker{position:relative;height:230px;margin:10px 0 12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-2);isolation:isolate;direction:ltr}.map-location-picker-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:none}.map-location-picker-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08))}.map-location-pin{position:absolute;left:50%;top:50%;z-index:4;width:34px;height:42px;padding:0;border:0;background:transparent;color:#ef476f;cursor:grab;transform:translate(-50%,-100%);filter:drop-shadow(0 5px 8px rgba(0,0,0,.35));touch-action:none}.map-location-pin span{position:absolute;left:50%;top:2px;transform:translateX(-50%);width:27px;height:27px;border-radius:50% 50% 50% 0;background:#ef476f;color:#fff;display:grid;place-items:center;font-size:8px;border:2px solid rgba(255,255,255,.95);rotate:-45deg}.map-location-pin i{position:absolute;left:50%;bottom:0;width:11px;height:4px;border-radius:50%;background:rgba(0,0,0,.28);transform:translateX(-50%)}.map-location-pin.is-dragging{cursor:grabbing;scale:1.08}.map-location-picker-help{position:absolute;z-index:3;right:8px;bottom:8px;max-width:calc(100% - 16px);padding:6px 9px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(9,11,18,.82);backdrop-filter:blur(8px);color:#fff;font-size:8px;line-height:1.5;pointer-events:none;direction:rtl}.ui-light .map-location-picker-help{background:rgba(255,255,255,.9);color:#273142;border-color:#d9dee8}

/* v4.7.4 map editor — place search, GPS and navigation links */
.map-search-box{display:grid;gap:8px;margin:10px 0 12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.map-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.map-search-row>button,.map-gps-btn{min-height:36px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--text);font-size:9px;font-weight:800;padding:0 11px}.map-search-row>button:disabled,.map-gps-btn:disabled{opacity:.55;cursor:wait}.map-gps-btn{width:100%;background:color-mix(in srgb,#20b34b 12%,var(--panel));border-color:color-mix(in srgb,#20b34b 38%,var(--line))}.map-search-status{min-height:14px;color:var(--muted);font-size:8px;line-height:1.7}.map-search-status.is-error{color:#ff879d}.map-search-status.is-success{color:#73ddb0}.map-search-status.is-loading{color:var(--accent-2)}.map-search-results{display:grid;gap:5px;max-height:170px;overflow:auto}.map-search-result{display:grid;gap:3px;width:100%;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);text-align:right}.map-search-result:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.map-search-result strong{font-size:8.5px;line-height:1.6}.map-search-result small{font-size:7px;color:var(--muted);direction:ltr;text-align:left}.map-preview-links{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}.map-preview-links a{padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);color:var(--text);font-size:7.5px;text-decoration:none}.ui-light .map-search-status.is-error{color:#c73550}.ui-light .map-search-status.is-success{color:#14814c}

/* v5.8.9 — search verification + secure provider integration UI */
.editor-site-integrations{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.editor-site-integrations>.form-hint{margin:0 0 12px;line-height:1.9}
.editor-integrations-form .code-area{min-height:120px;height:auto}
.editor-integrations-form .field>.form-hint{margin:0;padding:0;line-height:1.7}
.editor-integrations-actions{display:flex;justify-content:flex-end;margin-top:12px}

/* v5.8.9 — allowlisted third-party widgets */
.trusted-integrations-library{display:grid;gap:12px}.trusted-integration-security{padding:12px;border:1px solid color-mix(in srgb,var(--accent,#7559ff) 28%,transparent);border-radius:14px;background:color-mix(in srgb,var(--accent,#7559ff) 7%,transparent);line-height:1.8}.trusted-integration-security strong{display:block;font-size:12px}.trusted-integration-security p{margin:4px 0 0;font-size:10px;color:var(--muted,#8d94a8)}.trusted-integration-create{display:grid;gap:9px;padding:12px;border:1px solid var(--line,#e6e8ee);border-radius:14px}.trusted-integration-create label{display:grid;gap:5px;font-size:10px}.trusted-integration-create textarea{resize:vertical;min-height:120px;direction:ltr;text-align:left}.trusted-provider-help{display:block;line-height:1.7;color:var(--muted,#8d94a8)}.trusted-integration-list{display:grid;gap:8px}.trusted-integration-card{position:relative;display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:9px;padding:10px;border:1px solid var(--line,#e6e8ee);border-radius:13px;background:var(--panel,#fff);cursor:grab}.trusted-integration-card:hover{border-color:color-mix(in srgb,var(--accent,#7559ff) 52%,var(--line,#e6e8ee))}.trusted-integration-card-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#7559ff) 10%,transparent);font-weight:900}.trusted-integration-card-meta{min-width:0;display:grid;gap:2px}.trusted-integration-card-meta strong,.trusted-integration-card-meta span,.trusted-integration-card-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trusted-integration-card-meta strong{font-size:11px}.trusted-integration-card-meta span{font-size:10px}.trusted-integration-card-meta small{font-size:9px;color:var(--muted,#8d94a8)}.trusted-integration-delete{border:0;background:transparent;color:#d74444;font-size:18px;cursor:pointer}.ld-trusted-integration-node{display:flex!important;align-items:center;gap:10px;min-width:160px;border:1px dashed color-mix(in srgb,var(--accent,#7559ff) 55%,#a8afbf);background:color-mix(in srgb,var(--accent,#7559ff) 6%,transparent);padding:10px 12px}.ld-trusted-integration-node .trusted-integration-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#7559ff) 12%,transparent);font-weight:900}.ld-trusted-integration-node>span:last-child{display:grid;gap:2px}.ld-trusted-integration-node strong{font-size:11px}.ld-trusted-integration-node small{font-size:9px;color:var(--muted,#8d94a8)}.trusted-widget-note{border-color:color-mix(in srgb,#22a06b 40%,var(--line,#e6e8ee));background:color-mix(in srgb,#22a06b 6%,transparent)}


/* v5.9.1 — widget-tab layout polish only */
.trusted-integration-card{
  grid-template-columns:30px 38px minmax(0,1fr) 30px;
  gap:7px;
}
.trusted-integration-card>.library-add-btn{
  position:static;
  inset:auto;
  width:30px;
  height:30px;
  opacity:1;
  align-self:center;
  justify-self:center;
}
.trusted-integration-card-icon{
  width:34px;
  height:34px;
  justify-self:center;
}
.trusted-integration-delete{
  width:30px;
  height:30px;
  padding:0;
  display:grid;
  place-items:center;
  align-self:center;
  justify-self:center;
  line-height:1;
  border-radius:7px;
}
.trusted-integration-delete:hover{background:color-mix(in srgb,#d74444 12%,transparent)}

/* v5.9.2 — accurate sandbox preview + resizable widget canvas node only */
.ld-trusted-integration-node.ld-sandbox-integration-node{
  position:relative;
  display:inline-block!important;
  min-width:40px;
  min-height:40px;
  padding:0!important;
  gap:0;
  overflow:hidden;
  border:1px dashed color-mix(in srgb,var(--accent,#7559ff) 42%,#a8afbf);
  background:transparent;
  vertical-align:top;
  line-height:0;
}
.trusted-editor-preview-frame{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  overflow:hidden;
  background:transparent;
  pointer-events:none;
}
.trusted-editor-preview-badge{
  position:absolute;
  z-index:3;
  top:4px;
  left:4px;
  max-width:calc(100% - 8px);
  padding:3px 6px;
  border-radius:6px;
  background:rgba(12,15,23,.76);
  color:#eef1f7;
  font-size:8px;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:.36;
  pointer-events:none;
  backdrop-filter:blur(5px);
  transition:opacity .15s ease;
}
.ld-sandbox-integration-node:hover>.trusted-editor-preview-badge{opacity:.9}
.preview-mode .trusted-editor-preview-badge{display:none}

/* Final spacing pass for editor media/upload and URL suggestion controls. */
.media-inline-upload-row{margin:7px 0 11px!important}
.page-link-picker{margin:7px 0 5px!important}
.seo-media-input-row{margin:5px 0!important}
.media-source-inline{margin-block:5px}
.asset-upload-actions{margin-block:6px}
.field>.upload-action,.field>.full-action{margin-block:4px}
.ld-jalali-date-input{cursor:pointer;text-align:right;caret-color:transparent}
.ld-card-payment-info{display:grid;gap:6px;padding:18px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--ld-primary) 25%,transparent);border-radius:16px;background:color-mix(in srgb,var(--ld-primary) 7%,var(--ld-surface));text-align:center}.ld-card-payment-info strong{font-size:22px;letter-spacing:1px}.ld-card-payment-info small{color:var(--ld-muted)}
.ld-form input[type="file"]{height:auto;min-height:112px;padding:42px 18px 18px;border:2px dashed color-mix(in srgb,var(--ld-primary) 38%,var(--ld-text) 18%);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--ld-primary) 6%,var(--ld-surface)),var(--ld-surface));color:var(--ld-muted);cursor:pointer;text-align:center;transition:border-color .2s ease,background .2s ease,transform .2s ease}.ld-form input[type="file"]:hover,.ld-form input[type="file"]:focus{border-color:var(--ld-primary);background:color-mix(in srgb,var(--ld-primary) 10%,var(--ld-surface));transform:translateY(-1px);outline:none}.ld-form input[type="file"]::file-selector-button{min-height:38px;margin-inline-end:12px;padding:0 16px;border:0;border-radius:10px;background:var(--ld-primary);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.ld-menu{display:grid;gap:46px;width:100%}.ld-menu-category{display:grid;gap:18px}.ld-menu-category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.ld-menu-category-head span{display:block;margin-bottom:5px;color:var(--ld-primary);font-size:10px;font-weight:900;letter-spacing:.18em}.ld-menu-category-head h3{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.3}.ld-menu-category-head p{margin:6px 0 0;color:var(--ld-muted);font-size:13px}.ld-menu-category-head i{height:1px;flex:1;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ld-primary) 35%,transparent))}.ld-menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ld-menu-items-list{grid-template-columns:1fr}.ld-menu-item{position:relative;display:grid;grid-template-columns:140px minmax(0,1fr);min-height:142px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);border-radius:22px;background:var(--ld-surface);box-shadow:0 14px 34px color-mix(in srgb,var(--ld-text) 7%,transparent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ld-menu-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ld-primary) 35%,transparent);box-shadow:0 20px 45px color-mix(in srgb,var(--ld-text) 11%,transparent)}.ld-menu-item.is-featured{border-color:color-mix(in srgb,var(--ld-primary) 42%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--ld-primary) 7%,var(--ld-surface)),var(--ld-surface))}.ld-menu-item-media{width:140px;min-height:142px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--ld-primary) 18%,var(--ld-surface)),color-mix(in srgb,var(--ld-secondary) 18%,var(--ld-surface)))}.ld-menu-item-media img{display:block;width:100%;height:100%;min-height:142px;object-fit:cover}.ld-menu-item-media.is-placeholder{display:grid;place-content:center;justify-items:center;gap:5px;color:var(--ld-primary)}.ld-menu-item-media.is-placeholder span{font-size:34px}.ld-menu-item-media.is-placeholder small{font-size:9px;font-weight:800}.ld-menu-item-content{display:flex;flex-direction:column;min-width:0;padding:17px}.ld-menu-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ld-menu-item-head strong{font-size:16px;line-height:1.55}.ld-menu-item-head b{display:grid;flex:0 0 auto;text-align:left;color:var(--ld-primary);line-height:1.3}.ld-menu-item-head b span{font-size:15px}.ld-menu-item-head b small{color:var(--ld-muted);font-size:9px;font-weight:600}.ld-menu-item p{margin:8px 0 12px;color:var(--ld-muted);font-size:12px;line-height:1.85}.ld-menu-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.ld-menu-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--ld-primary) 10%,transparent);color:var(--ld-primary);font-size:10px;font-weight:800}.ld-menu-badge.is-featured{background:var(--ld-primary);color:#fff}.ld-menu-empty{grid-column:1/-1;padding:22px;border:1px dashed color-mix(in srgb,var(--ld-text) 18%,transparent);border-radius:16px;color:var(--ld-muted);text-align:center}@media(max-width:820px){.ld-menu-items{grid-template-columns:1fr}}@media(max-width:520px){.ld-menu{gap:34px}.ld-menu-item{grid-template-columns:92px minmax(0,1fr);min-height:112px;border-radius:17px}.ld-menu-item-media{width:92px;min-height:112px}.ld-menu-item-media img{min-height:112px}.ld-menu-item-content{padding:13px}.ld-menu-item-head{display:grid;gap:5px}.ld-menu-item-head b{text-align:right}.ld-menu-item p{font-size:11px;margin:5px 0 9px}}

/* Restaurant menu inspector */
.restaurant-menu-manager{display:grid;gap:14px}.restaurant-category-manager{display:grid;gap:14px}.restaurant-category-editor{display:grid;gap:11px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}.restaurant-item-manager{display:grid;gap:10px}.restaurant-item-editor{display:grid;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.restaurant-item-editor-head{display:flex;align-items:center;gap:9px}.restaurant-item-editor-head>div:last-child{display:grid;gap:2px;min-width:0}.restaurant-item-editor-head small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.restaurant-item-thumb{display:grid!important;place-items:center;width:48px!important;height:48px!important;flex:0 0 48px;overflow:hidden;border-radius:10px;background:var(--panel-3);font-size:20px}.restaurant-item-thumb img{width:100%;height:100%;object-fit:cover}.restaurant-featured-toggle{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.restaurant-featured-toggle input{accent-color:var(--accent)}.restaurant-item-actions{justify-content:flex-start}.restaurant-add-item,.restaurant-add-category{min-height:38px;border:1px dashed var(--accent);border-radius:10px;background:var(--accent-soft);color:var(--accent-2);font-weight:800}.restaurant-add-category{min-height:44px}

/* --- appointment editor fix (service manage + date popup + loading state) --- */
.ae-settings .ae-date-field{position:relative}
.ae-service-manage{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.ae-service-manage button{border:1px solid #dfe2ec;border-radius:10px;background:#f7f8fc;color:#4c536b;padding:9px 11px;font-size:12px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}
.ae-service-manage button:hover{border-color:#7559ff;color:#5940dd;background:#f5f3ff}
.ae-service-manage button.danger:hover{border-color:#d851a5;color:#c22f6e;background:#fff5fa}
.ae-date-popup{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:40;background:#fff;border:1px solid #e1e4ee;border-radius:14px;box-shadow:0 16px 38px rgba(31,37,68,.18);padding:12px}
.ae-popup-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}
.ae-popup-head strong{font-size:13px;color:#34384c}
.ae-popup-head button{width:30px;height:30px;border:1px solid #e1e4ee;background:#fff;border-radius:9px;cursor:pointer;line-height:1;font-size:15px;color:#4c536b}
.ae-popup-head button:hover{border-color:#7559ff;color:#5940dd}
.ae-popup-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ae-popup-grid b{text-align:center;font-size:10px;color:#7c8092;padding:3px 0}
.ae-popup-grid button{min-height:31px;border:1px solid transparent;border-radius:8px;background:#f1f2f6;color:#3d4256;font-size:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.ae-popup-grid button:hover{border-color:#7559ff}
.ae-popup-grid button.is-boundary{background:#7559ff;color:#fff}
.ae-date-field.popup-open .ae-date-input{border-color:#8b72ff;background:#fff}
.ae-grid.is-loading{opacity:.5;pointer-events:none}
.ld-appointment-editor-preview .ld-appt-day.range-start{box-shadow:inset -3px 0 #7559ff}
.ld-appointment-editor-preview .ld-appt-day.range-end{box-shadow:inset 3px 0 #d851a5}

/* v5.10.24 — editor/output parity for curated layouts and Vitrino navbar */
.tpl-blue-navbar{--ld-text:#fff;--ld-muted:#dce5f2;color:#fff!important}.tpl-blue-navbar .ld-logo,.tpl-blue-navbar .ld-navlinks a,.tpl-blue-navbar .ld-menu-toggle{color:#fff!important}
.ld-feature-split{grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);align-items:start;gap:44px}.ld-feature-card-grid{--cols:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;min-width:0}.ld-feature-card-grid>.ld-card{min-width:0}
.ld-services-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.ld-service-item{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:22px;border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);border-radius:20px;background:var(--ld-surface);box-shadow:var(--ld-shadow)}.ld-service-item>.ld-icon{margin:0}.ld-service-item>.ld-button{grid-column:1/-1;justify-self:start;margin-top:4px}
.ld-product-trust-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.ld-product-trust-item{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:20px;border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);border-radius:18px;background:var(--ld-surface)}.ld-product-trust-item>.ld-icon{margin:0}.ld-product-trust-item .ld-heading{font-size:17px!important}
.ld-product-comparison-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:36px}.ld-product-comparison-copy{display:grid!important;gap:18px;min-width:0}.ld-product-comparison-table{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}.ld-product-comparison-row{display:grid!important;align-content:start;gap:8px;min-width:0;padding:18px 14px;border:1px solid color-mix(in srgb,var(--ld-text) 10%,transparent);border-radius:16px;background:var(--ld-surface)}.ld-product-comparison-row .ld-heading{font-size:17px!important}.ld-product-comparison-image{min-width:0;min-height:0!important;align-self:stretch}
@media(max-width:900px){.ld-feature-split,.ld-product-comparison-layout{grid-template-columns:1fr!important}.ld-services-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-product-trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-product-comparison-image{order:-1;height:330px!important}}
@media(max-width:580px){.ld-feature-card-grid,.ld-services-row{grid-template-columns:1fr!important}.ld-product-trust-row,.ld-product-comparison-table{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-product-trust-item{grid-template-columns:1fr;justify-items:center;text-align:center;padding:16px 10px}.ld-product-comparison-row{padding:14px 10px}.ld-product-comparison-row .ld-heading{font-size:15px!important}}

/* Theme-aware appointment editor and contained Jalali popup. */
.appointment-editor-modal{background:var(--panel-2);color:var(--text);border-color:var(--line)}.appointment-editor-modal .modal-header,.appointment-editor-modal .modal-footer{border-color:var(--line)}.ae-layout,.ae-settings,.ae-calendar,.ae-date-fields,.ae-date-field{min-width:0}.ae-settings,.ae-calendar{background:var(--panel);border-color:var(--line);box-shadow:0 8px 25px rgba(0,0,0,.18)}.ae-settings>label,.ae-settings .ae-two>label,.ae-calendar>header h3,.ae-settings legend{color:var(--text)}.ae-settings input,.ae-settings select,.ae-manual input{border-color:var(--line);background:var(--panel-2);color:var(--text)}.ae-settings input::placeholder,.ae-manual input::placeholder{color:var(--muted)}.ae-create-service button,.ae-date-pick,.ae-service-manage button,.ae-calendar>header button,.ae-slots button{border-color:var(--line);background:var(--panel-2);color:var(--text)}.ae-create-service button:hover,.ae-date-pick:hover,.ae-service-manage button:hover,.ae-calendar>header button:hover,.ae-slots button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2)}.ae-date-field.active,.ae-pick-status.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2)}.ae-date-input[readonly],.ae-date-field.active .ae-date-input{background:var(--panel-2);color:var(--text)}.ae-weekdays span{border-color:var(--line);background:var(--panel-2);color:var(--muted)}.ae-weekdays input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2)}.ae-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.ae-grid>b{color:var(--muted)}.ae-grid>button{min-width:0;overflow:hidden;background:var(--panel-2);color:var(--muted)}.ae-grid>button.open{background:color-mix(in srgb,var(--success) 13%,var(--panel));color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--line))}.ae-grid>button.full{background:color-mix(in srgb,#5f8ee6 14%,var(--panel));color:#8eb2f7;border-color:color-mix(in srgb,#5f8ee6 38%,var(--line))}.ae-day-panel{border-color:var(--line)}.ae-legend{color:var(--muted)}
.ae-date-popup{right:0;left:auto;width:clamp(276px,30vw,320px);max-width:calc(100vw - 42px);z-index:1080;border-color:var(--line);background:var(--panel);color:var(--text);box-shadow:0 18px 44px rgba(0,0,0,.34)}.ae-popup-head strong{color:var(--text)}.ae-popup-head button{border-color:var(--line);background:var(--panel-2);color:var(--text)}.ae-popup-head button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2)}.ae-popup-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.ae-popup-grid b{color:var(--muted)}.ae-popup-grid button{min-width:0;overflow:hidden;background:var(--panel-2);color:var(--text)}.ae-popup-grid button:hover{border-color:var(--accent);background:var(--accent-soft)}.ae-popup-grid button.is-boundary{background:var(--accent);color:#fff}.ae-date-field.popup-open .ae-date-input{border-color:var(--accent);background:var(--panel-2)}
@media(max-width:1100px){.ae-layout{grid-template-columns:1fr}.appointment-editor-modal .modal-body{overflow-x:hidden}.ae-date-popup{width:min(320px,calc(100vw - 64px))}}
@media(max-width:520px){.appointment-editor-modal .modal-body{padding:12px}.ae-settings,.ae-calendar{padding:13px;border-radius:15px}.ae-date-popup{position:fixed;top:50%;right:50%;left:auto;width:min(320px,calc(100vw - 28px));max-width:none;transform:translate(50%,-50%)}.ae-grid>button{min-height:42px}.ae-grid>button small{display:none}}

/* Direct styling targets and one-click element placement in the inspector. */
.form-style-targets{display:flex;flex-wrap:wrap;gap:6px}.form-style-targets button,.quick-align-control button{min-height:32px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted);font-size:9px;cursor:pointer}.form-style-targets button:hover,.form-style-targets button.active,.quick-align-control button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2)}.quick-align-control{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quick-align-control button{min-height:36px;color:var(--text)}

/* Keep Bootstrap-backed editor dialogs aligned with the active editor theme. */
.app-modal .modal-header,.app-modal .modal-footer{border-color:var(--line)}.app-modal .form-control,.app-modal .form-select,.app-modal input:not([type="checkbox"]):not([type="radio"]),.app-modal textarea,.app-modal select{border-color:var(--line);background-color:var(--panel-2);color:var(--text)}.app-modal .form-control::placeholder,.app-modal input::placeholder,.app-modal textarea::placeholder{color:var(--muted)}.app-modal .btn-close{filter:invert(1) grayscale(1);opacity:.72}body.ui-light .app-modal .btn-close{filter:none}