:root{--green:#214b36;--green-dark:#153326;--soft:#eef3ef;--cream:#f5f0e5;--paper:#fff;--ink:#1e3028;--muted:#6b7770;--line:#dbe2dd;--danger:#a03a36;--shadow:0 14px 40px rgba(20,49,37,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f3f5f3}*{box-sizing:border-box}body{margin:0;background:#f3f5f3;color:var(--ink)}button,input,textarea{font:inherit}.editor-header{position:sticky;top:0;z-index:50;height:78px;display:flex;align-items:center;gap:28px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line)}.editor-brand{display:flex;align-items:center;gap:12px;min-width:270px;color:inherit;text-decoration:none}.editor-brand img{width:58px;height:50px;object-fit:contain;border:1px solid var(--line);border-radius:8px}.editor-brand strong,.editor-brand small{display:block}.editor-brand small{margin-top:2px;color:var(--muted);font-size:.75rem}.editor-status{display:flex;align-items:center;gap:8px;margin-right:auto;color:var(--muted);font-size:.82rem}.status-dot{width:9px;height:9px;border-radius:50%;background:#d9a441;box-shadow:0 0 0 4px #faefd5}.status-dot.ready{background:#39865b;box-shadow:0 0 0 4px #e1f2e8}.status-dot.local{background:#4b72a8;box-shadow:0 0 0 4px #e1e9f4}.status-dot.error{background:#bd433e;box-shadow:0 0 0 4px #f7e1e0}.header-actions{display:flex;gap:10px}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid transparent;border-radius:8px;font-weight:750;cursor:pointer;text-decoration:none;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--green);color:#fff}.btn--ghost{border-color:var(--line);background:#fff;color:var(--ink)}.btn--soft{border-color:#c8d6cd;background:var(--soft);color:var(--green);font-size:.85rem}.btn--danger{background:#fff2f1;border-color:#ecc4c1;color:var(--danger)}.editor-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 78px)}.editor-nav{position:sticky;top:78px;height:calc(100vh - 78px);padding:24px 18px;background:var(--green-dark);color:#fff;overflow:auto}.guide{padding:18px;margin-bottom:22px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.05);font-size:.82rem}.guide strong{font-size:.9rem}.guide ol{margin:10px 0 0;padding-left:19px;color:rgba(255,255,255,.72);line-height:1.7}.editor-nav nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.72);text-align:left;font-size:.84rem;font-weight:650;cursor:pointer}.nav-item span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.22);border-radius:50%;font-size:.7rem}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.12);color:#fff}.nav-item.active span{background:#d98a4e;border-color:#d98a4e;color:#23180f}.back-link{display:block;margin:28px 10px 0;color:rgba(255,255,255,.65);font-size:.8rem;text-underline-offset:4px}.editor-main{min-width:0;padding:28px}.editor-columns{display:grid;grid-template-columns:minmax(520px,700px) minmax(340px,1fr);gap:26px;max-width:1460px;margin:0 auto}.editor-section{display:none}.editor-section.active{display:block}.section-title{display:flex;gap:14px;align-items:center;margin:0 0 20px}.section-title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-weight:800}.section-title h1{margin:0;font-size:1.55rem}.section-title p{margin:2px 0 0;color:var(--muted);font-size:.86rem}.form-card{margin-bottom:18px;padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(24,52,39,.035)}.form-card h2{margin:0 0 17px;font-size:1rem}.form-card>p{color:var(--muted);font-size:.86rem}.form-card label{display:grid;gap:7px;margin:14px 0;color:#30443a;font-size:.78rem;font-weight:700}.form-card input[type="text"],.form-card input[type="tel"],.form-card input[type="email"],.form-card input[type="url"],.form-card input[type="password"],.form-card textarea{width:100%;border:1px solid #cbd6cf;border-radius:7px;background:#fbfcfb;color:var(--ink);padding:11px 12px;font-size:.9rem;font-weight:450;resize:vertical}.form-card input:focus,.form-card textarea:focus{outline:3px solid rgba(33,75,54,.12);border-color:var(--green);background:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toggle{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:10px!important}.toggle input{position:absolute;opacity:0}.toggle span{position:relative;width:42px;height:24px;border-radius:999px;background:#bdc7c0;transition:.15s}.toggle span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{transform:translateX(18px)}.image-field{display:grid;grid-template-columns:100px 1fr;gap:12px 16px;align-items:center;margin-top:20px;padding:15px;border:1px dashed #bdc9c1;border-radius:10px;background:#f8faf8}.image-field>div{grid-column:1/-1}.image-field strong,.image-field small{display:block}.image-field small{margin-top:3px;color:var(--muted);font-size:.72rem}.image-field img{width:100px;height:76px;object-fit:cover;border-radius:7px;background:#dfe5e1}.image-field label{margin:0}.image-field label:last-child{grid-column:1/-1}.file-input{display:none}.product-editor{position:relative}.product-editor__number{position:absolute;right:20px;top:17px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--green);font-size:.75rem;font-weight:800}.availability-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:10px}.availability-row .toggle{margin:0}.mini-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.step-edit{padding:14px 0;border-top:1px solid var(--line)}.step-edit:first-child{border-top:0}.step-edit strong{display:block;font-size:.78rem}.hours-row{display:grid;grid-template-columns:.7fr 1fr;gap:10px}.help{margin-top:-7px!important}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-grid label{grid-template-columns:1fr 58px;align-items:center;margin:4px 0}.color-grid input{width:58px;height:40px;padding:3px;border:1px solid var(--line);border-radius:6px;background:#fff}.tool-buttons{display:flex;flex-wrap:wrap;gap:10px}.tool-buttons label{display:inline-flex;margin:0}.danger-card{border-color:#e8cfcd;background:#fffbfa}.preview-column{position:sticky;top:106px;height:calc(100vh - 132px);min-height:520px}.preview-head{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#fff;font-size:.78rem}.preview-head span{color:var(--muted);font-size:.7rem}.preview-frame{height:calc(100% - 72px);padding:10px;background:#dfe5e1;border-radius:0 0 12px 12px;box-shadow:var(--shadow)}.preview-frame iframe{width:100%;height:100%;border:0;border-radius:5px;background:#fff}.preview-note{margin:8px 2px 0;color:var(--muted);font-size:.71rem}.toast{position:fixed;left:50%;bottom:24px;z-index:100;max-width:min(520px,calc(100% - 30px));padding:13px 18px;border-radius:8px;background:#132c20;color:#fff;box-shadow:var(--shadow);font-size:.86rem;opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#7d2925}
@media(max-width:1100px){.editor-columns{grid-template-columns:minmax(0,1fr)}.preview-column{position:relative;top:0;height:700px}.editor-status{display:none}}
@media(max-width:780px){.editor-header{height:auto;min-height:72px;padding:10px 14px;flex-wrap:wrap;gap:10px}.editor-brand{min-width:0;margin-right:auto}.editor-brand span{display:none}.header-actions{width:100%}.header-actions .btn{flex:1}.editor-layout{display:block}.editor-nav{position:static;height:auto;padding:12px;overflow:auto}.guide{display:none}.editor-nav nav{display:flex;overflow:auto}.nav-item{min-width:max-content}.nav-item span{display:none}.back-link{display:none}.editor-main{padding:18px 12px}.editor-columns{display:block}.preview-column{height:560px;margin-top:22px}.two-col,.mini-fields,.color-grid{grid-template-columns:1fr}.form-card{padding:19px}.section-title h1{font-size:1.3rem}.image-field{grid-template-columns:86px 1fr}.image-field img{width:86px;height:70px}}