:root{--ep:#6c5ce7;--es:#a29bfe;--et:#ffffff;--em:#a1a1aa;--ebg:#0a0a0a;--ecard:#111111;--font-h:Poppins;--font-b:Inter;--wh:600;--wb:400;--container:1280px;--pad-y:100px;--pad-x:40px}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#000;color:#eee;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit}
.ed-app{display:flex;flex-direction:column;height:100vh}
.ed-topbar{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:22px;height:56px;padding:0 18px;border-bottom:1px solid #1c1c1f;background:#0d0d0f;flex:0 0 auto}
.ed-brand{display:flex;align-items:center;gap:8px;font-weight:650;font-size:14px;color:#f2f2f4}
.ed-logo-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--ep),var(--es))}
.ed-devices,.ed-history{display:flex;gap:4px}
.ed-device,.ed-history button{width:32px;height:32px;border:1px solid #232327;border-radius:8px;background:#141416;color:#9a9aa2;display:grid;place-items:center;font-size:14px}
.ed-device.active{background:#232327;color:#fff;border-color:#3a3a40}
.ed-status{justify-self:end;color:#7fdc9a;font-size:13px;padding-right:8px}
.ed-actions{display:flex;align-items:center;gap:10px}
.ed-btn{padding:8px 14px;border:1px solid #2a2a2e;border-radius:9px;background:#17171a;color:#e6e6e9;font-size:13px;font-weight:600}
.ed-btn.primary{background:linear-gradient(135deg,var(--ep),var(--es));border-color:transparent;color:#fff}
.ed-close{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#9a9aa2;text-decoration:none;border:1px solid transparent}
.ed-close:hover{border-color:#2a2a2e;color:#fff}

.ed-body{flex:1;display:grid;grid-template-columns:230px 1fr 340px;min-height:0}
.ed-sidebar{border-right:1px solid #1c1c1f;background:#0b0b0d;padding:16px 12px;overflow:auto;display:flex;flex-direction:column;gap:20px}
.ed-side-title{padding:0 6px 8px;color:#63636b;font-size:11px;letter-spacing:.08em}
.ed-pages,.ed-components{display:flex;flex-direction:column;gap:2px}
.ed-page-link,.ed-comp-link{display:flex;align-items:center;gap:9px;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:#a9a9b1;font-size:13px;text-align:left}
.ed-page-link:hover,.ed-comp-link:hover{background:#161619;color:#fff}
.ed-page-link.active,.ed-comp-link.active{background:#1c1c22;color:#fff}
.ed-theme-settings{margin-top:auto;padding:10px;border:1px solid #232327;border-radius:9px;background:#141416;color:#c9c9cf;font-size:13px}

.ed-canvas-wrap{overflow:auto;background:#050506;padding:26px;display:flex;justify-content:center}
.ed-canvas{width:100%;max-width:var(--container);background:var(--ebg);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #1c1c1f;transition:max-width .25s;color:var(--et);font-family:var(--font-b),Arial,sans-serif;font-weight:var(--wb)}
.ed-canvas[data-device="tablet"]{max-width:720px}
.ed-canvas[data-device="mobile"]{max-width:380px}
.ed-canvas h1,.ed-canvas h2{font-family:var(--font-h),Arial,sans-serif;font-weight:var(--wh);color:var(--et)}
.ed-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:var(--pad-y) var(--pad-x)}
.ed-hero-eyebrow{display:inline-block;margin-bottom:14px;padding:6px 12px;border:1px solid #2a2a30;border-radius:100px;color:var(--es);font-size:12px}
.ed-hero h1{margin:0 0 16px;font-size:clamp(28px,3.4vw,44px);line-height:1.12;letter-spacing:-.02em}
.ed-hero p{margin:0 0 22px;color:var(--em);font-size:15px;line-height:1.6;max-width:520px}
.ed-hero-buttons{display:flex;flex-wrap:wrap;gap:12px}
.ed-btn-primary{display:inline-block;padding:12px 18px;border-radius:10px;background:var(--ep);color:#fff;font-size:13px;font-weight:650}
.ed-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 4px;color:var(--em);font-size:13px}
.ed-hero-media{border-radius:12px;overflow:hidden;background:var(--ecard);aspect-ratio:4/3}
.ed-hero-media img{display:block;width:100%;height:100%;object-fit:cover}
[contenteditable="true"]{outline:none;border-radius:4px}
[contenteditable="true"]:hover{box-shadow:0 0 0 1px #3a3a4a}
[contenteditable="true"]:focus{box-shadow:0 0 0 2px var(--ep)}
.ed-block{padding:60px var(--pad-x);border-top:1px solid #17171a;background:var(--ecard)}
.ed-block:nth-of-type(even){background:var(--ebg)}
.ed-block h2{margin:0 0 10px;font-size:26px}
.ed-block p{margin:0;color:var(--em);font-size:14px}
.ed-block-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.ed-block-grid span{display:block;height:90px;border-radius:10px;background:linear-gradient(145deg,#1a1a1e,#101012);border:1px solid #232327}

.ed-panel{border-left:1px solid #1c1c1f;background:#0b0b0d;overflow:auto;padding:14px 16px 40px}
.ed-tabs{display:flex;gap:4px;padding:4px;margin-bottom:16px;border:1px solid #1c1c1f;border-radius:10px;background:#111113}
.ed-tab{flex:1;padding:8px 0;border:0;border-radius:7px;background:transparent;color:#8f8f97;font-size:13px;font-weight:600}
.ed-tab.active{background:#232327;color:#fff}
.ed-group-title{margin:18px 0 10px;color:#63636b;font-size:11px;letter-spacing:.08em}
.ed-tab-panel label{display:block;margin-bottom:12px;color:#c6c6cc;font-size:12.5px}
.ed-tab-panel input[type=text],.ed-tab-panel input[type=email],.ed-tab-panel input[type=tel],.ed-tab-panel textarea,.ed-tab-panel select{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid #232327;border-radius:8px;background:#141416;color:#f1f1f3;font-size:13px}
.ed-color-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ed-color-row input[type=color]{width:44px;height:28px;padding:0;border:1px solid #232327;border-radius:6px;background:#141416}
.ed-range-row b{float:right;color:#8f8f97;font-weight:500}
.ed-range-row input[type=range]{width:100%;margin-top:6px;accent-color:var(--ep)}
.ed-collapse{margin-top:10px;border:1px solid #1c1c1f;border-radius:8px;padding:8px 10px}
.ed-collapse summary{color:#c6c6cc;font-size:12.5px;cursor:pointer}
.ed-hint{color:#75757d;font-size:12px;line-height:1.6}

.ed-modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.68);backdrop-filter:blur(6px)}
.ed-modal-backdrop[hidden]{display:none}
.ed-modal{position:relative;width:min(560px,96vw);max-height:calc(100vh - 36px);padding:30px 26px;border:1px solid #29292f;border-radius:16px;background:#111113;color:#eee;overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.58)}
.ed-modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border:0;border-radius:7px;background:#1c1c1f;color:#aaa}
.ed-modal-eyebrow{color:#8f8f97;font-size:11px;letter-spacing:.08em}
.ed-modal h3{margin:8px 0 4px;font-size:19px}
.ed-modal-price{margin:0 0 14px;font-size:17px;font-weight:650}
.ed-modal-price span{color:#8f8f97;font-weight:400;font-size:13px}
.ed-modal label{display:block;margin-top:10px;font-size:12.5px;color:#c6c6cc}
.ed-modal input,.ed-modal textarea{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #232327;border-radius:8px;background:#0d0d0f;color:#f1f1f3;font-size:13px}
.ed-modal button[type=submit]{margin-top:16px;width:100%;justify-content:center;display:flex}
.ed-modal input[readonly]{color:#8f8f97;background:#111114;cursor:not-allowed}.ed-inline-auth[hidden],.ed-order-form[hidden],.ed-inline-auth-form[hidden]{display:none!important}.ed-inline-auth{margin-top:18px;padding:16px;border:1px solid #29292f;border-radius:13px;background:linear-gradient(180deg,#0e0e11,#0a0a0c)}.ed-inline-auth-head strong{display:block;font-size:14px}.ed-inline-auth-head p{margin:6px 0 0;color:#777781;font-size:11px;line-height:1.55}.ed-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:15px;padding:4px;border:1px solid #24242a;border-radius:10px;background:#09090b}.ed-auth-tabs button{min-height:34px;border:0;border-radius:7px;background:transparent;color:#777781;font-size:11px;font-weight:750;cursor:pointer}.ed-auth-tabs button.active{background:#232329;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.04)}.ed-auth-message{margin-top:12px;padding:10px 11px;border:1px solid rgba(255,112,128,.24);border-radius:9px;background:rgba(255,70,90,.07);color:#ff9eab;font-size:11px;line-height:1.45}.ed-auth-message.success{border-color:rgba(93,220,151,.25);background:rgba(70,200,130,.07);color:#8ce2b3}.ed-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ed-auth-rule{margin:7px 0 0;color:#666670;font-size:9.5px}.ed-auth-check{display:flex!important;align-items:flex-start;gap:8px;line-height:1.45}.ed-auth-check input{flex:0 0 auto;width:15px!important;height:15px;margin:1px 0 0!important}.ed-auth-check span{color:#85858f;font-size:10px}.ed-auth-check a{color:#d3d3d8}.ed-order-form{margin-top:17px}.ed-order-user{display:flex;align-items:center;gap:10px;margin-bottom:13px;padding:11px;border:1px solid rgba(91,218,148,.17);border-radius:10px;background:rgba(72,196,126,.055)}.ed-order-user>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:rgba(82,210,140,.12);color:#7bdca7;font-size:12px}.ed-order-user>div{min-width:0}.ed-order-user strong,.ed-order-user small,.ed-order-user em{display:block}.ed-order-user strong{color:#e1e1e5;font-size:11.5px}.ed-order-user small{overflow:hidden;margin-top:3px;color:#9a9aa3;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.ed-order-user em{margin-top:4px;color:#67b78c;font-size:9px;font-style:normal}.ed-modal #edModalStep2 .ed-btn{display:flex;justify-content:center;margin-top:9px;text-decoration:none}
@media(max-width:600px){.ed-modal-backdrop{align-items:flex-end;padding:0}.ed-modal{width:100%;max-height:92vh;padding:27px 18px 20px;border-radius:18px 18px 0 0}.ed-auth-grid{grid-template-columns:1fr}.ed-modal-close{top:12px;right:12px}}

@media(max-width:980px){.ed-body{grid-template-columns:1fr}.ed-sidebar,.ed-panel{display:none}.ed-body.ed-mobile-panel-open .ed-panel{display:block;position:fixed;inset:56px 0 0 0;z-index:20}}

/* =====================================================================
   Editor chrome refresh — toolbar/icons only. Canvas/template rendering
   and its desktop/mobile content rules above are intentionally untouched.
   ===================================================================== */
.ed-topbar{position:relative;display:flex;grid-template-columns:none;align-items:center;gap:18px;height:58px;padding:0 16px 0 18px;background:rgba(13,13,15,.97);backdrop-filter:blur(18px)}
.ed-brand{min-width:max-content}
.ed-center-tools{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%);padding:4px;border:1px solid #222227;border-radius:11px;background:#111113;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.ed-devices,.ed-history{display:flex;align-items:center;gap:3px}
.ed-device,.ed-history button{width:34px;height:32px;padding:0;border-color:transparent;border-radius:7px;background:transparent;color:#74747d}
.ed-device:hover,.ed-history button:hover{background:#1a1a1e;color:#d7d7dc}
.ed-device.active{border-color:#36363d;background:#242429;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.ed-device svg,.ed-history svg,.ed-actions svg,.ed-close svg,.ed-nav-icon svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ed-tool-separator{width:1px;height:19px;background:#29292e}
.ed-history button{color:#676770}
.ed-top-right{display:flex;align-items:center;gap:12px;margin-left:auto}
.ed-status{justify-self:auto;padding-right:0;color:#74d895;font-size:11px;white-space:nowrap}
.ed-actions{gap:7px}
.ed-actions .ed-btn{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px}
.ed-actions .ed-btn svg{width:15px;height:15px}
.ed-actions .ed-btn.primary{box-shadow:0 6px 20px rgba(108,92,231,.16)}
.ed-close{width:34px;height:34px}
.ed-close svg{width:16px;height:16px}
.ed-sidebar{padding:17px 11px 14px}
.ed-side-block{display:grid;gap:2px}
.ed-side-title{padding:0 8px 7px;color:#55555e;font-size:10px;font-weight:700;letter-spacing:.12em}
.ed-pages,.ed-components{gap:2px}
.ed-page-link,.ed-comp-link{gap:10px;min-height:35px;padding:7px 9px;border:1px solid transparent;border-radius:8px;color:#92929c;font-size:12.5px}
.ed-page-link:hover,.ed-comp-link:hover{border-color:#202025;background:#141416;color:#e7e7e9}
.ed-page-link.active,.ed-comp-link.active{border-color:#25252b;background:#1a1a1f;color:#fff;box-shadow:inset 3px 0 0 var(--ep)}
.ed-nav-icon{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;color:#686873}
.ed-page-link:hover .ed-nav-icon,.ed-comp-link:hover .ed-nav-icon{color:#aaaab3}
.ed-page-link.active .ed-nav-icon,.ed-comp-link.active .ed-nav-icon{color:#b6abff}
.ed-nav-icon svg{width:15px;height:15px;stroke-width:1.65}
.ed-theme-settings{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;color:#aaaab3}
.ed-theme-settings .ed-nav-icon{color:#85858e}
@media(max-width:1180px){
  .ed-status{display:none}
  .ed-center-tools{left:48%}
}
@media(max-width:980px){
  .ed-topbar{padding:0 10px}
  .ed-brand span:last-child{display:none}
  .ed-center-tools{left:50%}
  .ed-center-tools .ed-history,.ed-center-tools .ed-tool-separator{display:none}
  .ed-actions .ed-btn span{display:none}
  .ed-actions .ed-btn{width:34px;padding:0;justify-content:center}
}
/* Keep the device selector itself mathematically centered; history sits beside it without shifting it. */
.ed-center-tools>.ed-history{position:absolute;left:calc(100% + 8px);top:0;height:100%;padding:4px;border:1px solid #222227;border-radius:11px;background:#111113;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.ed-center-tools>.ed-tool-separator{display:none}

/* =====================================================================
   Live ZIP editor v3 — actual uploaded project is rendered inside iframe.
   Existing template pages are untouched; these rules only affect editor.php.
   ===================================================================== */
.ed-body{grid-template-columns:220px minmax(0,1fr) 330px}
.ed-side-note{margin:8px 8px 0;color:#585860;font-size:10.5px;line-height:1.5}
.ed-canvas-wrap{padding:18px;overflow:auto;align-items:stretch;background:radial-gradient(circle at 50% 0,#0c0c10 0,#050506 42%,#030304 100%)}
.ed-stage{width:100%;min-width:0;height:100%;display:flex;justify-content:center;align-items:stretch;transition:.25s ease}
.ed-frame-shell{position:relative;width:100%;height:100%;min-height:520px;overflow:hidden;border:1px solid #242429;border-radius:12px;background:#08080a;box-shadow:0 22px 70px rgba(0,0,0,.38);transition:width .25s ease,border-radius .25s ease}
.ed-stage[data-device="desktop"] .ed-frame-shell{width:100%}
.ed-stage[data-device="tablet"] .ed-frame-shell{width:min(768px,100%)}
.ed-stage[data-device="mobile"] .ed-frame-shell{width:min(390px,100%);border-radius:18px}
.ed-site-frame{display:block;width:100%;height:100%;min-height:520px;border:0;background:#fff}
.ed-frame-loading{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:9px;background:#09090b;color:#85858e;font-size:12px}
.ed-frame-loading[hidden]{display:none}
.ed-frame-loading span{width:13px;height:13px;border:2px solid #33333a;border-top-color:#8275ff;border-radius:50%;animation:edspin .7s linear infinite}
@keyframes edspin{to{transform:rotate(360deg)}}
.ed-selection-card{padding:12px;border:1px solid #222227;border-radius:10px;background:#111113;margin-bottom:12px}
.ed-selection-card span{display:block;color:#5f5f68;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:6px}
.ed-selection-card strong{display:block;color:#f0f0f2;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-selection-card small{display:block;margin-top:5px;color:#6f6f78;font-size:10px;line-height:1.45;word-break:break-all}
.ed-mini-label{display:block;margin-top:9px;color:#7c7c84;font-size:10px}
.ed-inline-actions{display:flex;gap:8px;margin-top:14px}
.ed-small-btn{min-height:34px;padding:0 11px;border:1px solid #29292f;border-radius:8px;background:#151518;color:#c9c9cf;font-size:11px;font-weight:650}
.ed-small-btn:hover{border-color:#3a3a42;background:#1c1c20;color:#fff}
.ed-small-btn.danger{margin-left:auto;color:#d99c9c;border-color:#3a2428;background:#171012}
.ed-small-btn.wide{width:100%;margin-top:8px}
.ed-align-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}
.ed-align-tools button{height:34px;border:1px solid #26262c;border-radius:8px;background:#141416;color:#aaaab2;font-size:11px}
.ed-align-tools button:hover{background:#1d1d21;color:#fff}
.ed-toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,12px);padding:10px 14px;border:1px solid #303038;border-radius:9px;background:#17171b;color:#eee;box-shadow:0 15px 45px rgba(0,0,0,.45);font-size:12px;opacity:0;pointer-events:none;transition:.18s ease}
.ed-toast.show{opacity:1;transform:translate(-50%,0)}
.ed-focus-preview .ed-body{grid-template-columns:1fr}
.ed-focus-preview .ed-sidebar,.ed-focus-preview .ed-panel{display:none!important}
.ed-focus-preview .ed-canvas-wrap{padding:0}
.ed-focus-preview .ed-frame-shell{border:0;border-radius:0;box-shadow:none}
.ed-focus-preview .ed-stage[data-device="desktop"] .ed-frame-shell{width:100%}
.ed-panel textarea#edCustomCss{min-height:210px;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.55;resize:vertical}
.ed-pages{max-height:250px;overflow:auto;padding-right:2px}
.ed-page-link span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1180px){.ed-body{grid-template-columns:190px minmax(0,1fr) 300px}}
@media(max-width:980px){
  .ed-body{grid-template-columns:1fr}
  .ed-sidebar,.ed-panel{display:none}
  .ed-canvas-wrap{padding:8px}
  .ed-frame-shell{border-radius:8px}
}

/* Editor v4 reliability */
[hidden]{display:none!important}
.ed-selection-card.is-changing{animation:edSelectionPulse .22s ease}
@keyframes edSelectionPulse{0%{border-color:#5f50d9;background:#17151f}100%{border-color:#222227;background:#111113}}
.ed-tab-panel label.ed-disabled{opacity:.45;pointer-events:none}

/* =====================================================================
   Editor v6 — protected-background pro editor controls.
   Template/site CSS remains untouched. Only editor chrome is styled here.
   ===================================================================== */
.ed-body{grid-template-columns:220px minmax(0,1fr) 350px}
.ed-panel{padding:14px 15px 44px}
.ed-tab-panel{min-width:0}
.ed-media-box,.ed-layout-box,.ed-animation-card{margin:12px 0;padding:12px;border:1px solid #24242a;border-radius:12px;background:linear-gradient(180deg,#121216,#0d0d10);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.ed-media-head,.ed-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.ed-media-head>div,.ed-box-head>div{min-width:0}
.ed-media-head span,.ed-box-head span{display:block;color:#666671;font-size:8px;font-weight:800;letter-spacing:.14em}
.ed-media-head strong,.ed-box-head strong{display:block;margin-top:4px;color:#eeeef1;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-lock-badge,.ed-device-badge,.ed-spark-badge{flex:0 0 auto!important;padding:5px 7px;border:1px solid rgba(124,108,255,.22);border-radius:99px;background:rgba(124,108,255,.075);color:#aaa0ff!important;font-size:7.5px!important;font-weight:800;letter-spacing:.08em!important}
.ed-spark-badge{display:grid!important;place-items:center;width:25px;height:25px;padding:0;color:#c6beff!important;font-size:12px!important}
.ed-media-preview{display:grid;place-items:center;height:120px;margin-bottom:10px;overflow:hidden;border:1px solid #24242a;border-radius:9px;background:linear-gradient(135deg,#0a0a0d,#16161b);background-image:linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.018) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.018) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.018) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.ed-media-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.ed-media-preview img:not([src]){display:none}
.ed-media-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:7px}
.ed-upload-button{display:flex!important;align-items:center!important;justify-content:center;min-height:36px;margin:0!important;padding:0 12px;border:1px solid #dedee2!important;border-radius:8px!important;background:#f3f3f5!important;color:#111115!important;font-size:10.5px!important;font-weight:780!important;cursor:pointer;transition:.17s ease}
.ed-upload-button:hover{background:#fff!important;transform:translateY(-1px)}
.ed-upload-note{display:block;margin-top:8px;color:#666670;font-size:9.5px;line-height:1.55}
#edImageAltWrap{display:block;margin:10px 0 0!important}
.ed-number-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ed-number-grid label{margin:0!important;color:#85858d!important;font-size:9.5px!important}
.ed-number-grid input[type=number]{display:block;width:100%;height:34px;margin-top:6px;padding:0 9px;border:1px solid #292930;border-radius:8px;background:#0b0b0e;color:#eeeef1;outline:0;font-size:11px}
.ed-number-grid input[type=number]:focus{border-color:#5e52bd;box-shadow:0 0 0 3px rgba(124,108,255,.08)}
.ed-layout-box .ed-range-row{margin-top:12px}
.ed-inline-actions.compact{margin-top:8px}
.ed-inline-actions-wrap{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
.ed-inline-actions-wrap .ed-small-btn{width:100%;margin:0}
.ed-inline-actions-wrap #edResetElement{grid-column:1/-1}
.ed-small-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}
.ed-protected-note{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:11px;border:1px solid rgba(135,135,145,.14);border-radius:10px;background:#101013}
.ed-protected-note>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #28282e;border-radius:7px;background:#151519;font-size:10px;filter:grayscale(1)}
.ed-protected-note strong{display:block;color:#bdbdc4;font-size:10.5px}.ed-protected-note small{display:block;margin-top:3px;color:#666670;font-size:9.4px;line-height:1.45}
.ed-animation-card label{margin-bottom:11px}
.ed-animation-card select{height:36px}
.ed-animation-card .ed-range-row{margin-top:5px}
.ed-tab[data-tab="advanced"]::after{content:"✦";margin-left:4px;color:#8f82ff;font-size:8px;vertical-align:1px}
.ed-hint strong{color:#bdbdc5}
@media(max-width:1180px){.ed-body{grid-template-columns:190px minmax(0,1fr) 315px}.ed-media-actions{grid-template-columns:1fr}.ed-inline-actions-wrap{grid-template-columns:1fr}.ed-inline-actions-wrap #edResetElement{grid-column:auto}}

/* =====================================================================
   Editor v7 — theme-safe content editing.
   The template geometry is intentionally locked: no drag positioning,
   no arbitrary font/color/spacing controls, and only the primary site
   logo may be scaled within a conservative range.
   ===================================================================== */
.ed-tabs{gap:6px}
.ed-tab{min-height:34px}
.ed-media-actions{grid-template-columns:1.25fr .9fr}
.ed-media-actions .ed-small-btn{margin:0;width:100%}
#edLogoScaleWrap{border-color:rgba(124,108,255,.22);background:linear-gradient(180deg,rgba(124,108,255,.06),#0d0d10 70%)}
#edLogoScaleWrap .ed-upload-note{color:#747480}
.ed-selection-card::after{content:"TEMA DÜZENİ KORUMALI";display:inline-flex;margin-top:9px;padding:4px 6px;border:1px solid rgba(103,232,165,.14);border-radius:99px;background:rgba(103,232,165,.045);color:#78cfa0;font-size:7px;font-weight:800;letter-spacing:.1em}
.ed-inline-actions-wrap{grid-template-columns:1fr 1fr}
.ed-inline-actions-wrap #edResetElement{grid-column:auto}
.ed-protected-note{margin-top:12px}
@media(max-width:1180px){.ed-media-actions{grid-template-columns:1fr}.ed-inline-actions-wrap{grid-template-columns:1fr}}

/* =====================================================================
   Editor v8 — customer-safe editing + admin master editor.
   ===================================================================== */
.ed-admin-mode-badge{display:inline-flex;align-items:center;height:20px;margin-left:9px;padding:0 7px;border:1px solid rgba(124,108,255,.32);border-radius:99px;background:rgba(124,108,255,.10);color:#b8afff;font-size:7px;letter-spacing:.12em;font-weight:850}
.ed-text-style-box,.ed-menu-box,.ed-slider-box{margin:12px 0;padding:12px;border:1px solid #24242a;border-radius:12px;background:linear-gradient(180deg,#121216,#0d0d10);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.ed-color-palette{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 10px}
.ed-color-palette button{width:25px;height:25px;padding:0;border:1px solid #303038;border-radius:7px;background:var(--sw,#17171c);box-shadow:inset 0 0 0 3px rgba(0,0,0,.15);cursor:pointer;color:#aaa;font-size:9px;font-weight:800}
.ed-color-palette button:first-child{background:#151519;color:#d7d7dc}
.ed-color-palette button:hover{border-color:#7770d6;transform:translateY(-1px)}
.ed-color-code{display:grid;grid-template-columns:38px 1fr;gap:7px;margin-top:6px}
.ed-color-code input[type=color]{width:38px;height:36px;padding:3px;border:1px solid #292930;border-radius:8px;background:#0b0b0e}
.ed-color-code input[type=text]{height:36px;margin:0!important;text-transform:uppercase}
#edInternalLinkWrap small{display:block;margin-top:6px;color:#666670;font-size:9px;line-height:1.45}
.ed-slider-media-list{display:grid;gap:8px}
.ed-slider-media-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border:1px solid #24242a;border-radius:9px;background:#0b0b0e}
.ed-slider-media-thumb{width:64px;height:46px;overflow:hidden;border-radius:6px;background:#151519}
.ed-slider-media-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ed-slider-media-meta{min-width:0}.ed-slider-media-meta strong{display:block;color:#e9e9ed;font-size:10px}.ed-slider-media-meta small{display:block;margin-top:3px;color:#666670;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-slider-media-actions{display:flex;gap:4px}.ed-slider-media-actions button{height:28px;padding:0 8px;border:1px solid #2c2c33;border-radius:7px;background:#141418;color:#d8d8de;font-size:8.5px;font-weight:750;cursor:pointer}.ed-slider-media-actions button:hover{border-color:#5e52bd;color:#fff}
.ed-menu-box .danger{margin-top:7px}
.ed-admin-layout-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:10px 0}.ed-admin-layout-grid label{margin:0!important;color:#85858d!important;font-size:9px!important}.ed-admin-layout-grid input{display:block;width:100%;height:34px;margin-top:5px!important;padding:0 8px;border:1px solid #292930;border-radius:8px;background:#0b0b0e;color:#eeeef1}
body.ed-admin-mode .ed-selection-card::after{content:"YÖNETİCİ ANA ŞABLON MODU";color:#b8afff;border-color:rgba(124,108,255,.24);background:rgba(124,108,255,.07)}
.ed-protection-note{margin:9px 0;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0d0d10;color:#70707a;font-size:9px;line-height:1.5}
@media(max-width:1180px){.ed-admin-layout-grid{grid-template-columns:1fr}.ed-slider-media-item{grid-template-columns:52px minmax(0,1fr)}.ed-slider-media-thumb{width:52px;height:40px}.ed-slider-media-actions{grid-column:1/-1}}

/* =====================================================================
   Editor v9 — per-element customer geometry locks + master workflow fixes.
   ===================================================================== */
.ed-top-left{display:flex;align-items:center;gap:12px;min-width:0}
.ed-back-link{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid #25252b;border-radius:8px;background:#141416;color:#b8b8c0;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap;transition:.16s ease}
.ed-back-link:hover{border-color:#3a3a42;background:#1b1b1f;color:#fff}
.ed-back-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#edLogoScaleWrap{display:none!important}
.ed-permission-box{margin:12px 0;padding:12px;border:1px solid rgba(124,108,255,.24);border-radius:12px;background:linear-gradient(180deg,rgba(124,108,255,.07),#0d0d10 76%);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.ed-permission-lock{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #33333a;border-radius:9px;background:#17171b;color:#8e8e98;transition:.16s ease}
.ed-permission-lock:hover{border-color:#5e52bd;color:#fff}.ed-permission-lock svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ed-permission-lock .lock-open{display:none}.ed-permission-lock.is-open{border-color:rgba(105,226,160,.34);background:rgba(74,196,125,.08);color:#7fe0a7}.ed-permission-lock.is-open .lock-closed{display:none}.ed-permission-lock.is-open .lock-open{display:block}
.ed-permission-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:8px 0!important;padding:10px;border:1px solid #25252b;border-radius:10px;background:#0d0d10;cursor:pointer}
.ed-permission-row>span{min-width:0}.ed-permission-row b{display:block;color:#e5e5e9;font-size:10.5px}.ed-permission-row small{display:block;margin-top:3px;color:#686872;font-size:8.5px;line-height:1.45}
.ed-permission-row input{position:absolute;opacity:0;pointer-events:none}.ed-permission-row i{position:relative;flex:0 0 34px;width:34px;height:19px;border:1px solid #34343b;border-radius:99px;background:#17171b;transition:.17s ease}.ed-permission-row i::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#74747e;transition:.17s ease}.ed-permission-row input:checked+i{border-color:#6b60d5;background:rgba(108,92,231,.28)}.ed-permission-row input:checked+i::after{left:17px;background:#b9b1ff}
.ed-customer-layout{border-color:rgba(105,226,160,.18)!important;background:linear-gradient(180deg,rgba(60,170,112,.05),#0d0d10 76%)!important}
.ed-customer-layout-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:10px 0}.ed-customer-layout-grid label{margin:0!important;color:#85858d!important;font-size:9px!important}.ed-customer-layout-grid input{display:block;width:100%;height:34px;margin-top:5px!important;padding:0 8px;border:1px solid #292930;border-radius:8px;background:#0b0b0e;color:#eeeef1}.ed-customer-layout-grid label[hidden]{display:none!important}
body:not(.ed-admin-mode) .ed-selection-card::after{content:"TEMA KİLİTLERİ AKTİF"}
body.ed-admin-mode .ed-status.is-dirty{color:#f2b85f}
body.ed-admin-mode .ed-status.is-saved{color:#74d895}
@media(max-width:1280px){.ed-back-link span{display:none}.ed-back-link{width:34px;padding:0;justify-content:center}.ed-top-left{gap:7px}}
@media(max-width:1180px){.ed-customer-layout-grid{grid-template-columns:1fr}.ed-top-left .ed-brand span:not(.ed-logo-dot){display:none}}
.ed-permission-box:not(.is-expanded) .ed-permission-row,.ed-permission-box:not(.is-expanded) #edLockBoth,.ed-permission-box:not(.is-expanded)>.ed-hint{display:none!important}
.ed-permission-box:not(.is-expanded){padding-bottom:8px}.ed-permission-box:not(.is-expanded) .ed-box-head{margin-bottom:0}

/* v12: müşteri sayfa silme kontrolü */
.ed-page-row{display:flex;align-items:center;gap:4px;min-width:0;border-radius:8px}
.ed-page-row .ed-page-link{flex:1;min-width:0}
.ed-page-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed-page-delete{-webkit-appearance:none;appearance:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex:0 0 26px;margin:0;padding:0;border:1px solid rgba(255,90,100,.12);border-radius:7px;background:rgba(255,70,82,.035);color:#9b555b;opacity:.68;box-shadow:none;outline:0;overflow:hidden;transition:opacity .16s ease,color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}
.ed-page-row:hover .ed-page-delete,.ed-page-row.active .ed-page-delete{opacity:1;color:#ff7078}
.ed-page-delete:hover{color:#ff7078;background:rgba(255,70,82,.10);border-color:rgba(255,90,100,.22);transform:scale(1.04)}
.ed-page-delete:active{transform:scale(.94)}
.ed-page-delete svg{display:block;width:13px;height:13px;min-width:13px;min-height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}
.ed-pages-empty{padding:10px 9px;color:#666672;font-size:11.5px;line-height:1.5}
.ed-auth-forgot{display:block;margin:-4px 0 2px;color:#9b91ff;font-size:9.5px;text-align:right;transition:color .2s,transform .2s}.ed-auth-forgot:hover{color:#fff;transform:translateX(2px)}