@font-face{font-family:Permanent Marker;src:url(assets/PermanentMarker-Regular.ttf)}*{box-sizing:border-box}body{margin:0;font:13px/1.6 Verdana,sans-serif;color:#24262b;background:#f3f4f6}button,input,textarea,select{font:inherit}button,.file-button{cursor:pointer;border:1px solid #dadce1;background:white;color:#303238;padding:9px 13px;border-radius:8px;font-size:11px}button:hover,.file-button:hover{border-color:#C83B36;background:#fff8f7}button:disabled{opacity:.4;cursor:default}.primary{background:#C83B36;color:white;border-color:#C83B36}.primary:hover{background:#a92f2b;color:white}.danger{color:#b62d2a;border-color:#dfb7b4;margin-top:20px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #C83B36;outline-offset:3px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;background:white;border-bottom:1px solid #e1e2e6;padding:16px 24px;position:sticky;top:0;z-index:10}header>div{display:flex;gap:8px;align-items:center}#save-status{font-size:10px;color:#777;max-width:260px}.admin-brand{font:24px 'Permanent Marker',cursive;text-decoration:none;color:#141414;display:flex;gap:10px;align-items:center}.admin-brand img{width:36px;height:36px;object-fit:contain}.admin-brand span{font:11px Verdana,sans-serif;border-left:1px solid #ddd;padding-left:12px;color:#666}.admin-notice{font-size:10px;padding:9px 24px;background:#fff2ed;color:#8b433b;border-bottom:1px solid #eadbd7}main{display:grid;grid-template-columns:245px 315px minmax(300px,1fr);gap:16px;padding:20px;align-items:start}.map-panel,.settings-panel,.preview-panel{background:white;border:1px solid #e0e2e6;border-radius:12px;min-width:0;overflow:hidden}.map-panel,.settings-panel{padding:18px}.map-panel{position:sticky;top:128px;max-height:calc(100vh - 148px);overflow:auto}.panel-heading span,.overline,.preview-heading span{font-size:9px;letter-spacing:1.4px;color:#b43832;font-weight:700}.panel-heading h1{font-size:17px;line-height:1.4;margin:10px 0}.panel-heading p,.muted{font-size:10px;color:#777;line-height:1.8}.map-block{display:flex;border:1px solid #dfe1e5;background:#fafafa;border-radius:8px;margin:9px 0;align-items:center;padding:5px;gap:4px}.map-block.active{border-color:#C83B36;background:#fff7f5;box-shadow:0 0 0 1px #C83B3620}.map-block.is-hidden{opacity:.6}.map-block>button{background:transparent;border:0;flex:1;text-align:left;display:flex;flex-direction:column;min-width:0;padding:6px}.map-block strong{font-size:11px;line-height:1.4}.map-block small,.map-block button>span{font-size:8px;color:#888}.drag-handle{padding:4px;cursor:grab;font-size:22px;color:#9b9fa6}.move-buttons{display:flex;flex-direction:column;gap:3px}.move-buttons button{border:0;background:transparent;padding:0 6px;font-size:14px}.wide{display:block;width:100%;margin-top:12px}.backup-tools{border-top:1px solid #eee;margin-top:25px;padding-top:15px;display:flex;flex-direction:column;gap:8px}.backup-tools strong{font-size:10px}.file-button{display:block;text-align:center}.file-button input{display:none}.settings-panel{max-height:calc(100vh - 148px);overflow:auto;position:sticky;top:128px}.settings-panel h2{font-size:20px;line-height:1.4;margin:9px 0}.field{display:block;font-size:10px;font-weight:700;margin:18px 0}.field input,.field textarea,.field select{display:block;width:100%;padding:10px;margin-top:7px;border:1px solid #d7d9de;border-radius:7px;background:white;font-size:12px;font-weight:400;min-width:0}.field textarea{resize:vertical}.toggle{display:flex;gap:8px;align-items:center;font-size:11px;margin:20px 0}.toggle input{accent-color:#C83B36}.edit-card{border-top:1px solid #e6e7ea;padding-top:17px;margin-top:22px}.edit-card h3{font-size:12px}.image-picker img{width:100%;max-height:160px;object-fit:cover;border-radius:7px;display:block;margin-bottom:8px}.product-admin-list{display:grid;gap:6px;margin-top:15px}.product-admin-list button{display:flex;flex-direction:column;text-align:left}.product-admin-list strong{font-size:10px}.product-admin-list small{font-size:9px;color:#888}.product-admin-list .active{border-color:#C83B36;background:#fff5f2}.gallery-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.gallery-editor img{width:100%;height:75px;object-fit:cover}.gallery-editor button{font-size:9px;width:100%;padding:5px}.preview-panel{position:sticky;top:128px}.preview-heading{padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e1e2e6}.preview-heading h2{font-size:16px;margin:4px 0}.preview-heading>div:last-child{display:flex;gap:5px;flex-wrap:wrap}.preview-heading button{font-size:10px;padding:6px 8px}.preview-heading [aria-pressed=true]{background:#2B2D31;color:white;border-color:#2B2D31}#preview-hint{font-size:9px;color:#777;padding:0 18px}.preview-stage{background:#e4e6ea;padding:14px;overflow:auto;display:flex;justify-content:center;height:calc(100vh - 278px);min-height:420px}iframe{border:0;background:white;width:100%;height:100%;min-height:600px;flex-shrink:0;border-radius:6px}iframe.mobile{width:390px}dialog{border:1px solid #ddd;border-radius:12px;padding:25px;max-width:420px}dialog::backdrop{background:#14141466}dialog h2{font-size:19px}dialog p{font-size:12px;color:#666}dialog>div{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}@media(max-width:1200px){main{grid-template-columns:220px 290px minmax(250px,1fr);gap:10px;padding:12px}.admin-brand span{display:none}header{padding:14px}header>div{flex-wrap:wrap;justify-content:flex-end}.preview-heading{display:block}.preview-heading>div:last-child{margin-top:8px}}@media(max-width:900px){main{grid-template-columns:220px minmax(0,1fr)}.preview-panel{grid-column:1/-1;position:static}.settings-panel,.map-panel{max-height:650px;position:static}.preview-stage{height:650px}.admin-notice{padding:9px 14px}header{position:static}#save-status{width:100%;text-align:right}}@media(max-width:560px){main{display:block}.map-panel,.settings-panel,.preview-panel{margin-bottom:14px;max-height:none}.map-panel{position:static}header{display:block}.admin-brand{margin-bottom:12px}header>div{justify-content:flex-start}#save-status{text-align:left}.preview-stage{padding:8px;justify-content:flex-start}.preview-stage iframe.mobile{width:100%}}

.preview-stage{position:relative;overflow:hidden;display:block}.preview-stage iframe{position:absolute;top:14px;left:14px;transform-origin:top left;min-height:0;border-radius:4px}.preview-stage iframe.mobile{width:390px}
