#ml-herring-calc{--hm-paper:#fff;--hm-ink:#202d33;--hm-muted:#394b54;--hm-line:#d8e1e3;--hm-pale:#e8f3f5;--hm-link:#176575;--hm-cta:#ba2149;--hm-canvas:#f8f7f3;--hm-oak:#d9bf94;--hm-oak-b:#cdb48b;--hm-joint:#897962;--hm-cut:#b4d9e8;--hm-waste:#c9c3b9;font:14px/1.5 'Open Sans',Arial,sans-serif;color:var(--hm-ink);background:var(--hm-paper);color-scheme:light;padding:22px 0;width:100%;max-width:none;margin:0;box-sizing:border-box;overflow-anchor:none}
    #ml-herring-calc *{box-sizing:border-box}
    #ml-herring-calc [hidden]{display:none!important}
    #ml-herring-calc h2{font-size:23px;line-height:1.3;font-weight:500;margin:16px 0 20px}
    #ml-herring-calc h3{font-size:17px;line-height:1.4;font-weight:500;margin:0 0 16px}
    #ml-herring-calc p{margin:8px 0}
    #ml-herring-calc small{font-size:12px;color:var(--hm-muted)}
    #ml-herring-calc button,#ml-herring-calc input,#ml-herring-calc select{font:inherit;color:var(--hm-ink)}
    #ml-herring-calc a{color:var(--hm-link);text-decoration:none}
    #ml-herring-calc a:hover{text-decoration:underline}
    #ml-herring-calc button{border:1px solid var(--hm-line);border-radius:6px;background:var(--hm-paper);padding:8px 12px;min-height:38px}
    #ml-herring-calc button.hm-primary{background:var(--hm-cta);border-color:var(--hm-cta);color:#fff}
    #ml-herring-calc button.hm-link{background:transparent;border:0;color:var(--hm-link);padding:6px 0}
    #ml-herring-calc button[aria-pressed=true]{background:var(--hm-pale);color:var(--hm-link);border-color:var(--hm-link)}
    #ml-herring-calc label{display:grid;gap:7px;font-size:13px}
    #ml-herring-calc input,#ml-herring-calc select{background:var(--hm-paper);border:1px solid #b3c2c7;border-radius:6px;min-height:42px;padding:9px 11px;min-width:0;width:100%;font-size:15px}
    #ml-herring-calc input,#ml-herring-calc select,#ml-herring-calc option{color:var(--hm-ink);-webkit-text-fill-color:var(--hm-ink);opacity:1;font-size:16px}
    #ml-herring-calc input::placeholder{color:var(--hm-muted);opacity:1}
    #ml-herring-calc input[aria-invalid=true]{border-color:var(--hm-cta)}
    #ml-herring-calc label{color:var(--hm-ink)}
    #ml-herring-calc .hm-panel,#ml-herring-calc .hm-stage,#ml-herring-calc [data-hm-own],#ml-herring-calc [data-hm-params],#ml-herring-calc .hm-rename{scroll-margin-top:12px}
    #ml-herring-calc input[type=range]{border:0;padding:0;min-height:28px;accent-color:var(--hm-link)}
    #ml-herring-calc input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--hm-link);margin:0}
    #ml-herring-calc .hm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
    #ml-herring-calc .hm-demo{font-size:12px;color:var(--hm-muted)}
    #ml-herring-calc .hm-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
    #ml-herring-calc .hm-hide{white-space:nowrap;font-size:12px;min-height:34px;padding:5px 9px}
    #ml-herring-calc .hm-steps{position:relative;z-index:30;background:var(--hm-paper);padding:8px 0;box-shadow:0 1px 0 var(--hm-line);display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr;gap:8px}
    #ml-herring-calc .hm-steps button{min-height:48px;text-align:left;background:var(--hm-pale);border-color:#bfd9de;color:var(--hm-link);font-size:14px;padding:10px 13px}
    #ml-herring-calc .hm-steps button span{display:inline-block;font-size:12px;margin-right:8px;opacity:.8}
    #ml-herring-calc .hm-steps button[aria-selected=true]{background:var(--hm-cta);border-color:var(--hm-cta);color:#fff}
    #ml-herring-calc .hm-material{font-size:12px;color:var(--hm-muted);padding:12px 0 17px;border-bottom:1px solid var(--hm-line);margin:0}
    #ml-herring-calc .hm-panel{padding:22px 0 20px}
    #ml-herring-calc .hm-rooms-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;width:100%;max-width:none;margin:0;align-items:start}
    #ml-herring-calc .hm-dimensions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
    #ml-herring-calc .hm-area{font-size:15px;margin:8px 0 0}
    #ml-herring-calc .hm-room-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
    #ml-herring-calc .hm-room-top h3{margin:0}
    #ml-herring-calc .hm-room-chip{position:relative;display:flex;align-items:center;gap:5px;border:1px solid #9bc8d2;border-radius:8px;background:var(--hm-pale);padding:9px 10px}
    #ml-herring-calc .hm-room-chip>button{border:0;background:transparent;padding:4px;min-height:34px}
    #ml-herring-calc .hm-room-name{flex:1;text-align:left;font-weight:500}
    #ml-herring-calc .hm-room-name small{display:block;font-weight:400;margin-top:2px}
    #ml-herring-calc .hm-room-chip>button.hm-delete{border:1px solid var(--hm-line);background:var(--hm-paper);color:var(--hm-cta);width:30px;height:30px;min-height:30px;border-radius:50%;padding:1px}
    #ml-herring-calc .hm-rename{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;background:var(--hm-paper);box-shadow:0 8px 25px #26323824;border:1px solid var(--hm-line);border-radius:8px;padding:12px}
    #ml-herring-calc .hm-name-options{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
    #ml-herring-calc .hm-name-options button{font-size:12px;min-height:32px;padding:5px 8px}
    #ml-herring-calc button.hm-add-room{align-self:flex-start;width:auto;margin:0;padding:6px 12px;border:1px solid var(--hm-line)}
    #ml-herring-calc .hm-overall{display:block;background:var(--hm-pale);border-radius:8px;padding:15px}
    #ml-herring-calc .hm-overall small{display:block}
    #ml-herring-calc .hm-overall output{font-size:26px;font-weight:500;white-space:nowrap}
    #ml-herring-calc .hm-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
    #ml-herring-calc .hm-row h3{margin:0}
    #ml-herring-calc .hm-switch{display:flex;gap:5px}
    #ml-herring-calc .hm-switch button{font-size:13px}
    #ml-herring-calc .hm-cascade{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-top:20px;max-width:760px}
    #ml-herring-calc .hm-collection{border:1px solid var(--hm-line);border-radius:8px;padding:20px;margin-top:17px}
    #ml-herring-calc .hm-collection h3{margin-bottom:0}
    #ml-herring-calc .hm-specs{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px;margin-top:20px}
    #ml-herring-calc .hm-specs strong{display:block;font-size:17px;font-weight:500;margin-top:5px}
    #ml-herring-calc .hm-foot{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-top:20px;padding-top:14px;border-top:1px solid var(--hm-line)}
    #ml-herring-calc .hm-own-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0 12px;max-width:760px}
    #ml-herring-calc .hm-own-grid label:first-child{grid-column:1/-1}
    #ml-herring-calc .hm-controls{display:flex;align-items:center;gap:9px;margin-bottom:12px;flex-wrap:wrap}
    #ml-herring-calc .hm-controls select{width:auto;min-width:160px;font-size:13px;min-height:38px}
    #ml-herring-calc .hm-controls label{display:flex;align-items:center;gap:7px;margin-left:auto}
    #ml-herring-calc .hm-stage{border:1px solid var(--hm-line);border-radius:8px;overflow:hidden;background:var(--hm-canvas)}
    #ml-herring-calc .hm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--hm-paper);border-bottom:1px solid var(--hm-line);padding:8px}
    #ml-herring-calc .hm-toolbar .hm-switch{flex-wrap:wrap}
    #ml-herring-calc .hm-toolbar button{font-size:12px;min-height:34px;padding:6px 9px}
    #ml-herring-calc .hm-stage-content{display:grid;grid-template-columns:minmax(0,1fr)}
    #ml-herring-calc[data-mode=animation] .hm-stage-content{grid-template-columns:minmax(0,1fr) 184px}
    #ml-herring-calc .hm-floor{display:block;width:100%;height:390px;overflow:hidden}
    #ml-herring-calc .hm-floor text{font-family:'Open Sans',Arial,sans-serif;fill:var(--hm-ink);font-size:12px}
    #ml-herring-calc .hm-expanded .hm-floor{height:520px}
    #ml-herring-calc .hm-scrap-bed{background:var(--hm-paper);border-left:1px solid var(--hm-line);padding:16px 12px}
    #ml-herring-calc .hm-scrap-bed h4{font-size:13px;font-weight:500;margin:0 0 7px}
    #ml-herring-calc .hm-scrap-bed strong{font-size:18px;font-weight:500;display:block}
    #ml-herring-calc .hm-scrap-mini{display:block;width:100%;height:75px;margin:8px 0 12px}
    #ml-herring-calc .hm-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--hm-paper);border-top:1px solid var(--hm-line);padding:7px 10px}
    #ml-herring-calc .hm-legend{display:flex;gap:12px;font-size:11px;flex-wrap:wrap}
    #ml-herring-calc .hm-legend span{display:flex;align-items:center;gap:5px}
    #ml-herring-calc .hm-swatch{width:12px;height:12px;background:var(--hm-cut);border:1px solid var(--hm-link)}
    #ml-herring-calc .hm-swatch.hm-reuse{background:var(--hm-paper);border-width:2px}
    #ml-herring-calc .hm-zoom{display:flex;align-items:center;gap:2px}
    #ml-herring-calc .hm-zoom button{border:0;background:transparent;font-size:12px;min-height:30px;padding:4px 7px}
    #ml-herring-calc .hm-zoom output{font-size:12px;min-width:41px;text-align:center}
    #ml-herring-calc .hm-playback{margin-top:12px}
    #ml-herring-calc .hm-playback-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
    #ml-herring-calc .hm-description{font-size:12px;color:var(--hm-muted);margin-top:8px}
    #ml-herring-calc .hm-starter-note{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--hm-pale);padding:10px 12px;font-size:12px;margin-top:10px;border-radius:5px}
    #ml-herring-calc details{margin-top:12px;font-size:13px}
    #ml-herring-calc summary{color:var(--hm-link)}
    #ml-herring-calc .hm-transfer-board{width:100%;display:block;height:130px;background:var(--hm-canvas);margin-top:10px}
    #ml-herring-calc .hm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
    #ml-herring-calc .hm-metric{background:var(--hm-pale);border-radius:8px;padding:18px 16px}
    #ml-herring-calc .hm-metric strong{font-size:29px;line-height:1.2;font-weight:500;display:block;margin:9px 0}
    #ml-herring-calc .hm-metric small{display:block}
    #ml-herring-calc .hm-result-table{border-collapse:collapse;width:100%;margin:19px 0;font-size:13px}
    #ml-herring-calc .hm-result-table td,#ml-herring-calc .hm-result-table th{border-bottom:1px solid var(--hm-line);padding:11px 7px;text-align:left}
    #ml-herring-calc .hm-result-table th{font-weight:500;color:var(--hm-muted)}
    #ml-herring-calc .hm-leftovers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}
    #ml-herring-calc .hm-leftovers h4{font-weight:500;font-size:14px;margin:0 0 5px}
    #ml-herring-calc .hm-leftovers svg{width:100%;height:62px;display:block}
    #ml-herring-calc .hm-warning{font-size:11px;line-height:1.65;color:var(--hm-muted);background:#f0f5f5;border-top:1px solid var(--hm-line);padding:14px 16px;margin-top:6px}
    #ml-herring-calc .hm-empty{padding:28px 0;color:var(--hm-muted)}
    #ml-herring-calc button:disabled{opacity:1;color:var(--hm-muted);background:#edf0f1}
    #ml-herring-calc .hm-room-chips{display:grid;gap:8px}
    #ml-herring-calc .hm-room-chip[data-active=false]{background:var(--hm-paper);border-color:var(--hm-line)}
    #ml-herring-calc .hm-room-chip .hm-rename{left:0;right:0}
    #ml-herring-calc .hm-room-name small{color:var(--hm-muted)}
    #ml-herring-calc .hm-metric{background:var(--hm-paper);border:1px solid var(--hm-line)}
    #ml-herring-calc .hm-metric:first-child{background:var(--hm-pale);border-color:#94bdc7}
    #ml-herring-calc .hm-metric strong{white-space:nowrap;font-variant-numeric:tabular-nums}
    #ml-herring-calc .hm-result-table td{vertical-align:top}
    #ml-herring-calc .hm-result-table small{display:block;margin-top:3px}
    #ml-herring-calc .hm-result-table button{display:block;font-size:12px;min-height:32px;margin-top:4px}
    #ml-herring-calc .hm-result-subtitle{color:var(--hm-muted);font-size:13px}
    #ml-herring-calc .hm-leftovers{padding-top:18px;border-top:1px solid var(--hm-line)}
    #ml-herring-calc .hm-leftovers small{display:block}
    #ml-herring-calc .hm-alert{background:#fff1f4;border:1px solid #cd7288;color:#78283b;padding:12px 14px;border-radius:6px;margin:12px 0;overflow-wrap:anywhere}
    #ml-herring-calc .hm-balance{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}
    #ml-herring-calc .hm-balance td{padding:6px 0;border-bottom:1px solid var(--hm-line)}
    #ml-herring-calc .hm-balance td:last-child{text-align:right;font-variant-numeric:tabular-nums}
    #ml-herring-calc .hm-board-input{max-width:190px;margin-top:12px}
    #ml-herring-calc .hm-own-status{min-height:20px;color:var(--hm-link)}
    @media(pointer:coarse){#ml-herring-calc button{min-height:44px}#ml-herring-calc .hm-room-chip>button,#ml-herring-calc .hm-room-chip>button.hm-delete{min-width:44px;min-height:44px}#ml-herring-calc .hm-zoom button{min-width:44px;min-height:44px}}
    @media(max-width:700px){#ml-herring-calc .hm-metric{display:block}#ml-herring-calc .hm-metric strong{margin:6px 0}#ml-herring-calc .hm-metric small{max-width:100%}}
    #ml-herring-calc .hm-collection-empty{padding:24px 0;color:var(--hm-muted)}
    @media(max-width:700px){#ml-herring-calc{padding:17px 0}
    #ml-herring-calc .hm-specs{grid-template-columns:1fr 1fr;gap:14px}
    #ml-herring-calc .hm-metrics{grid-template-columns:1fr}
    #ml-herring-calc .hm-metric{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}
    #ml-herring-calc .hm-metric strong{grid-column:2;grid-row:1/3;margin:0;font-size:25px}
    #ml-herring-calc .hm-metric small{grid-column:1}
    #ml-herring-calc .hm-controls select{flex:1;min-width:120px}
    #ml-herring-calc[data-mode=animation] .hm-stage-content{grid-template-columns:minmax(0,1fr)}
    #ml-herring-calc .hm-scrap-bed{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border-left:0;border-top:1px solid var(--hm-line)}
    #ml-herring-calc .hm-scrap-mini{height:50px}
    #ml-herring-calc .hm-own-grid{grid-template-columns:1fr 1fr}
    #ml-herring-calc .hm-own-grid label:first-child{grid-column:1/-1}}
    @media(max-width:470px){#ml-herring-calc .hm-steps{grid-template-columns:1fr 1fr}
    #ml-herring-calc .hm-steps button{padding:9px 10px;font-size:13px}
    #ml-herring-calc h2{font-size:21px;margin-bottom:17px}
    #ml-herring-calc .hm-heading{align-items:start;gap:8px}
    #ml-herring-calc .hm-hide{font-size:11px;white-space:normal;max-width:95px}
    #ml-herring-calc .hm-cascade{grid-template-columns:1fr}
    #ml-herring-calc .hm-floor{height:330px}
    #ml-herring-calc .hm-toolbar{align-items:start}
    #ml-herring-calc .hm-toolbar .hm-switch{display:grid;grid-template-columns:1fr 1fr}
    #ml-herring-calc [data-hm-mode=starter]{grid-column:1/-1}
    #ml-herring-calc .hm-result-table{font-size:12px}
    #ml-herring-calc .hm-result-table td,#ml-herring-calc .hm-result-table th{padding:10px 3px}
    #ml-herring-calc .hm-leftovers{grid-template-columns:1fr}
    #ml-herring-calc .hm-zoom button{min-height:36px}
    #ml-herring-calc .hm-controls label{margin-left:0}
    #ml-herring-calc .hm-switch button{padding:7px 9px}}
    #ml-herring-calc .hm-room-name{min-width:0;overflow-wrap:anywhere}
    #ml-herring-calc .hm-result-subtitle,#ml-herring-calc .hm-result-table td{overflow-wrap:anywhere}
    #ml-herring-calc .hm-row>div{min-width:0}
    @media(max-width:700px){#ml-herring-calc .hm-metric{display:block}#ml-herring-calc .hm-metric strong{margin:6px 0}#ml-herring-calc .hm-metric small{max-width:100%}}
  
#ml-herring-calc button{cursor:pointer}#ml-herring-calc button:disabled{cursor:default}#ml-herring-calc .hm-result-table td{overflow-wrap:anywhere}#ml-herring-calc .hm-steps{scroll-margin-top:12px}#ml-herring-calc .hm-transfer-board text{font:12px 'Open Sans',Arial,sans-serif;fill:var(--hm-ink)}
#ml-herring-calc[data-phase=assembly] .hm-stage-content{grid-template-columns:minmax(0,1fr)}

#ml-herring-calc [data-hm-room-fields]:focus{outline:none}
#ml-herring-calc [data-hm-room-fields] h3{font-size:15px;margin:0 0 8px}
#ml-herring-calc .hm-room-editor{display:flex;flex-direction:column;gap:12px;min-width:0}
#ml-herring-calc .hm-room-list>button.hm-add-room{margin-top:12px}
#ml-herring-calc .hm-add-slot:empty{display:none}
@media(max-width:700px){#ml-herring-calc .hm-rooms-layout{display:flex;flex-direction:column;gap:12px}#ml-herring-calc .hm-room-list,#ml-herring-calc .hm-room-editor{width:100%}}
#ml-herring-calc .hm-room-actions{display:grid;gap:12px}
#ml-herring-calc .hm-room-actions>button{justify-self:start}
#ml-herring-calc #hm-panel-rooms{padding-top:14px;padding-bottom:12px}
#ml-herring-calc .hm-toolbar button.hm-animation{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;background:var(--hm-cta);border:2px solid var(--hm-cta);color:#fff;font-weight:600}
#ml-herring-calc .hm-toolbar button.hm-animation:hover,#ml-herring-calc .hm-toolbar button.hm-animation[aria-pressed=true]{background:#9e173b;border-color:#9e173b;color:#fff}
#ml-herring-calc .hm-toolbar button.hm-animation:focus-visible{outline:3px solid var(--hm-ink);outline-offset:2px}
#ml-herring-calc .hm-play-icon{display:block;flex-shrink:0}

/* Full site width and navigation that stays with the visitor. */
#ml-herring-calc .hm-room-actions{margin-top:20px;width:100%}
#ml-herring-calc .hm-overall-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ml-herring-calc .hm-overall-heading strong{font-size:17px;font-weight:600}
#ml-herring-calc .hm-room-breakdown{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #bed8de;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 20px}
#ml-herring-calc .hm-room-breakdown li{margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;font-size:13px}
#ml-herring-calc .hm-room-breakdown strong{flex-basis:100%;font-size:14px;font-weight:600;overflow-wrap:anywhere}
#ml-herring-calc .hm-room-breakdown span{color:var(--hm-muted)}
#ml-herring-calc .hm-room-chip>button.hm-name-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 10px;border:1px solid #7eafb9;border-radius:6px;background:#fff;color:var(--hm-link);font-size:13px;font-weight:600;flex-shrink:0}
#ml-herring-calc .hm-name-toggle svg{width:14px;height:14px;flex-shrink:0;transition:transform .15s}
#ml-herring-calc .hm-name-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#ml-herring-calc .hm-room-chip:has(.hm-name-toggle[aria-expanded=true]){z-index:21}
#ml-herring-calc .hm-name-toggle:focus-visible,#ml-herring-calc .hm-steps button:focus-visible{outline:3px solid var(--hm-link);outline-offset:2px}
#ml-herring-calc .hm-room-chip>button.hm-delete{width:36px;height:36px;min-height:36px;flex-shrink:0}
@media(max-width:700px){#ml-herring-calc .hm-room-actions{margin-top:16px}#ml-herring-calc .hm-room-breakdown{grid-template-columns:1fr 1fr;gap:12px}#ml-herring-calc .hm-rooms-layout{gap:16px}}
@media(max-width:360px){#ml-herring-calc .hm-room-breakdown{grid-template-columns:1fr}#ml-herring-calc .hm-room-chip{padding:8px;gap:4px}#ml-herring-calc .hm-room-chip>button.hm-name-toggle{gap:4px;padding:7px}}

#ml-herring-calc .hm-steps-slot{height:var(--hm-steps-height,auto)}
#ml-herring-calc[data-hm-stuck=true] .hm-steps{position:fixed;top:var(--hm-sticky-top,0px);left:var(--hm-steps-left);width:var(--hm-steps-width)}

#ml-herring-calc .hm-plan-rooms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#ml-herring-calc .hm-plan-rooms button{min-width:110px;max-width:100%;min-height:42px;padding:9px 16px;overflow-wrap:anywhere}
#ml-herring-calc .hm-plan-rooms button[aria-pressed=true]{border-color:var(--hm-link);font-weight:600}
#ml-herring-calc .hm-foot [data-hm-params-toggle]{margin-left:auto}
@media(max-width:470px){#ml-herring-calc .hm-plan-rooms button{flex:1 1 auto;min-width:100px;padding:9px 12px}}

/* Each room keeps its dimensions on the same responsive row. */

#ml-herring-calc .hm-rooms-layout{display:block}
#ml-herring-calc .hm-room-columns,#ml-herring-calc .hm-room-entry{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
#ml-herring-calc .hm-room-columns{align-items:center;margin-bottom:10px}
#ml-herring-calc .hm-room-columns>h3{text-align:center;margin:0}
#ml-herring-calc .hm-room-list-title,#ml-herring-calc .hm-room-top{margin:0;display:flex;justify-content:space-between;align-items:center;gap:10px}
#ml-herring-calc .hm-room-strip,#ml-herring-calc .hm-room-chips{display:grid;gap:10px}
#ml-herring-calc .hm-room-entry{min-width:0}
#ml-herring-calc .hm-room-entry>.hm-room-chip{min-height:84px;margin:0;align-self:stretch}
#ml-herring-calc .hm-room-dimensions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(80px,.55fr);gap:12px;align-items:center;min-width:0}
#ml-herring-calc .hm-room-dimensions label{display:grid;gap:5px;text-align:center;min-width:0;font-size:12px}
#ml-herring-calc .hm-room-dimensions input{width:100%;min-width:0;min-height:44px;text-align:center;font-variant-numeric:tabular-nums}
#ml-herring-calc .hm-room-area-cell{display:grid;gap:5px;text-align:center;min-width:0;font-size:12px}
#ml-herring-calc .hm-room-area-cell output{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:16px;font-weight:600;overflow-wrap:anywhere}
#ml-herring-calc .hm-room-add-slot,#ml-herring-calc .hm-add-slot{margin-top:12px}
#ml-herring-calc .hm-room-entry:has([aria-expanded=true]){position:relative;z-index:22}
@media(max-width:700px){
 #ml-herring-calc .hm-room-columns{display:block}
 #ml-herring-calc .hm-room-columns>h3{display:none}
 #ml-herring-calc .hm-room-entry{grid-template-columns:minmax(0,1fr);gap:10px;border-bottom:1px solid var(--hm-line);padding-bottom:12px}
 #ml-herring-calc .hm-room-entry>.hm-room-chip{min-height:64px}
 #ml-herring-calc .hm-room-dimensions{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(64px,.6fr)}
}

/* A/B visual identity. Calculation and cutting geometry are unchanged. */
#ml-herring-calc{--hm-type-a:#244b64;--hm-type-b:#717b52}
#ml-herring-calc .hm-type-badge,#ml-herring-calc .hm-floor-type{pointer-events:none;user-select:none}
#ml-herring-calc .hm-type-badge text{font-family:Arial,sans-serif}
#ml-herring-calc .hm-type-key{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid currentColor;background:var(--hm-paper);font-size:11px;font-weight:700;color:var(--hm-type-a)}
#ml-herring-calc .hm-type-key-b{color:var(--hm-type-b)}
#ml-herring-calc .hm-type-note{font-size:11px;color:var(--hm-muted);margin:6px 0}

#ml-herring-calc .hm-floor .hm-floor-type{font-size:7.5px}
#ml-herring-calc .hm-floor .hm-type-badge text{font-size:10px}
#ml-herring-calc .hm-floor [data-hm-moving-type] .hm-type-badge text{font-size:14px}
#ml-herring-calc .hm-type-badge[data-hm-type="A"] text{fill:var(--hm-type-a)}
#ml-herring-calc .hm-type-badge[data-hm-type="B"] text{fill:var(--hm-type-b)}

#ml-herring-calc .hm-floor .hm-camera-caption{font-size:11px;fill:var(--hm-link);paint-order:stroke;stroke:var(--hm-canvas);stroke-width:5px;stroke-linejoin:round;pointer-events:none}

#ml-herring-calc .hm-follow-camera{white-space:nowrap}

#ml-herring-calc .hm-waste-key{display:inline-block;width:14px;height:10px;border:1px dashed #ad6868;background:rgba(173,93,93,.08);box-sizing:border-box}

/* Material source stays next to the brand and collection controls. */
#ml-herring-calc #hm-panel-catalog>.hm-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;margin-bottom:18px}
#ml-herring-calc #hm-panel-catalog>.hm-row>h3{margin:0}
#ml-herring-calc #hm-panel-catalog>.hm-row>.hm-switch{align-self:flex-start;justify-content:flex-start;flex-wrap:wrap}

/* Same text hierarchy and native number controls as the straight calculator. */
#ml-herring-calc{--hm-ink:#27353b;--hm-muted:#4d6067;font:400 14px/1.5 'Open Sans',Arial,sans-serif}
#ml-herring-calc h2{font-size:21px;line-height:1.5;font-weight:600}
#ml-herring-calc h3{font-size:16px;line-height:1.5;font-weight:600}
#ml-herring-calc label{font-size:12px;font-weight:500;gap:5px}
#ml-herring-calc button{font-weight:500}
#ml-herring-calc .hm-steps button{font-size:15px;font-weight:600}
#ml-herring-calc .hm-specs strong,#ml-herring-calc .hm-metric strong,#ml-herring-calc .hm-scrap-bed strong,#ml-herring-calc .hm-overall output{font-weight:600}
#ml-herring-calc .hm-scrap-bed h4,#ml-herring-calc .hm-leftovers h4{font-weight:600}
#ml-herring-calc input[type=number]{appearance:auto;-moz-appearance:auto;font-variant-numeric:tabular-nums}
#ml-herring-calc input[type=number]::-webkit-inner-spin-button,#ml-herring-calc input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;opacity:1}