.visual-topbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #dae3dd;padding:14px;border-radius:10px;margin:20px 0}.visual-topbar label{display:flex;align-items:center;gap:12px;font-size:13px}.visual-topbar select{padding:10px;border:1px solid #cdd8d0;border-radius:6px}.visual-topbar>span{flex:1;font-size:13px;color:#617268}.visual-workspace{display:grid;grid-template-columns:180px 290px minmax(0,1fr);background:#fff;border:1px solid #dbe4df;border-radius:12px;overflow:hidden;margin:20px 0;min-height:700px}.visual-sidebar{background:#f4f7f5;padding:18px 12px;border-right:1px solid #dbe4df}.visual-sidebar h2{font:600 15px system-ui;padding:0 8px}.visual-sidebar nav button{display:block;text-align:left;padding:12px;width:100%;background:transparent;color:#405c4d;border:0;border-radius:6px;margin-bottom:5px;font-size:13px}.visual-sidebar nav button.selected{background:#dce9e0;color:#153e2b;font-weight:600}.visual-sidebar>a{display:block;font-size:12px;padding:8px;color:#315a43}.visual-help{font-size:12px;line-height:1.6;color:#708075;border-top:1px solid #dbe4df;padding:18px 8px}.visual-controls{padding:22px;overflow:auto;max-height:850px;border-right:1px solid #dbe4df}.visual-controls h2{font:600 19px system-ui;margin:0 0 10px}.visual-controls>p{font:13px/1.6 system-ui;color:#6b7b70}.visual-controls label{display:block;margin:16px 0;font:13px system-ui;color:#36503f}.visual-controls input:not([type=checkbox]),.visual-controls select,.visual-controls textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #cdd9d0;background:white;padding:11px;border-radius:7px;margin-top:7px;font:13px/1.5 system-ui;color:#1e3929}.visual-controls input[type=color]{padding:3px;height:40px}.visual-controls input[type=range]{padding:0}.visual-controls .check{display:flex;align-items:center;gap:8px}.visual-controls button{font-size:12px;padding:9px 13px}.visual-image-field{padding:14px;background:#f6f8f6;border-radius:8px;margin:16px 0}.visual-image-field img{display:block;width:100%;height:110px;object-fit:contain;background:#e7ede8;margin-bottom:12px}.visual-image-field button{margin:3px}.visual-section-row{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e1e7e2;padding:8px 0}.visual-section-row label{flex:1}.visual-link-row{border-bottom:1px solid #dce5dd;padding:8px 0 15px}.visual-link-row label{margin:8px 0}.visual-block-form{border:1px solid #dce5df;padding:12px;border-radius:7px;margin:14px 0}.visual-block-form summary{font-size:13px;font-weight:600;cursor:pointer}.visual-block-thumb{width:100%;height:100px;object-fit:contain}.visual-preview{background:#e8ede9;padding:20px;overflow:auto;max-height:900px;min-width:0}.visual-preview-tools{display:flex;align-items:center;gap:8px;font-size:12px}.visual-preview-tools strong{flex:1}.visual-preview-tools button{font-size:11px;padding:6px 10px}.visual-preview-note{font-size:11px;color:#6b7a6e;line-height:1.5}.visual-canvas{margin:20px auto;background:#f8f4eb;border-radius:6px;overflow:hidden;box-shadow:0 7px 25px #193b2b16;width:100%;max-width:100%;min-height:450px}.visual-canvas.mobile{max-width:280px}.vp-header{display:flex;align-items:center;gap:10px;padding:14px;background:#faf7ee}.vp-header strong{font-size:19px;font-weight:400}.vp-header small{display:block;font:6px system-ui;letter-spacing:3px;margin-top:3px}.vp-header nav{font:7px system-ui;margin-left:auto}.vp-header img{max-width:90px;height:30px;object-fit:contain}.vp-announcement{text-align:center;padding:7px;font:9px system-ui}.vp-hero{position:relative;min-height:230px;overflow:hidden;background:#143329;cursor:pointer}.vp-hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.vp-hero>div{position:relative;width:48%;padding:25px 18px;background:linear-gradient(90deg,#0d241ce8,transparent);min-height:230px;color:#faf0d6}.vp-hero small{font:6px system-ui;letter-spacing:1px}.vp-hero h2{font-size:25px;line-height:1.03;margin:12px 0;white-space:pre-line}.vp-hero h2 em{color:#e4c77b}.vp-hero p{font:9px/1.4 system-ui;white-space:pre-line}.vp-button{display:inline-block;color:white;padding:9px 13px;font:8px system-ui;margin-top:8px}.vp-featured{padding:16px}.vp-featured h3,.vp-section h3,.vp-custom h3{font-size:19px;white-space:pre-line;margin:0 0 12px}.vp-featured>div{display:flex;gap:8px}.vp-featured>div>span{flex:1;padding:10px 5px;border:1px solid #dfd8c7;border-radius:6px;text-align:center}.vp-featured small{font:7px system-ui;display:block;margin-top:8px}.vp-product-placeholder{display:block;background:#633d17;color:#ead5a2;border-radius:12px 12px 4px 4px;padding:22px 3px;font:7px Georgia;max-width:50px;margin:auto}.vp-section,.vp-custom{padding:22px 18px;border-top:1px solid #e3dccd;cursor:pointer}.vp-section p,.vp-custom p{font:10px/1.5 system-ui;white-space:pre-line}.vp-custom img{width:100%;max-height:180px;object-fit:contain}.vp-footer{padding:22px;color:#f4e9c9}.vp-footer strong{font-size:23px}.vp-footer p{font-size:12px}.vp-footer small{font:8px/1.8 system-ui}.mobile .vp-header nav{display:none}.mobile .vp-hero>div{width:60%}.mobile .vp-hero h2{font-size:27px}.mobile .vp-featured>div{flex-wrap:wrap}.mobile .vp-featured>div>span{flex:1 1 35%}.visual-media-dialog{max-width:900px;width:90vw;max-height:85vh;border:1px solid #d0dbd2;border-radius:14px;padding:26px}.visual-media-dialog::backdrop{background:#102a20aa}.visual-media-dialog>button{float:right}.visual-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.visual-media-grid button{padding:10px;background:#fafaf5;border:1px solid #dce3d9;min-width:0}.visual-media-grid img{display:block;width:100%;height:110px;object-fit:contain}.visual-media-grid small{display:block;overflow-wrap:anywhere;font-size:10px}@media(max-width:1300px){.visual-workspace{grid-template-columns:155px 255px minmax(0,1fr)}.visual-preview{padding:12px}.vp-header nav{display:none}}@media(max-width:1000px){.visual-workspace{grid-template-columns:170px minmax(0,1fr)}.visual-preview{grid-column:1/-1;max-height:700px}.visual-controls{max-height:650px}.visual-canvas{max-width:700px}}@media(max-width:600px){.visual-workspace{grid-template-columns:1fr}.visual-sidebar{border-bottom:1px solid #dbe4df}.visual-sidebar nav{display:flex;overflow:auto;gap:8px}.visual-sidebar nav button{min-width:140px}.visual-sidebar h2,.visual-help,.visual-sidebar>a{display:none}.visual-controls{max-height:550px;border-right:0}.visual-topbar button{flex:1;font-size:12px}.visual-topbar label{width:100%}.visual-topbar select{flex:1}.visual-media-grid{grid-template-columns:repeat(2,1fr)}}
.vp-real-product{display:block;object-fit:contain;width:100%;height:95px}
.vp-hero>img.vp-original-banner{height:271.75%;width:auto;max-width:none;top:-13.25%;right:0;object-fit:initial}
.vp-hero h2,.vp-section h3,.vp-featured h3,.vp-custom h3{font-family:inherit}