/* DWe V11: Performance Series visual/layout parity. Independent DWe page, no changes to /performance/. */
:root{--ca:#f36a25;--orange:#f36a25}
html{scroll-padding-top:126px}body{background:#f5f5f5}
#builder.custom-wrap{width:min(1280px,calc(100% - 32px));max-width:1280px;padding:24px 0 65px}
.shell{max-width:1280px}
.header .header-inner{min-height:77px}
.header .logo-block{display:flex;align-items:center;gap:12px;text-decoration:none}
.header .logo-block img{max-height:57px;object-fit:contain}
.header .logo-caption{font-size:12px;line-height:1.3;color:#ccc;letter-spacing:.025em}
.header .logo-caption strong{font-weight:900;color:#fff}
.hero{background:#101010;padding:64px 0 62px}
.hero .hero-inside{align-items:center}
.hero h1{font-size:clamp(46px,5.5vw,80px);letter-spacing:-.045em;margin:12px 0 16px;line-height:.95}
.hero h1 em{color:#f36a25;font-style:italic}
.hero p{font-size:17px;line-height:1.5;margin:0;max-width:660px}
.hero .hero-subnote{font-size:14px;color:#aaa;margin:10px 0 0}
.hero .hero-right{border-left:1px solid #383838;padding-left:25px;min-width:230px}
.hero .hero-stat{border:0;padding:0;min-width:0}
.hero .hero-stat strong{font-size:35px;color:#fff}
.hero .hero-stat span{font-size:13px;color:#f36a25}
.hero .hero-note{font-size:13px;color:#bbb;margin-top:14px}
#builder .builder-heading{display:flex;padding:24px 28px;border-radius:12px;gap:20px;margin:0 0 12px;background:#fff}
#builder .builder-heading h2{font-size:29px;margin:3px 0 5px}
#builder .builder-heading p{font-size:15px;color:#666;max-width:900px}
#builder .builder-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.btn.btn-orange{background:#f36a25!important;color:#111!important;border-color:#f36a25!important}
.btn.btn-dark{background:#151515!important;color:#fff!important;border-color:#151515!important}
.btn.btn-ghost{background:transparent!important;color:#fff!important;border-color:#aaa!important}
.btn.btn-outline{background:#fff!important;border:1px solid #b6b6b6!important;color:#171717!important}
#builder .quote-sticky-wrap{position:sticky;top:0;z-index:30;border:1px solid #282828;border-radius:0 0 12px 12px;overflow:visible;margin:0 0 12px;background:#141414;box-shadow:0 9px 23px #0003}
#builder .quote-sticky-reference{background:#202020;color:#fff;min-height:49px;padding:9px 13px;border:0;border-bottom:1px solid #3c3c3c;border-radius:0;display:flex;gap:10px;justify-content:space-between;align-items:center;margin:0;box-shadow:none}
#builder .quote-sticky-ident{display:flex;gap:4px 11px;align-items:center;flex-wrap:wrap;min-width:0}
#builder .quote-sticky-label{font-size:10px;color:#f89a5d;font-weight:900;letter-spacing:.11em}
#builder #quote-ref{font-size:13px;color:#fff;font-weight:800}
#builder #quote-state{font-size:12px;color:#d4d4d4}
#builder .quote-sticky-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#builder .quote-sticky-actions .btn{font-size:12px;min-height:32px;padding:7px 12px}
#builder .quote-sticky-actions .btn-outline{background:#292929!important;color:#fff!important;border-color:#777!important}
#builder .steps.step-track{position:relative;top:auto;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;background:#151515;box-shadow:none;border-radius:0 0 12px 12px;padding:14px 12px 15px;isolation:isolate}
#builder .steps.step-track .progress-track-line{position:absolute;top:26px;left:8.5%;right:8.5%;height:2px;display:block;background:#454545;pointer-events:none;z-index:-1;padding:0;border:0}
#builder #progress-fill{display:block;height:100%;width:0;background:#f36a25;transition:width .2s}
#builder .steps.step-track a.progress-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:#bcbcbc;background:transparent;border:0;border-radius:5px;padding:0 4px 4px;min-height:55px;box-shadow:none;font-weight:inherit}
#builder .steps.step-track .progress-dot{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;border:2px solid #737373;background:#171717;color:#eee;font-size:12px;font-weight:900}
#builder .steps.step-track .progress-copy{display:block;color:inherit}
#builder .steps.step-track .progress-copy strong{display:block;font-size:12px;line-height:1.2;color:#ededed;font-weight:800}
#builder .steps.step-track .progress-copy small{display:block;font-size:10px;color:#aaa;line-height:1.25;margin:3px 0 0}
#builder .steps.step-track a.active .progress-dot{background:#f36a25;border-color:#f36a25;color:#111}
#builder .steps.step-track a.active .progress-copy strong{color:#fff}
#builder .steps.step-track a.done .progress-dot{background:#ee8a4e;border-color:#ee8a4e;color:#111}
#builder .steps.step-track a:focus-visible{outline:2px solid #f36a25;outline-offset:1px}
#builder .quote-retrieve-prominent{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin:0 0 14px;padding:0;overflow:hidden}
#builder .quote-retrieve-prominent summary{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}
#builder .quote-retrieve-prominent summary::-webkit-details-marker{display:none}
#builder .quote-retrieve-summary{display:grid;gap:2px}
#builder .retrieve-kicker{font-size:10px;font-weight:900;letter-spacing:.1em;color:#bc4d0f}
#builder .quote-retrieve-summary strong{font-size:16px}
#builder .quote-retrieve-summary small{color:#777;font-size:12px}
#builder .retrieve-toggle{font-size:22px}
#builder .quote-retrieve-fields{display:flex;gap:9px;align-items:end;margin:0;padding:2px 20px 18px;min-width:0}
#builder .quote-retrieve-fields .field{flex:1}
#builder .quote-retrieve-fields input{width:100%;background:#fafafa}
#builder .builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:18px;align-items:start}
#builder .builder-main{min-width:0}
#builder .builder-panel{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:28px 30px;margin:0 0 14px;scroll-margin-top:145px}
#builder .panel-title>span{color:#c45419;font-size:12px;font-weight:900;letter-spacing:.12em}
#builder .panel-title h3{font-size:27px;margin:4px 0 5px}
#builder .panel-title p{font-size:15px;color:#666;margin:0 0 20px}
#builder .mode-card,#builder .bundle-group-card,#builder .package-option-wrap,#builder .option,#builder .finish-option{transition:box-shadow .15s ease}
#builder .mode-card:hover,#builder .bundle-group-card:hover,#builder .package-option-wrap:hover,#builder .option:hover,#builder .finish-option:hover{box-shadow:0 3px 16px #0001}
#builder .option.active,#builder .finish-option.active,#builder .package-option.active{outline:2px solid #f36a25;outline-offset:-2px;box-shadow:none}
#builder .performance-specifications{margin:0 0 14px;background:white;border-radius:13px;border:1px solid #e5e5e5;padding:27px 30px}
#builder .specification-heading h3{font-size:26px;margin:6px 0}
#builder .specification-heading p{margin:0 0 17px;color:#666}
#builder .factory-spec-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}
#builder .factory-shell-card,#builder .factory-lug-card{padding:17px;border-radius:11px;border:1px solid #e3e3e3;background:#fff}
#builder .factory-shell-top{display:grid;grid-template-columns:130px 1fr;gap:15px;align-items:start}
#builder .factory-shell-photo{height:125px;background:#f4f4f4;border-radius:8px;overflow:hidden}
#builder .factory-shell-photo img,#builder .factory-lug-photo img{width:100%;height:100%;object-fit:contain}
#builder .factory-shell-card h4,#builder .factory-lug-card h4{font-size:18px;margin:6px 0}
#builder .factory-shell-card p,#builder .factory-lug-card p{font-size:13px;color:#626262;margin:6px 0}
#builder .factory-lug-photo{height:135px;background:#fafafa;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center}
#builder .specification-tag{font-size:10px;letter-spacing:.1em;font-weight:900;color:#a54717}
#builder .hvx-sound-profile{background:#fcf7f4;padding:12px 14px;margin-top:16px;border-radius:8px}
#builder .hvx-profile-head h5{font-size:15px;margin:5px 0}
#builder .factory-spec-grid .eyebrow{font-size:10px}
#builder .builder-sidebar{position:sticky;top:114px;display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 126px);padding:0;border-radius:13px;background:white;box-shadow:0 9px 28px #0002;border:1px solid #ddd;align-self:start}
#builder .sidebar-header{background:#151515;color:#fff;padding:19px 17px 16px;display:flex;gap:10px;align-items:start;justify-content:space-between;flex:none}
#builder .sidebar-header .eyebrow{font-size:10px;color:#f36a25}
#builder .sidebar-header h3{font-size:22px;margin:4px 0 2px;color:#fff}
#builder .sidebar-count{display:block;color:#ccc;font-size:12px}
#builder .sidebar-toggle{display:none;background:transparent;color:#fff;border:1px solid #555;border-radius:7px;font-size:11px;white-space:nowrap;padding:5px 8px}
#builder .sidebar-body{min-height:0;display:flex;flex-direction:column;overflow-y:auto;flex:1}
#builder .sidebar-selections{padding:12px 16px;flex:1;overflow-y:auto}
#builder .summary-hint{margin:5px 0 13px;color:#666;font-size:12px}
#builder .sidebar-footer{padding:16px;border-top:1px solid #ddd;background:#fafafa;flex:none}
#builder .sidebar-total-line{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}
#builder .sidebar-total-line strong{font-size:21px;color:#bb4e15}
#builder .sidebar-hint{font-size:11px;color:#777;margin:7px 0 12px}
#builder .sidebar-footer #sidebar-review{width:100%}
#builder .sidebar .sidebar-row{padding:9px 0;border-bottom:1px solid #eee}
#builder .sidebar .sidebar-row strong{font-size:12px}
#builder .sidebar .sidebar-row .summary-edit{cursor:pointer}
#builder .dwe-preview-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(530px,100vw);height:100dvh;max-height:100dvh;border:0;border-radius:12px 0 0 12px;box-shadow:-12px 0 50px #0004;padding:0;background:#fff;color:#171717}
#builder .dwe-preview-dialog::backdrop{background:#0008}
#builder .dwe-preview-dialog .drawer-top-custom{background:#171717;color:white;padding:23px;display:flex;align-items:start;justify-content:space-between}
#builder .dwe-preview-dialog .drawer-top-custom h2{margin:4px 0;font-size:25px}
#builder .dwe-preview-dialog .close-custom{background:transparent;color:white;border:0;font-size:30px}
#builder .dwe-preview-dialog .drawer-scroll{padding:18px;overflow-y:auto;max-height:calc(100dvh - 194px)}
#builder .dwe-preview-dialog .drawer-actions{border-top:1px solid #ddd;padding:15px;background:white;position:absolute;bottom:0;width:100%;display:flex;justify-content:flex-end}
footer .footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
footer .footer-grid p{font-size:13px;color:#aaa}
@media(max-width:1020px){#builder .builder-layout{grid-template-columns:minmax(0,1fr) 280px}#builder .factory-spec-grid{grid-template-columns:1fr}}
@media(max-width:850px){
 #builder .builder-layout{grid-template-columns:1fr}
 #builder .builder-sidebar{position:sticky;top:110px;z-index:20;max-height:58vh;order:-1;margin-bottom:12px}
 #builder .sidebar-header{padding:12px 15px}
 #builder .sidebar-header h3{font-size:18px}
 #builder .sidebar-toggle{display:block}
 #builder .builder-sidebar.collapsed{max-height:none}
 #builder .builder-sidebar.collapsed .sidebar-body{display:none}
 #builder .builder-panel{padding:22px}
 #builder .hero .hero-right{margin-top:24px}
}
@media(max-width:600px){
 #builder.custom-wrap{width:calc(100% - 24px)}
 #builder .builder-heading{padding:18px;display:block}
 #builder .builder-heading h2{font-size:24px}
 #builder .builder-heading-actions{margin-top:14px}
 #builder .quote-sticky-reference{display:flex;flex-wrap:wrap;gap:7px}
 #builder .quote-sticky-ident{width:100%}
 #builder .steps.step-track{padding:9px 6px;gap:0}
 #builder .steps.step-track .progress-track-line{left:8%;right:8%;top:21px}
 #builder .steps.step-track .progress-dot{height:24px;width:24px;font-size:11px}
 #builder .steps.step-track .progress-copy strong{font-size:9px}
 #builder .steps.step-track .progress-copy small{display:none}
 #builder .builder-panel{padding:18px}
 #builder .panel-title h3{font-size:23px}
 #builder .performance-specifications{padding:18px}
 #builder .factory-shell-top{grid-template-columns:1fr}
 #builder .factory-shell-photo{height:170px}
 #builder .builder-sidebar{top:105px;max-height:45vh}
 #builder .hero{padding:42px 0}
 footer .footer-grid{grid-template-columns:1fr;gap:14px}
 .header .header-links{gap:12px;font-size:12px}
}
@media print{#builder .quote-sticky-wrap,#builder .builder-sidebar,#builder .dwe-preview-dialog{display:none!important}}
/* Mobile parity with the live Performance builder */
@media(max-width:750px){
 .hero .hero-inside{display:block!important}
 .hero .hero-right{max-width:none;min-width:0;margin-top:25px}
 .hero .hero-stat{min-width:0}
 .header .header-inner{flex-wrap:wrap}
 .header .logo-block{flex-shrink:0}
}
@media(max-width:600px){
 .hero h1{font-size:clamp(45px,12vw,69px)}
 .hero .hero-inside>div:first-child{width:100%;min-width:0}
 .hero .hero-inside p{max-width:100%}
 #builder .quote-sticky-wrap{width:100%;max-width:100%}
 #builder .quote-retrieve-prominent{max-width:100%}
 #builder .builder-layout .builder-main,#builder .builder-layout .builder-sidebar{min-width:0}
 #builder .factory-shell-card,#builder .factory-lug-card{min-width:0}
 #builder .factory-spec-grid{grid-template-columns:minmax(0,1fr)}
}

/* DWe V12 Performance-style item-photo summary */
.summary-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 18px}
.summary-gallery-photo{width:100%;height:116px;object-fit:contain;background:#f9f9f9;border:1px solid #e5e5e5;border-radius:10px;padding:4px}
.summary-item-photo{width:92px;height:92px;flex:0 0 92px;object-fit:contain;background:#f9f9f9;border:1px solid #e1e1e1;border-radius:10px}
.summary-visual-group{padding:18px 0;border-bottom:1px solid #e7e7e7}
.summary-visual-item{display:flex;align-items:center;gap:12px;margin-top:13px;min-width:0}
.summary-visual-copy{min-width:0;flex:1;display:grid;gap:4px}
.summary-visual-copy strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.summary-visual-copy small{color:#777;font-size:11px;overflow-wrap:anywhere}
.summary-visual-copy b{color:#c15319;font-size:13px}
.summary-addon-with-image{display:flex;align-items:center;gap:9px}
.summary-addon-photo{width:56px;height:56px;flex:0 0 56px;border-radius:7px;object-fit:contain;border:1px solid #e5e5e5;background:#fafafa}
.image-fallback{display:flex;align-items:center;justify-content:center;color:#888;font-size:11px;font-weight:800}
@media(min-width:730px){.option-grid:has([data-pieces="side-snare"]){grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid:has([data-pieces="side-snare"]) .option{display:block}.option-grid:has([data-pieces="side-snare"]) .option-picture{height:145px;min-height:145px;border-bottom:1px solid #eee}.option-grid:has([data-pieces="side-snare"]) .option-copy{padding:14px}}
@media(max-width:640px){.summary-gallery-photo{height:96px}}

.summary-photo-wrap{position:relative;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:11px;font-weight:800;overflow:hidden}
.summary-photo-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fafafa}

.summary-gallery-tile{display:grid;gap:4px;min-width:0}
.summary-gallery-tile .summary-gallery-photo{width:100%;height:110px;border-radius:8px}
.summary-gallery-tile span{font-size:11px;color:#777;line-height:1.25}


/* V13: keep factory Step 5 compact until the shopper requests extras. */
#builder .addons-fold{border:1px solid #ddd;border-radius:11px;background:#fff;overflow:hidden}
#builder .addons-fold-summary{list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer;padding:18px 19px;background:#fbfbfb;color:#262626}
#builder .addons-fold-summary::-webkit-details-marker{display:none}
#builder .addons-fold-summary:hover{background:#fff7f1}
#builder .addons-fold-summary:focus-visible{outline:3px solid #f36a25;outline-offset:-3px}
#builder .addons-fold-chevron{display:flex;flex:0 0 27px;align-items:center;justify-content:center;width:27px;height:27px;border:2px solid #f36a25;border-radius:50%;font-size:18px;color:#bc4c10}
#builder .addons-fold-chevron:before{content:'+'}
#builder .addons-fold[open] .addons-fold-chevron:before{content:'−'}
#builder .addons-fold-copy{display:grid;gap:4px}
#builder .addons-fold-copy strong{font-size:17px}
#builder .addons-fold-copy small{font-size:12px;color:#777}
#builder .addons-fold-body{padding:16px 18px 20px;border-top:1px solid #e8e8e8}
#builder #roland-requests{border-top:1px solid #e7e7e7;margin-top:16px;padding-top:16px}
#builder .summary-photo-wrap img,#builder .package-thumb img,#builder .option-picture img,#builder .addon-picture img{object-fit:contain}
@media(max-width:600px){#builder .addons-fold-summary{padding:14px}#builder .addons-fold-body{padding:14px 12px}}

/* Video near the beginning of the DWe configurator. YouTube loads only after play. */
.dwe-video-section{background:#171717;color:white;padding:32px 0 38px;border-top:1px solid #333}
.dwe-video-container{display:grid;grid-template-columns:minmax(220px,0.7fr) minmax(300px,1.3fr);gap:36px;align-items:center}
.dwe-video-copy .eyebrow{color:#f36a25;font-size:12px;letter-spacing:.16em;font-weight:800}
.dwe-video-copy h2{font-size:clamp(24px,2.6vw,34px);margin:10px 0 12px;line-height:1.12;color:white}
.dwe-video-copy p{font-size:15px;color:#d8d8d8;line-height:1.5;max-width:420px}
.dwe-video-player{position:relative;aspect-ratio:16/9;background:#050505;overflow:hidden;border-radius:12px;border:1px solid #454545;box-shadow:0 9px 28px #0005}
.dwe-video-play{border:0;background:#111;cursor:pointer;position:absolute;inset:0;width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:white}
.dwe-video-play img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.82;filter:brightness(.8)}
.dwe-video-play:hover img{filter:brightness(1)}
.dwe-video-play-icon{display:flex;align-items:center;justify-content:center;position:relative;width:72px;height:54px;padding-left:5px;border-radius:16px;background:#e43c23;color:#fff;font-size:25px;box-shadow:0 5px 20px #0008}
.dwe-video-play-caption{position:absolute;bottom:12px;left:14px;font-size:13px;font-weight:800;text-shadow:0 2px 4px #000}
.dwe-video-play:focus-visible{outline:3px solid #f36a25;outline-offset:-5px}
.dwe-video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:800px){.dwe-video-container{grid-template-columns:1fr;gap:18px}.dwe-video-section{padding:26px 0 30px}.dwe-video-copy p{margin-bottom:0}}

/* Optional official/local finish swatches, JPEG for reliable browser/PDF use. */
.finish-visual .dwe-local-swatch{width:100%;height:100%;object-fit:cover;display:block}

.ind-finish-swatch{object-fit:cover;display:inline-block}

/* V15: photo-led Roland wireless packs and expanded Performance-style finish summary */
#builder .bundle-group-roland-photo{height:92px;margin:-6px -8px 12px;border-radius:9px;overflow:hidden;background:#f5f5f5}
#builder .bundle-group-roland-photo img{width:100%;height:100%;object-fit:cover;display:block}
#builder .cymbal-tile-photo{height:105px;min-width:116px;width:116px;display:block;overflow:hidden;border:1px solid #eee;border-radius:9px;background:#f8f8f8}
#builder .cymbal-tile-photo img{width:100%;height:100%;object-fit:contain;display:block}
#builder .cymbal-pack-option{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#builder .cymbal-pack-option>span:has(strong){flex:1;min-width:190px}
#builder .cymbal-included-photo{width:min(100%,330px);aspect-ratio:16/9;background:#fff;border:1px solid #eee;border-radius:11px;overflow:hidden;margin:0 0 13px}
#builder .cymbal-included-photo img{width:100%;height:100%;object-fit:cover;display:block}
#builder .roland-dialog-photo{margin:16px 0;max-width:430px}
#builder .roland-dialog-photo img{display:block;width:100%;max-height:240px;object-fit:contain;border:1px solid #eee;border-radius:9px;background:#fafafa}
#builder .roland-dialog-photo figcaption{font-size:12px;color:#666;margin-top:5px}
#builder .summary-finish-feature .summary-item-photo{width:144px;height:144px;flex:0 0 144px}
#builder .summary-finish-feature .summary-item-photo img{width:100%;height:100%;object-fit:cover}
#builder .summary-finish-feature .summary-visual-copy strong{font-size:17px}
@media(max-width:680px){#builder .summary-finish-feature .summary-item-photo{width:116px;height:116px;flex-basis:116px}#builder .cymbal-tile-photo{width:100%;max-width:170px;height:94px}#builder .bundle-group-roland-photo{height:80px}}


/* V16 — photo-backed factory bundle category tiles */
#builder .bundle-group-card .bundle-group{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}
#builder .bundle-group-kit-photo{display:block;width:100%;height:140px;overflow:hidden;background:#f8f8f8;border:1px solid #ededed;border-radius:9px;margin:0 0 12px}
#builder .bundle-group-kit-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
#builder .bundle-group-card .bundle-group strong{line-height:1.25}
#builder .bundle-group-card .bundle-group small{margin-top:7px}
@media(max-width:680px){#builder .bundle-group-kit-photo{height:125px}}


/* V16 mobile progression fix: summary is in normal page flow, never a floating overlay.
 * Collapsible header stays available without obscuring bundle tiles or selections. */
@media (max-width: 850px) {
 #builder .builder-sidebar,
 #builder .builder-sidebar.collapsed {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  max-height: none !important;
  height: auto !important;
  overflow: hidden;
  order: -1;
 }
 #builder .builder-sidebar:not(.collapsed) .sidebar-body {
  max-height: min(65dvh, 560px);
  overflow-y: auto;
 }
 #builder .builder-sidebar.collapsed .sidebar-body {display: none !important;}
 #builder .builder-panel {scroll-margin-top: 190px;}
 #builder .dwe-preview-dialog:not([open]),
 #builder .bundle-info-dialog:not([open]) {display: none !important;}
 #builder .dwe-preview-dialog[open] {width: 100vw;max-width: 100vw;max-height: 100dvh;border-radius: 0;}
 #builder .dwe-preview-dialog .drawer-top-custom{position:relative;padding:16px 18px;}
 #builder .dwe-preview-dialog .drawer-actions{padding-bottom:max(15px,env(safe-area-inset-bottom));}
}