:root{--wh-paper:#f8f5f2;--wh-ink:#012c37;--wh-accent:#00cbff;--wh-white:#fff;--wh-line:#d8e0df;--font-sans:'Bricolage Grotesque',Arial,sans-serif;--color-text:var(--wh-ink);--color-muted:var(--wh-ink);--color-accent:var(--wh-accent);--color-accent-strong:var(--wh-accent);--color-panel:var(--wh-white);--color-border:var(--wh-line)}
body.wh-interface{background:var(--wh-paper);padding:0;margin:0;min-height:100vh;color:var(--wh-ink)}
.wh-interface :is(button,input,select,summary,p,span,h1,h2,h3,label,a,div):not(svg *){font-family:var(--font-sans)}
.wh-header{height:88px;display:flex;align-items:center;gap:28px;padding:16px 28px;background:white;border-bottom:1px solid var(--wh-line);box-sizing:border-box}
.wh-header img{display:block;width:270px;height:auto}.wh-header h1{font-size:24px;margin:0;letter-spacing:-.8px}.wh-header>span{margin-left:auto;font-size:14px}
.wh-layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:24px;padding:24px;align-items:start;max-width:1920px;margin:auto}
.wh-interface .left-main-up{width:100%;height:auto;min-height:0;float:none;position:relative;z-index:21;margin:0;display:flex;flex-direction:column;gap:12px}
.wh-interface :is(.select-options,.bottom-div,.tile-info,.tile-summary-card){width:100%;max-width:none;min-height:0;height:auto!important;float:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.wh-interface .select-options{display:block}.wh-interface .select-options:before{display:none}
.wh-interface [hidden]{display:none!important}
.wh-group{border:1px solid var(--wh-line);border-radius:8px;background:white;margin:0 0 12px;min-width:0}
.wh-group>summary{padding:17px 18px;cursor:pointer;font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.wh-group>summary:after{content:'+';font-size:22px;font-weight:500}.wh-group[open]>summary:after{content:'−'}.wh-group[open]>summary{border-bottom:1px solid var(--wh-line)}
.wh-interface .select-options .labels{display:grid;gap:14px;padding:16px;width:auto;max-width:none;border:0;border-radius:0;box-shadow:none;background:none}
.wh-interface .select-options .labels p{font-size:13px;letter-spacing:0;text-transform:none;color:var(--wh-ink);padding:0}
.wh-interface :is(.modern-select-trigger,.modern-select-menu,.modern-select-option){border-radius:5px;background:white;color:var(--wh-ink);box-shadow:none}
.wh-interface .modern-select-trigger{border:1px solid var(--wh-line);font-size:15px}.wh-interface .modern-select-trigger-icon{background:var(--wh-paper);color:var(--wh-ink);box-shadow:none;border-radius:3px}
.wh-interface .modern-select-option:hover,.wh-interface .modern-select-option.is-selected{background:var(--wh-paper);color:var(--wh-ink)}
.wh-interface .modern-select.is-open .modern-select-menu{box-shadow:none}
.wh-interface #container{grid-column:2;grid-row:1;position:sticky;top:20px;width:100%;height:calc(100vh - 136px);min-height:480px;max-height:1000px;float:none;margin:0;border:1px solid var(--wh-line);border-radius:10px;box-shadow:none;background-size:cover;box-sizing:border-box;z-index:1}
.wh-scene-toolbar{position:absolute;top:14px;left:14px;right:14px;z-index:30;pointer-events:none}
.wh-interface .light-switch{pointer-events:auto;display:flex;gap:8px;width:max-content;max-width:100%;padding:0;margin:0;border:0;background:none;border-radius:0;text-align:left}
.wh-interface .light-switch .light-label:not(.unit-toggle-control):not(.equipment-toggle-control):not(.goal-toggle-control){width:auto!important;min-height:44px!important;display:flex!important;flex-direction:row!important;gap:12px!important;padding:10px 14px!important;background:white;border:1px solid var(--wh-line);border-radius:5px;box-shadow:none}
.wh-interface .light-switch p{width:auto;font-size:13px;margin:0}.wh-interface .light-switch .switcher{display:block!important;transform:scale(.8);margin:-6px!important}.wh-interface .mobile-toggle-state{display:none!important}
.wh-interface .wh-note{position:absolute;bottom:12px;right:14px;max-width:470px;width:calc(100% - 130px);font-size:11px;line-height:1.5;padding:8px 12px;margin:0;background:rgba(255,255,255,.94);border-radius:4px;color:var(--wh-ink);box-sizing:border-box;pointer-events:none}
.wh-interface #myForm .first-slider{display:block;padding:0}.wh-interface #myForm .slider-bar{padding:16px!important;box-sizing:border-box;z-index:auto!important;width:100%;margin:0}
.wh-interface #myForm .slider-down{gap:16px}.wh-interface #fieldDimension{gap:16px;margin-top:0;border-top:1px solid var(--wh-line);padding-top:16px}
.wh-interface .option-div{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:6px 12px;width:100%;padding:0;margin:0}
.wh-interface .titleOfDimensions{grid-column:1/-1;position:static;font-size:13px;font-weight:600;width:auto;text-transform:none;letter-spacing:0;margin:0}
.wh-interface #myForm .option-div>input[type=range]{width:100%;height:24px;margin:0;accent-color:var(--wh-ink)}
.wh-interface .range-slider-value{width:78px;margin:0;position:static}.wh-interface .range-slider-value input{width:100%!important;height:40px;padding:8px!important;border:1px solid var(--wh-line)!important;border-radius:4px!important;background:white!important;color:var(--wh-ink)!important;font-size:15px;box-sizing:border-box}
.wh-interface .slider-circles{display:block;width:100%;padding:16px;box-sizing:border-box;margin:0;float:none}
.wh-interface .slider-circles ul{display:flex;justify-content:flex-start;gap:14px 10px;flex-wrap:wrap;margin:0;padding:0}.wh-interface .slider-circles ul li{width:52px;gap:6px;margin:0;display:flex;flex-direction:column}
.wh-interface .slider-circles ul li>span{position:static;font-size:10px;letter-spacing:0;text-transform:none;color:var(--wh-ink)}
.wh-interface .slider-circles .sp-replacer{width:48px!important;padding:4px!important;border-radius:5px!important;background:white!important;box-shadow:none!important;border:1px solid var(--wh-line)!important}
.wh-interface .slider-circles .sp-preview{width:38px!important;height:38px!important;border-radius:3px!important;box-shadow:none!important}.wh-interface .slider-circles .sp-preview-inner{border-radius:2px!important}
.wh-interface .sp-container{z-index:1000001!important;max-width:calc(100vw - 20px);box-sizing:border-box;background:white;border:1px solid var(--wh-line);border-radius:6px;box-shadow:0 8px 28px #012c3722}
.wh-interface .multicourt-tile-designer{padding:16px;margin:0;width:auto;border:0;background:none;box-shadow:none;border-radius:0}.wh-interface .multicourt-tile-card{padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.wh-interface .multicourt-tile-header{margin:0 0 12px}.wh-interface .multicourt-tile-eyebrow{color:var(--wh-ink);font-size:13px;letter-spacing:0}.wh-interface .multicourt-tile-copy{font-size:13px;line-height:1.55;margin:0 0 14px;color:var(--wh-ink)}
.wh-interface .multicourt-tile-toggle{display:flex;align-items:center;gap:8px}.wh-mode-label{font-size:13px;font-weight:700}
.wh-interface .multicourt-tile-toggle-ui{background:var(--wh-line);box-shadow:none}.wh-interface .multicourt-tile-toggle input:checked+.multicourt-tile-toggle-ui{background:var(--wh-accent)}
.wh-interface .multicourt-tile-tools{display:flex;flex-wrap:wrap;gap:8px}.wh-interface .multicourt-tool-button{flex:1}.wh-interface .multicourt-reset-button{flex-basis:100%;font-size:12px}
.wh-interface :is(.multicourt-tool-button,.multicourt-reset-button){background:white;color:var(--wh-ink);border:1px solid var(--wh-line);border-radius:4px;box-shadow:none;padding:10px;min-height:42px}
.wh-interface .multicourt-tool-button.is-active{background:var(--wh-accent);color:var(--wh-ink);border-color:var(--wh-ink)}.wh-interface .multicourt-tool-button.is-active:before{content:'✓ ';font-weight:800}
.wh-interface .multicourt-tile-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:14px 0}
.wh-interface .multicourt-palette-button{padding:5px;min-width:0;border-radius:4px;border:1px solid var(--wh-line);box-shadow:none;background:white;color:var(--wh-ink);position:relative;min-height:48px}
.wh-interface .multicourt-palette-swatch{height:26px;border-radius:2px}.wh-interface .multicourt-palette-label{display:none}.wh-interface .multicourt-palette-button.is-selected{border:2px solid var(--wh-ink);background:var(--wh-paper);box-shadow:none}.wh-interface .multicourt-palette-button.is-selected:after{content:'✓';position:absolute;right:0;top:0;background:white;color:var(--wh-ink);font-size:12px;padding:0 3px}
.wh-interface .multicourt-tile-status{display:block!important;font-size:12px;color:var(--wh-ink);background:var(--wh-paper);padding:10px;border-radius:4px}.wh-interface .multicourt-tile-status p{display:block!important;margin:2px 0;line-height:1.5}.wh-interface .multicourt-tile-summary{display:block!important;margin-top:10px;font-size:12px}.wh-interface .multicourt-summary-empty{font-size:12px}
.wh-interface .tile-summary-card{border:1px solid var(--wh-line);background:white;border-radius:8px;padding:16px;box-sizing:border-box}
.wh-product-info>summary{cursor:pointer;font-weight:700;font-size:13px}.wh-interface .tile-summary-pane .tile-info-text{font-size:12px;line-height:1.5;margin-top:12px}
.wh-interface .tile-summary-actions{margin-top:14px;padding-top:14px;display:flex;flex-direction:column;gap:10px;border-color:var(--wh-line)}.wh-interface .tile-summary-actions>span{margin:0;padding:0}.wh-interface #TotalArea{font-size:28px;color:var(--wh-ink);font-weight:800}
.wh-interface .tile-summary-actions button,.wh-interface .request-submit,.wh-interface .info-modal-primary{background:var(--wh-accent)!important;color:var(--wh-ink)!important;border:1px solid var(--wh-accent);border-radius:5px;box-shadow:none;padding:13px;font-weight:800;font-size:15px}
.wh-interface #saveSVGasPNG{background:white!important;border-color:var(--wh-ink)}
.wh-interface .tile-info{padding:14px;box-sizing:border-box}.wh-interface .tile-info .colors-multisport{grid-template-columns:repeat(4,minmax(0,1fr))}.wh-interface .tile-info .color{min-width:0}
.wh-interface :is(.request-modal,.info-modal){background:var(--wh-paper);color:var(--wh-ink);border-radius:8px;box-shadow:0 12px 40px #012c3722}.wh-interface :is(.request-modal-header,.info-modal-header){background:none;color:var(--wh-ink)}
.wh-interface :is(.request-modal h2,.info-modal h2,.request-modal p,.info-modal p){color:var(--wh-ink)}
.wh-interface :is(button,a,input,summary,[tabindex]):focus-visible{outline:3px solid var(--wh-ink)!important;outline-offset:3px}
.wh-interface .switch:focus-within,.wh-interface .multicourt-tile-toggle:focus-within{outline:3px solid var(--wh-ink);outline-offset:3px}
.wh-interface button:disabled{opacity:.5;cursor:not-allowed}
@media(min-width:1000px){.wh-interface .left-main-up{max-height:calc(100vh - 136px);overflow-y:auto;padding-right:8px;scrollbar-width:thin;overscroll-behavior:contain}}
@media(max-width:999px){.wh-header{padding:14px 18px;height:78px;gap:20px}.wh-header img{width:220px}.wh-header>span{display:none}.wh-layout{grid-template-columns:320px minmax(0,1fr);padding:16px;gap:16px}.wh-interface #container{min-height:380px;height:calc(100vh - 110px)}.wh-interface .wh-note{width:calc(100% - 24px);bottom:64px;right:12px}.wh-interface .light-switch{flex-wrap:wrap}}
@media(max-width:700px){.wh-header{height:auto;min-height:76px;gap:14px;flex-wrap:wrap}.wh-header img{width:210px}.wh-header h1{font-size:18px}.wh-layout{display:flex;flex-direction:column;padding:12px;gap:12px}.wh-interface #container{order:-1;position:sticky;top:0;height:36vh;min-height:250px;max-height:360px;z-index:40;width:100%}.wh-interface .left-main-up{width:100%}.wh-interface .wh-note{display:none}.wh-scene-toolbar{top:8px;left:8px;right:8px}.wh-interface .light-switch .light-label:not(.unit-toggle-control):not(.equipment-toggle-control):not(.goal-toggle-control){padding:6px 8px!important;gap:4px!important;min-height:38px!important}.wh-interface .light-switch p{font-size:11px}.wh-interface .multicourt-tile-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.wh-interface .multicourt-palette-label{display:block;font-size:10px;line-height:1.2;margin-top:4px}.wh-interface .sp-container{max-width:calc(100vw - 16px)}.wh-interface .sp-palette-container{max-width:100%;box-sizing:border-box}.wh-interface .request-modal{padding:18px!important;width:calc(100vw - 24px)!important;box-sizing:border-box}.wh-interface .request-form-grid{grid-template-columns:1fr!important}}
/* Final cascade corrections against the original ID-specific layout rules. */
.wh-interface .left-main-up>*{flex-shrink:0}
.wh-interface #myForm .option-div{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:6px 12px}
.wh-interface #myForm .titleOfDimensions{text-align:left;flex:auto;padding:0}
.wh-interface #myForm .range-slider-value{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.wh-interface .range-slider-value:after{display:none}
.wh-interface input[type=range]::-webkit-slider-runnable-track{background:var(--wh-line);height:6px}
.wh-interface input[type=range]::-webkit-slider-thumb{background:var(--wh-ink);box-shadow:none;border:2px solid white}
.wh-interface input[type=range]::-moz-range-track{background:var(--wh-line)}
.wh-interface input[type=range]::-moz-range-thumb{background:var(--wh-ink);box-shadow:none}
.wh-interface .light-switch .slider{background:var(--wh-paper)!important;border:1px solid var(--wh-line);box-shadow:none!important;border-radius:5px}
.wh-interface .light-switch input:checked+.slider{background:var(--wh-accent)!important}.wh-interface .light-switch .slider:before{background:white;box-shadow:none;border-radius:3px}
.wh-interface .light-switch :is(.on,.off){color:var(--wh-ink)!important}
.wh-interface .court-view-toggle{border-radius:5px;box-shadow:none;background:white;border:1px solid var(--wh-line)}
.wh-interface .court-view-toggle .slider{background:var(--wh-paper)!important;box-shadow:none!important;border-radius:4px}
.wh-interface .court-view-toggle .slider:before{background:var(--wh-accent)!important;box-shadow:none!important;border-radius:3px}
.wh-interface .court-view-toggle :is(.on,.off){color:var(--wh-ink)!important}
.wh-interface .slider-circles ul{gap:10px 6px}.wh-interface .slider-circles ul li{width:52px}
.wh-interface .multicourt-tile-designer-inline .multicourt-tile-palette{grid-template-columns:repeat(4,minmax(0,1fr))}
.wh-interface .multicourt-palette-button{display:flex;flex-direction:column;justify-content:center;gap:4px;margin:0}
.wh-interface .multicourt-palette-swatch{width:100%;flex:0 0 26px;box-sizing:border-box}
.wh-interface .multicourt-palette-label{display:block;font-size:9px;line-height:1.15;text-align:center}
.wh-interface .multicourt-palette-button{min-height:64px}
.wh-interface .court-view-toggle .slider:before{display:none}
.wh-interface .court-view-toggle .slider{display:flex!important;align-items:stretch;gap:2px;padding:3px}
.wh-interface .court-view-toggle .slider :is(.on,.off){display:flex!important;position:static!important;transform:none!important;align-items:center;justify-content:center;flex:1;opacity:1!important;border-radius:3px}
.wh-interface .court-view-toggle input:not(:checked)+.slider .off,.wh-interface .court-view-toggle input:checked+.slider .on{background:var(--wh-accent);font-weight:800}
.wh-interface .sportfloor-info-button{background:transparent;color:var(--wh-ink);box-shadow:none;border:0;font-size:12px;padding:8px;margin:0}
.wh-interface .tile-summary-actions button{max-width:none;margin:0}
.wh-interface .tile-summary-actions{gap:8px}.wh-interface .tile-summary-actions #TotalArea{margin:0}
.wh-interface #multicourtTileDesigner :is(p,.multicourt-tile-eyebrow,.multicourt-summary-empty){color:var(--wh-ink)!important}
.wh-interface .multicourt-pan-hint{bottom:80px;right:16px;left:auto;max-width:calc(100% - 32px);border-radius:4px;box-shadow:none;background:white;color:var(--wh-ink);font-size:11px;pointer-events:none}
.wh-interface .info-modal-logo,.wh-interface .request-modal-logo{object-fit:contain}
@media(max-width:700px){.wh-interface .multicourt-pan-hint{bottom:12px;left:118px;right:8px;font-size:9px;padding:6px;max-width:none}.wh-interface .multicourt-palette-label{font-size:10px}}
.wh-interface #myForm .first-slider{display:block!important}
.wh-interface .wh-group{width:100%;box-sizing:border-box}
.wh-interface .slider-circles ul li{min-width:0!important;width:52px!important;flex:0 0 52px!important}
@media(max-width:900px){
.wh-interface .light-switch .light-label:not(.unit-toggle-control):not(.equipment-toggle-control):not(.goal-toggle-control){border-radius:5px!important;overflow:visible!important;min-height:42px!important;background:white!important;box-sizing:border-box;flex:0 1 auto}
.wh-interface .light-switch .light-label p{font-size:11px!important;width:auto!important;color:var(--wh-ink)!important}
.wh-interface .light-switch .light-label:after{display:block!important;content:'Uit'!important;font-size:11px;font-weight:700;color:var(--wh-ink);padding:4px;border-radius:3px;background:var(--wh-paper)}
.wh-interface .light-switch .light-label[aria-pressed=true]:after{content:'Aan'!important;background:var(--wh-accent)}
.wh-interface .light-switch .light-label .switcher{display:none!important}
.wh-interface .slider-circles ul{gap:10px 6px!important;display:flex!important;justify-content:flex-start!important}
.wh-interface .slider-circles ul li{height:auto!important}
}
.wh-interface #container{background-color:var(--wh-white)}
@media(max-width:700px){
.wh-header{height:76px;min-height:76px;box-sizing:border-box;flex-wrap:nowrap;padding:12px;gap:12px}.wh-header img{width:200px}.wh-header h1{font-size:16px}
.wh-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,34vh) minmax(0,1fr);height:calc(100dvh - 76px);box-sizing:border-box;gap:12px;overflow:hidden}
.wh-interface #container{position:relative;top:auto;grid-column:1;grid-row:1;height:100%;min-height:0;max-height:none;z-index:1}
.wh-interface .left-main-up{grid-column:1;grid-row:2;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 2px 12px 0;box-sizing:border-box;scrollbar-width:thin}
.wh-interface .multicourt-tile-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wh-interface .multicourt-reset-button{grid-column:1/-1}
}
@media(max-width:360px){.wh-header img{width:168px}.wh-header h1{font-size:14px}}
.wh-interface #boxes #dialog.welcome-modal{background:var(--wh-paper);border:1px solid var(--wh-line);border-radius:8px;box-shadow:0 16px 50px #012c3733;padding:26px;box-sizing:border-box}
.wh-interface .welcome-modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:18px;background:none}
.wh-interface .welcome-modal-logo,.wh-interface .request-modal-logo{width:240px!important;height:auto!important;max-width:100%;border-radius:0;object-fit:contain}
.wh-interface #dialog :is(#title,#text,#text2,.welcome-modal-eyebrow){color:var(--wh-ink)}
.wh-interface #dialog #title{font-size:26px;line-height:1.2}.wh-interface #dialog :is(#text,#text2){font-size:14px;line-height:1.6}
.wh-interface #dialog #welcomeagree{background:var(--wh-accent);color:var(--wh-ink);box-shadow:none;border:0;border-radius:5px}
.wh-interface #dialog .welcome-cancel{background:white;color:var(--wh-ink);box-shadow:none;border:1px solid var(--wh-line);border-radius:5px}
.wh-interface #dialog .welcome-modal-close.close{background:white;color:var(--wh-ink);border-radius:4px;box-shadow:none}
.wh-interface .wh-action-help{font-size:11px;line-height:1.5;margin:3px 0 0;color:var(--wh-ink)}
@media(max-width:700px){.wh-interface #boxes #dialog.welcome-modal{width:calc(100vw - 24px)!important;padding:20px}.wh-interface .welcome-modal-logo{width:220px!important}.wh-interface #dialog #title{font-size:22px}}
.wh-interface .tile-summary-card{display:flex;flex-direction:column;gap:12px}
.wh-interface .tile-summary-actions{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0;margin:0;border:0;gap:8px}
.wh-interface .tile-summary-actions>span:first-child{text-align:left;font-size:12px}.wh-interface .tile-summary-actions #TotalArea{font-size:24px;text-align:right}
.wh-interface .tile-summary-actions :is(button,.wh-action-help){grid-column:1/-1}
.wh-interface .wh-product-info{order:2;border-top:1px solid var(--wh-line);padding-top:12px}
.wh-interface .sp-thumb-el:focus-visible{outline:3px solid var(--wh-ink);outline-offset:2px}
.wh-interface .sp-thumb-active{outline:2px solid var(--wh-ink)}
/* Follow-up: keep the legacy night effect behind the interactive interface. */
.wh-interface #night{pointer-events:none}
.wh-interface .wh-header,.wh-interface .wh-layout{position:relative;z-index:10}
/* Product swatches retain their exact inline product colors. */
.wh-interface .tile-info .color-square{border:1px solid var(--wh-line);border-radius:4px;box-shadow:none;width:44px;height:44px;box-sizing:border-box}
.wh-interface .tile-info .color{margin:4px 0;min-width:0;width:auto}
.wh-interface .tile-info .color p{font-size:11px;line-height:1.3;font-weight:500}
.wh-interface .tile-info .color-title{font-size:12px;letter-spacing:.03em;text-align:left;margin:0 0 14px}
.wh-interface .tile-info .colors-multisport{gap:12px 8px}
.wh-interface .welcome-modal-eyebrow{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;min-height:0;color:var(--wh-ink)}
.wh-interface .welcome-modal-logo,.wh-interface .request-modal-logo{background:transparent;box-shadow:none}
/* Night PNGs contain transparency: give only the scene a dark backing. */
.wh-interface #night{display:none}
.wh-interface:has(#night.nights) #container,
.wh-interface:has(#night.indoor-nights) #container{background-color:#2d2d2d}

/* Keep the existing product-information link prominently available. */
.wh-header-with-info>span{display:none}
.wh-interface .wh-header .wh-top-info-button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:330px;min-height:44px;box-sizing:border-box;margin:0 0 0 auto;padding:11px 16px;border:1px solid var(--wh-ink);border-radius:5px;background:var(--wh-accent);color:var(--wh-ink);font-size:13px;font-weight:800;line-height:1.35;text-decoration:none;text-align:center;box-shadow:none}
.wh-interface .wh-header .wh-top-info-button:hover{background:white}
@media(max-width:999px) and (min-width:701px){.wh-header-with-info{gap:16px}.wh-header-with-info h1{font-size:20px}.wh-interface .wh-header .wh-top-info-button{max-width:270px;font-size:12px}}
@media(max-width:700px){
 .wh-header-with-info{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 44px;gap:8px 12px;height:128px;min-height:128px}
 .wh-interface .wh-header .wh-top-info-button{grid-column:1/-1;width:100%;max-width:none;margin:0;padding:8px 12px;font-size:12px}
 .wh-header-with-info+.wh-layout{height:calc(100dvh - 128px)}
}