.editor-page{background:#e7e8e6}
.editor-shell{width:min(1480px,calc(100% - 36px));margin:18px auto;background:#f6f6f4;border:1px solid #fff;border-radius:28px;padding:0 clamp(18px,3.5vw,55px) 60px;box-shadow:0 30px 80px rgba(40,43,43,.08)}
.editor-header{height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d8dad7}
.editor-header-label{color:#9a9d9b;font-size:10px;font-weight:900;letter-spacing:.16em}
.editor-back{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #202222;padding-bottom:6px;white-space:nowrap}
.editor-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;padding:75px 0 55px}
.editor-intro h1{font-size:clamp(48px,6vw,90px);line-height:.92;letter-spacing:-.08em;margin:0;font-weight:900}
.editor-intro h1 span{color:#a0a3a1}
.editor-intro>p{width:min(380px,100%);color:#656968;line-height:1.65;font-size:13px;margin:0 0 4px}
.editor-intro code{font-size:12px;color:#202222;background:#e4e6e3;padding:2px 4px;border-radius:4px}
.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-block:1px solid #d4d6d3;margin-bottom:23px}
.editor-status{display:flex;align-items:center;gap:9px;color:#707473;font-size:11px;font-weight:800}
.status-dot{width:7px;height:7px;border-radius:50%;background:#888d89;flex:none}
.editor-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.editor-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.editor-action-secondary{border:1px solid #d3d6d2;background:#f7f7f5;color:#3b3e3d}
.editor-action-secondary:hover{background:#e9ebe8}
.editor-action-primary{border:1px solid #1e2020;background:#1e2020;color:#fff}
.editor-action-primary:hover{background:#383b3a}
.editor-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:20px;align-items:start}
.editor-column{display:grid;gap:20px}
.editor-panel{background:#fff;border:1px solid #e9ebe8;border-radius:22px;padding:27px;box-shadow:0 10px 24px rgba(0,0,0,.025)}
.panel-heading{display:flex;align-items:center;gap:15px;margin-bottom:27px}
.panel-index{width:28px;height:28px;display:grid;place-items:center;flex:none;border:1px solid #dadcda;border-radius:50%;color:#8c908e;font-size:9px;font-weight:900}
.panel-heading h2{font-size:20px;letter-spacing:-.04em;margin:0}
.panel-heading h2 span{font-size:15px;color:#9a9d9b;margin-left:4px}
.field-label{display:flex;justify-content:space-between;gap:10px;margin:20px 0 8px;color:#303332;font-size:11px;font-weight:900}
.field-label span{color:#9a9d9b;font-weight:500}
.field-input{width:100%;min-height:44px;border:1px solid #dfe2de;border-radius:9px;background:#f8f9f7;padding:11px 13px;color:#202222;font-size:13px;outline:0;transition:border .2s,box-shadow .2s}
.field-input:focus{border-color:#8f9490;box-shadow:0 0 0 3px #e7eae6}
.field-input::placeholder{color:#a6aaa6}
.field-textarea{resize:vertical;min-height:120px;line-height:1.5}
.field-help,.list-help{font-size:11px;line-height:1.55;color:#939793;margin:10px 0 15px}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.image-upload-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}
.image-upload-row span{font-size:10px;color:#9c9f9c}
.upload-button{padding:10px 13px;border:1px dashed #9da19d;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}
.upload-button:hover{background:#f0f2ef}
.image-preview{height:130px;display:flex;align-items:center;justify-content:center;gap:14px;background:#f1f3f0;border:1px solid #e7eae6;border-radius:12px;color:#969b96;font-size:11px}
.image-preview img{max-width:145px;max-height:115px;object-fit:contain;display:none}
.image-preview.has-image img{display:block}
.image-preview.has-image span{display:none}
.checkbox-row{display:flex;align-items:center;gap:9px;margin:20px 0;color:#696d69;font-size:11px;cursor:pointer}
.checkbox-row input{accent-color:#242727}
.form-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}
.form-submit{background:#1f2220;border:0;border-radius:10px;color:#fff;padding:13px 17px;min-height:43px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.form-submit:hover{background:#424642}
.secondary-submit{background:#ecefec;color:#292d29}
.secondary-submit:hover{background:#dce0dc}
.clear-button{border:0;background:transparent;color:#6c706c;font-size:11px;font-weight:800;text-decoration:underline}
.editor-list-panel{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}
.editor-list-panel .panel-heading{margin-bottom:12px}
.editor-products{display:grid;gap:10px;margin-top:22px}
.editor-product{display:grid;grid-template-columns:82px 1fr;gap:14px;border:1px solid #e8ebe7;border-radius:13px;padding:9px;background:#fafbf9}
.editor-product-image{width:82px;height:82px;border-radius:9px;background:#e8ebe7;object-fit:contain;padding:7px}
.editor-product-info{min-width:0;display:flex;flex-direction:column}
.editor-product-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#939793;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:3px 0 8px}
.editor-product h3{font-size:15px;letter-spacing:-.04em;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editor-product-price{font-size:11px;color:#777b77;margin:0 0 8px}
.editor-product-actions{display:flex;gap:13px;margin-top:auto}
.editor-product-actions button{border:0;background:transparent;padding:0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;text-decoration:underline}
.editor-product-actions button:last-child{color:#9b5555}
.editor-empty{background:#f7f8f6;border:1px dashed #d9dcd8;border-radius:12px;padding:35px;text-align:center;color:#929692;font-size:12px}
@media(max-width:1000px){.editor-intro{align-items:start;flex-direction:column;gap:22px}.editor-grid{grid-template-columns:1fr}.editor-list-panel{position:static;max-height:none}.editor-header-label{display:none}}
@media(max-width:650px){.editor-shell{width:calc(100% - 16px);margin:8px auto;padding-inline:14px;border-radius:20px}.editor-header{height:75px}.brand-name{font-size:15px}.editor-back{font-size:9px}.editor-intro{padding:50px 0 35px}.editor-intro h1{font-size:49px}.editor-toolbar{align-items:stretch;flex-direction:column}.editor-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.editor-action-primary{grid-column:1/-1}.editor-panel{padding:20px}.field-pair{grid-template-columns:1fr;gap:0}.field-label span{display:none}}

@media(max-width:520px){
  .editor-shell{min-width:0}
  .editor-header{gap:8px}
  .editor-header .brand-logo{width:112px;height:58px}
  .editor-back{font-size:9px;text-align:right;white-space:normal;line-height:1.35}
  .editor-intro h1{font-size:clamp(39px,11vw,49px)}
  .editor-toolbar-actions{grid-template-columns:1fr;gap:8px}
  .editor-action,.editor-action-primary{grid-column:1;width:100%;min-height:44px;white-space:normal;text-align:center;line-height:1.3}
  .editor-panel{min-width:0;padding:18px}
  .editor-product{grid-template-columns:68px minmax(0,1fr);gap:10px}
  .editor-product-image{width:68px;height:68px}
  .editor-product-top{flex-wrap:wrap}
}