.admin-layout{max-width:1450px;margin:auto;display:grid;grid-template-columns:215px minmax(0,1fr);gap:45px;padding:38px 4%}.admin-layout aside{display:flex;flex-direction:column;gap:9px;align-self:start;position:sticky;top:115px}.admin-layout aside p{font-size:10px;letter-spacing:2px;color:var(--muted)}.admin-layout aside button,.admin-layout aside a{text-align:left;padding:14px;border-radius:8px;font-size:13px}.admin-layout aside button.active{background:#282725;color:#faf7f2}.admin-layout h1{font-size:28px;margin-bottom:16px}.admin-layout h2{font-size:21px;margin:25px 0 14px}.admin-layout p{font-size:14px;line-height:1.8;color:#655e57}.admin-layout label,#editor label{display:grid;gap:8px;font-size:12px}.admin-layout input,.admin-layout textarea,.admin-layout select,#editor input,#editor textarea,#editor select{border:1px solid #d8cbbd;border-radius:7px;padding:12px;background:white;color:#282725;width:100%;font:inherit;min-height:42px}.admin-layout input[type=checkbox],#editor input[type=checkbox]{width:18px;min-height:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.checkline{display:flex!important;align-items:flex-start;gap:12px!important;margin:17px 0;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{border:1px solid #ded2c4;border-radius:14px;background:white;padding:23px}.card b{display:block;font-size:30px;margin:10px 0}.notice{padding:16px;background:#eee3d6;border-left:3px solid #985d3b;margin-bottom:20px;font-size:14px;line-height:1.7}.notice.error{background:#fff0ec;color:#922f22}.notice.success{background:#eaf2e7;color:#2d6037}.admin-table{width:100%;font-size:13px;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 10px;border-bottom:1px solid #e3d9ce;text-align:left;vertical-align:middle}.admin-table img{width:55px;height:55px;object-fit:cover;border-radius:8px}.admin-table small{display:block;color:#776c62;margin-top:6px}.admin-table button{color:#985d3b;text-decoration:underline}.badge-status{border-radius:20px;padding:6px 9px;font-size:11px;background:#f5e3ae;white-space:nowrap}.badge-status.published,.badge-status.paid,.badge-status.completed{background:#dfeedd;color:#2f6135}.badge-status.archived,.badge-status.cancelled,.badge-status.expired{background:#f4dbd5;color:#963e2b}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.admin-layout .table-scroll{overflow:auto}#editor{max-width:900px;width:95vw;padding:35px}#editor::backdrop{background:#28272588}#editorBody h2{font-size:22px;margin:12px 0 20px}#editorBody p{font-size:14px;line-height:1.8}.image-list{display:flex;gap:10px;flex-wrap:wrap}.image-list img{width:100px;height:100px;object-fit:cover}.import-list{max-height:400px;overflow:auto;background:white;padding:15px}.import-list label{padding:9px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:12px}iframe.documents{width:100%;height:400px;border:1px solid #ded2c4}.danger{color:#a23b2e}.guide-step{border-bottom:1px solid #ded2c4;padding:18px 0}.admin-layout .button{border:0;cursor:pointer}.disabled,button:disabled{opacity:.55;cursor:wait}@media(max-width:800px){.admin-layout{grid-template-columns:1fr;gap:20px;padding:20px}.admin-layout aside{position:static;display:flex;flex-direction:row;overflow:auto}.admin-layout aside p{display:none}.admin-layout aside>*{flex:0 0 auto}.fields,.cards{grid-template-columns:1fr}.wide{grid-column:auto}header>span{display:none}#editor{padding:24px}}
.admin-header{height:92px;gap:24px}.admin-header>a:first-child{display:flex;align-items:center;flex-shrink:0}.admin-header .brand-logo{display:block;width:210px;height:72px;object-fit:contain}.admin-header>span{font-size:11px;letter-spacing:1.5px;margin-left:auto}.admin-header>a:last-child{font-size:13px;white-space:nowrap}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card small{color:var(--muted);font-size:12px}.product-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end;padding:20px;background:#eee5db;border-radius:12px}.product-filters button{min-height:44px}.product-cell{display:flex;align-items:center;gap:14px;min-width:240px}.product-cell img{flex-shrink:0;width:64px;height:72px}.product-cell strong{font-weight:500;line-height:1.5}.photo-placeholder{display:grid;place-items:center;background:#eee5db;border-radius:8px;width:64px;height:72px;flex-shrink:0;font-size:10px;color:#756b63}.admin-table button+button{margin-left:12px}.admin-table button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #985d3b;outline-offset:4px}#productResultCount{font-size:12px}
@media(max-width:800px){.admin-header{height:80px;padding:0 20px;gap:12px}.admin-header .brand-logo{width:165px;height:62px}.admin-header>a:last-child{margin-left:auto;font-size:12px}.product-filters{grid-template-columns:1fr 1fr}.product-filters>label:first-child{grid-column:1/-1}.admin-layout aside button{white-space:nowrap}.admin-layout h1{font-size:25px}}
@media(max-width:450px){.product-filters{grid-template-columns:1fr}.product-filters>label:first-child{grid-column:auto}.cards{grid-template-columns:1fr 1fr}.card{padding:16px}}
.site-editor-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0;position:sticky;top:92px;z-index:5;background:var(--paper);border-bottom:1px solid #ded2c4}.site-editor-toolbar .button,.site-editor-toolbar .outline{padding:13px 17px;font-size:12px}.site-editor-toolbar>span{font-size:11px;color:#786756}.site-editor-tabs{display:flex;gap:5px;overflow:auto;padding:18px 0}.site-editor-tabs button{white-space:nowrap;font-size:11px;padding:11px 13px;border-radius:5px}.site-editor-tabs button.selected{background:#282725;color:white}.site-editor-workspace{min-width:0}.site-editor-workspace.with-preview{display:grid;grid-template-columns:minmax(330px,1fr) minmax(300px,1fr);gap:25px}.site-editor-workspace.with-preview .fields{grid-template-columns:1fr}.site-editor-card{border:1px solid #ded2c4;border-radius:10px;padding:22px;margin:22px 0;background:#fff9}.site-editor-card legend{font-size:12px;padding:0 10px;color:#985d3b;font-weight:600}.site-row-tools{display:flex;gap:8px;justify-content:end;align-items:center;margin-bottom:12px;font-size:11px}.site-row-tools>span{margin-right:auto;color:#8b7c6c}.site-row-tools button{padding:7px 9px;border:1px solid #ded2c4;border-radius:4px;font-size:11px}.site-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px}.site-group-title h2{margin:0}.site-group-title button{padding:10px 15px;font-size:11px}.site-image-tools{display:flex;gap:9px;flex-wrap:wrap}.site-image-tools button,.site-upload{font-size:10px!important;padding:9px 11px!important;border:1px solid #d8cbbd;display:flex!important;align-items:center;background:transparent;cursor:pointer;min-height:34px}.site-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.site-upload:focus-within{outline:2px solid #985d3b}.site-image-preview{height:115px;width:100%;object-fit:contain;object-position:left;background:#eee5db;margin-top:5px}.site-section-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #ded2c4;margin:12px 0;padding:12px 18px;background:white;border-radius:8px}.site-section-row .checkline{margin:0}.site-section-row .site-row-tools{margin:0}.site-selection{margin:25px 0;padding:18px;background:#efe7de;border-radius:8px}.site-selection h3{font-size:14px;margin:0}.site-selection .site-hint{font-size:11px;line-height:1.8}.site-selection ol{padding:0;list-style:none;max-height:350px;overflow:auto}.site-selection li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid #dacdbe;font-size:12px}.site-selection li>span{min-width:0}.site-selection li small{display:block;color:#8b7c6c;font-size:10px;margin-top:5px}.site-selection .site-row-tools{flex-shrink:0;margin:0}.site-selection .site-row-tools>span{display:none}.site-product-add{display:flex;gap:10px}.site-product-add select{min-width:0;font-size:11px;flex:1}.site-product-add button{font-size:10px;white-space:nowrap;padding:10px}.site-live-preview{position:sticky;top:185px;align-self:start;background:#e8e0d6;padding:12px;border-radius:10px;max-height:75vh;overflow:auto}.site-live-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.site-live-preview select{font-size:11px;width:120px;min-height:33px;padding:5px 10px}.site-live-preview>p{font-size:10px;line-height:1.5}.site-live-preview iframe{border:1px solid #d5c8b8;width:100%;height:580px;background:white;display:block;margin:auto}.site-live-preview iframe.mobile{max-width:390px}.site-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;max-height:60vh;overflow:auto}.site-media-grid button{padding:0;text-align:left;border:1px solid #ded2c4;background:white;border-radius:5px;overflow:hidden}.site-media-grid img{width:100%;height:120px;object-fit:contain;background:#eee7df}.site-media-grid span{font-size:10px;padding:8px;display:block;line-height:1.5}.admin-layout:has(.site-editor-workspace){max-width:1750px;grid-template-columns:185px minmax(0,1fr);gap:28px;padding-left:3%;padding-right:3%}
@media(max-width:1100px){.site-editor-workspace.with-preview{grid-template-columns:1fr}.site-live-preview{position:static;max-height:none}.site-live-preview iframe{height:600px}.site-editor-toolbar{top:92px}}
@media(max-width:800px){.admin-layout:has(.site-editor-workspace){grid-template-columns:1fr;padding:20px}.site-editor-toolbar{position:static}.site-editor-tabs{gap:0}.site-editor-tabs button{padding:10px;font-size:10px}.site-editor-card{padding:15px}.site-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-section-row{padding:10px;gap:8px}.site-section-row .checkline{font-size:11px}.site-row-tools button{font-size:10px;padding:6px}.site-product-add{flex-direction:column}}
.site-image-field{display:grid;gap:8px;align-content:start;font-size:12px}.site-preview-stage{overflow:hidden;width:100%;height:580px;background:#ddd3c7}.site-preview-stage iframe{transform-origin:top left;margin:0;display:block;max-width:none}
