.cabinet-resize{display:none}.construction-workspace{position:relative}@media(min-width:1100px){.construction-workspace.catalog-dock-open{--catalog-dock-width: var(--catalog-user-width, 210px) !important}.construction-workspace.construction-workspace--expanded{--construction-dock-width: var(--construction-user-width, 230px) !important}.construction-workspace>:is(.catalog-dock,.viewer-area,.construction-slot){height:var(--workspace-row-height, 560px)!important;min-height:0!important}.construction-workspace .dna-detail-groups{max-height:calc(var(--workspace-row-height, 560px) - 90px)!important}.cabinet-resize{display:block;position:absolute;z-index:12;touch-action:none;border-radius:4px}.cabinet-resize:focus-visible,.cabinet-resize:hover{background:#ad842e80;outline:2px solid #ad842e}.cabinet-resize--0{left:var(--catalog-dock-width, 44px)}.cabinet-resize--1{right:var(--construction-dock-width, 44px)}.cabinet-resize--0,.cabinet-resize--1{width:7px;top:0;height:var(--workspace-row-height, 560px);cursor:ew-resize}.cabinet-resize--2{left:0;right:0;top:var(--workspace-row-height, 560px);height:8px;background:#c8aa6440;cursor:ns-resize}.construction-workspace:not(.catalog-dock-open) .cabinet-resize--0,.construction-workspace:not(.construction-workspace--expanded) .cabinet-resize--1{display:none}.construction-workspace:not(.catalog-dock-open)>.catalog-dock{background:transparent;border:0}.construction-workspace:not(.catalog-dock-open) #browse-catalog,.shell .construction-workspace:not(.construction-workspace--expanded) .dna-toggle{background:#b28a31;border:0;border-radius:18px;width:36px;height:180px;min-height:180px;font-weight:700;color:#102f44}}.construction-container{container-type:inline-size}.construction-workspace>.catalog-dock{grid-area:catalog;min-width:0;background:#faf4e5;margin:0;border:1px solid #c8aa64;border-radius:8px;overflow:hidden}.catalog-dock #browse-catalog{width:100%;background:#e8d599;border:0;border-radius:0;min-height:42px}.catalog-dock-content{padding:8px}.catalog-top-categories{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.catalog-top-categories button{flex:1 1 42%;font-size:11px;padding:7px 3px}.catalog-top-categories button[aria-pressed=true]{background:#e8d599}.construction-workspace>.catalog-dock{align-items:stretch}.catalog-dock-content{width:100%;min-width:0;box-sizing:border-box}.catalog-dock-content :is(input,select){width:100%;min-width:0;box-sizing:border-box}.catalog-dock #catalog-code{font-size:13px}.shell #dna-details[hidden]{display:none!important}.catalog-dock-content[hidden]{display:none}.catalog-dock #catalog-browse{position:static;width:auto;padding:0;background:transparent;box-shadow:none;border:0}.catalog-dock .catalog-picture-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,115px),1fr));gap:6px}.catalog-dock .catalog-picture-grid article{padding:3px}.catalog-dock .catalog-face-preview{height:105px}.catalog-dock .catalog-picture-grid button{padding:5px;font-size:12px;line-height:1.35}.catalog-dock .catalog-live-preview{background:#fff9e9}.catalog-dock .catalog-live-preview [data-catalog-preview]{height:160px}.shell .construction-workspace .dna-toggle{background:#e8d599;min-height:42px}@media(min-width:1100px){.construction-workspace{grid-template-areas:"catalog preview panel";grid-template-columns:var(--catalog-dock-width, 44px) minmax(0,1fr) var(--construction-dock-width, 44px);gap:6px}.construction-workspace.catalog-dock-open{--catalog-dock-width: clamp(155px, 24%, 245px)}.construction-workspace--expanded{--construction-dock-width: clamp(165px, 25%, 270px)}.construction-workspace>.catalog-dock{height:560px;display:flex;flex-direction:column}.construction-workspace .catalog-dock-content{min-height:0;overflow:auto;overscroll-behavior:contain}.construction-workspace:not(.catalog-dock-open) #browse-catalog{writing-mode:vertical-rl;height:180px}.construction-workspace:not(.construction-workspace--expanded) .dna-toggle{writing-mode:vertical-rl;width:36px}.construction-workspace:not(.construction-workspace--expanded) .dna-card__bar>:not(.dna-toggle){display:none}}.shell .dynamic-options .construction-workspace .dna-group .field{font-size:13px;gap:5px;margin:0}.shell .dynamic-options .construction-workspace .dna-group :is(select,input){font-size:14px;min-height:38px;padding:8px}.shell .dynamic-options .construction-workspace .specification{margin:0;padding:8px 0;font-size:12px}.construction-component-preview{font-size:12px}.construction-component-preview>summary{cursor:pointer;padding:8px 0}@media(pointer:coarse){.shell .dynamic-options .construction-workspace .dna-group :is(select,input){font-size:16px;min-height:44px}}.construction-workspace{display:grid;grid-template-areas:"catalog" "preview" "panel";min-width:0;gap:10px;margin-bottom:14px}.construction-workspace>.viewer-area{grid-area:preview}.construction-workspace>.construction-slot{grid-area:panel;min-width:0}.shell .construction-workspace>.viewer-area{margin:0}.shell .construction-workspace .construction-slot #dna-panel{margin:0}.shell .construction-workspace .dna-card__bar{display:flex;flex-direction:column}.shell .construction-workspace .dna-toggle{width:100%;order:-1}.shell .construction-workspace .dna-group{background:#fffdf6;border-radius:6px;min-width:0}.shell .construction-workspace .dna-group>summary{cursor:pointer;padding:10px;list-style:none}.shell .construction-workspace .dna-group>summary::-webkit-details-marker{display:none}.shell .construction-workspace .dna-group>summary:after{content:"Expand +";display:block;font-size:11px;color:#52636b;margin-top:5px}.shell .construction-workspace .dna-group[open]>summary:after{content:"Collapse \2212"}.shell .construction-workspace .dna-group__header{padding:0;display:flex;gap:8px;height:auto;min-height:0;position:static}.shell .construction-workspace .dna-group__header h3{font-size:14px;margin:0}.shell .construction-workspace .dna-group__header p{display:none}.shell .construction-workspace .dna-group__icon{width:22px;height:22px;flex:none}.shell .construction-workspace .dna-group__status{margin-left:auto}.shell .construction-workspace .construction-group-selection{display:block;color:#52636b;font-size:12px;overflow-wrap:anywhere;margin:5px 0 0}.shell .construction-workspace .dna-group__content{padding:10px;grid-template-columns:minmax(0,1fr);min-width:0}.shell .construction-workspace .dna-group__content>*{min-width:0;max-width:100%;grid-column:auto}.shell .construction-workspace .dna-group__content :is(input,select){min-width:0;max-width:100%}.shell .construction-workspace .specification{display:flex;flex-direction:column;gap:3px}.shell .construction-workspace .specification strong{overflow-wrap:anywhere}.shell .construction-workspace .dna-detail-groups{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:8px}.shell .construction-workspace .dna-actions{display:flex;flex-wrap:wrap;padding:10px 0;gap:6px;background:#faf4e5}.shell .construction-workspace .dna-actions button{flex:1 1 auto;font-size:12px;min-width:0;padding:9px}.shell .construction-workspace .dna-actions #dna-done{flex-basis:100%}.shell .construction-workspace .construction-information{padding:10px;font-size:12px;background:#fffdf6;border:1px solid #d8d9d1;border-radius:6px}.shell .construction-workspace .construction-information summary{cursor:pointer}.shell .construction-workspace .construction-information .dna-summary{display:block}.shell .construction-workspace .construction-information .dna-summary>div{display:block;margin-top:8px}.shell .construction-workspace .construction-information .dna-summary dd{margin:0}.shell .construction-workspace .construction-side-note{font-size:12px}.construction-summary-badge{position:absolute;bottom:58px;left:12px;right:12px;margin:auto;width:fit-content;max-width:calc(100% - 24px);z-index:2;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:5px;color:#17394b;background:#fffdf5d9;backdrop-filter:blur(6px);font-size:11px;letter-spacing:.035em;pointer-events:none}.construction-summary-badge>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}.construction-summary-badge small{border-left:1px solid #bdc8cc;padding-left:7px;color:#52636b;font-size:11px}@media(min-width:1100px){.shell--configure:not(.shell--designer):has(.construction-workspace--expanded)>main{max-width:1180px}.construction-workspace{grid-template-areas:"catalog preview panel";grid-template-columns:var(--catalog-dock-width, 44px) minmax(0,1fr) var(--construction-dock-width, 44px)}.construction-workspace--expanded{grid-template-areas:"catalog preview panel";grid-template-columns:var(--catalog-dock-width, 44px) minmax(0,1fr) var(--construction-dock-width, 44px);align-items:stretch}.construction-workspace--expanded>.construction-slot{height:560px}.shell .construction-workspace--expanded>.viewer-area{height:560px;min-height:560px}.shell .construction-workspace--expanded .construction-slot #dna-panel{height:100%;display:flex;flex-direction:column}.shell .construction-workspace--expanded #dna-details:not([hidden]){flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 0 0}.shell .construction-workspace--expanded .dna-detail-groups{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start}.shell .construction-workspace--expanded .dna-actions{flex:none;margin:0}}@container (max-width: 760px){.construction-workspace .cabinet-resize{display:none}.construction-workspace>:is(.catalog-dock,.construction-slot){height:auto!important}.construction-workspace:not(.catalog-dock-open) #browse-catalog,.shell .construction-workspace:not(.construction-workspace--expanded) .dna-toggle{min-height:42px;height:auto}.construction-workspace,.construction-workspace--expanded{grid-template-areas:"catalog" "preview" "panel";grid-template-columns:minmax(0,1fr)}.construction-workspace>.catalog-dock,.construction-workspace--expanded>.construction-slot{height:auto}.construction-workspace .catalog-dock-content{max-height:min(60vh,520px);max-height:min(60dvh,520px);overflow-y:auto;touch-action:pan-y}.construction-workspace:not(.catalog-dock-open) #browse-catalog,.shell .construction-workspace:not(.construction-workspace--expanded) .dna-toggle{writing-mode:horizontal-tb;height:auto;width:100%}.shell .construction-workspace--expanded .dna-detail-groups{max-height:460px;overflow-y:auto;overscroll-behavior:contain}}@media(max-width:760px){.shell .construction-workspace--expanded .dna-detail-groups{max-height:none;overflow-y:visible}}.construction-workspace .catalog-top-categories{flex-wrap:nowrap;overflow-x:auto;gap:3px}.construction-workspace .catalog-top-categories button{flex:1 0 auto;min-height:40px;font-size:12px;padding:6px 8px}.advanced-toggle{position:relative}.advanced-toggle .dna-group__status{position:absolute;right:10px;top:10px}.advanced-toggle>span:not(.advanced-icon):not(.dna-group__status){padding-right:24px}@media(min-width:1100px){@container (min-width: 761px){.shell .construction-workspace:not(.construction-workspace--expanded) .construction-slot #dna-panel,.shell .construction-workspace:not(.construction-workspace--expanded) .construction-slot .dna-card__bar{height:100%;box-sizing:border-box;min-height:0}.construction-workspace:not(.construction-workspace--expanded)>.construction-slot{overflow:hidden}.construction-workspace:not(.catalog-dock-open) #browse-catalog,.shell .construction-workspace:not(.construction-workspace--expanded) .dna-toggle{width:44px;min-width:44px;height:100%;min-height:180px;border-radius:10px;font-size:13px;letter-spacing:.04em;background:#f1e5bc;border:1px solid #c3a04a;color:#102b40}}}.cabinet-preview-toolbar .cabinet-view-bar:has(>.cabinet-share-toggle){padding-left:40px}.cabinet-preview-toolbar .cabinet-share-toggle{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:30px;min-height:30px;padding:5px;margin:0;border:1px solid #c8aa64;border-radius:7px;background:#faf4e5;color:#102f44}.cabinet-share-toggle svg{width:18px;height:18px;flex:none}.cabinet-share-toggle:hover,.cabinet-share-toggle[aria-expanded=true]{background:#e8d599}.cabinet-share-toggle:focus-visible{outline:2px solid #102f44;outline-offset:2px}.cabinet-share-menu{z-index:2200;position:fixed;inset:auto;margin:0;width:216px;max-width:calc(100vw - 24px);padding:6px;border:1px solid #c8aa64;border-radius:10px;background:#fffdf7;box-shadow:0 8px 24px #102f4426;color:#102f44}.cabinet-share-menu:popover-open{display:grid;gap:4px}.cabinet-share-menu button{width:100%;min-height:44px;text-align:left;white-space:normal;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:inherit}.cabinet-share-menu button:hover,.cabinet-share-menu button:focus-visible{background:#faf4e5}.shell--designer.is-immersive .designer-left,.shell--designer .designer-left .dynamic-options.construction-container,.shell--designer .construction-workspace>.viewer-area{background:transparent}.shell--designer .designer-left .dynamic-options.construction-container{background:#fbf4e2;border-radius:0 0 10px 10px}.shell--designer .construction-workspace>.viewer-area .viewer-stage{background:#fffdf6;border-radius:8px}.shell--designer .viewer-area .viewer-stage>.cabinet-preview-toolbar{position:absolute;inset:0 0 auto;z-index:3;pointer-events:none}.shell--designer .viewer-area .viewer-stage>.cabinet-preview-toolbar :is(button,summary,select,input,a),.shell--designer .viewer-area .viewer-stage>.cabinet-preview-toolbar details[open]>:not(summary),.shell--designer .viewer-area .viewer-stage>.cabinet-preview-toolbar [popover]{pointer-events:auto}.shell--designer .viewer-area .viewer-stage>.dna-ribbon{position:absolute;left:50%;bottom:6px;z-index:3;transform:translate(-50%)}.shell--designer .designer-left .options-title{background:#fbf4e2;border-radius:10px 10px 0 0}.shell--designer .construction-workspace--expanded>.construction-slot{background:#fbf4e2;border-radius:8px}.shell--designer .viewer-area .dna-ribbon{width:fit-content;max-width:100%;margin-inline:auto;padding:1px 8px;border-radius:6px;background:#fffdf6e0}.shell--designer.is-immersive:has(>.workspace-rail>.add-products) .construction-workspace>:is(.catalog-dock,.cabinet-resize--0){display:none!important}@media(min-width:1100px){.shell--designer.is-immersive:has(>.workspace-rail>.add-products) .construction-workspace{grid-template-areas:"preview panel";grid-template-columns:minmax(0,1fr) var(--construction-dock-width, 44px)}}@container (max-width: 760px){.shell--designer.is-immersive:has(>.workspace-rail>.add-products) .construction-workspace{grid-template-areas:"preview" "panel";grid-template-columns:minmax(0,1fr)}}.shell--designer .viewer-area .viewer-stage>#notice{display:none}.shell--designer .viewer-area .viewer-stage>#notice.notice{display:block;position:absolute;left:50%;bottom:30px;z-index:3;box-sizing:border-box;width:max-content;max-width:calc(100% - 24px);margin:0;padding:3px 10px;transform:translate(-50%);border-left-width:3px;border-radius:6px;background:#fffaf0eb;font-size:12px;line-height:1.35;text-align:center;pointer-events:none}.shell--designer .construction-workspace>.viewer-area{height:var(--workspace-row-height, 560px)!important;min-height:0!important}.shell--designer .construction-workspace>.viewer-area .viewer-stage{flex:1 1 0;min-height:200px}.shell--designer .construction-workspace>.viewer-area>.cabinet-resize--2{display:block;position:relative;inset:auto;flex:none;width:100%;height:12px;margin:2px 0;border-radius:6px;background:transparent;cursor:ns-resize;touch-action:none}.shell--designer .construction-workspace>.viewer-area>.cabinet-resize--2:before{content:"";position:absolute;left:50%;top:50%;width:48px;height:4px;border-radius:2px;background:#ad842e99;transform:translate(-50%,-50%)}.shell--designer .construction-workspace>.viewer-area>.cabinet-resize--2:is(:hover,:focus-visible){background:#ad842e33;outline:2px solid #ad842e}.shell--designer .construction-workspace>.cabinet-resize--1{background:#c8aa6440}.shell .dynamic-options .viewer-area:has(.appliance-case){height:auto!important;min-height:var(--workspace-row-height, 720px)!important}.shell .dynamic-options .viewer-area:has(.appliance-case) .viewer-stage{flex:1 0 var(--appliance-preview-height, 440px);min-height:var(--appliance-preview-height, 440px)}.viewer-hub>.opening-lock{grid-column:1 / -1}.cabinet-construction-settings{padding:12px;border:1px solid #b7cfda;border-radius:10px;background:#f7fbfd;flex:none}.cabinet-construction-settings h3{font-size:14px;margin:0 0 10px}.cabinet-construction-settings p{font-size:13px;line-height:1.5;margin:8px 0 0}.construction-slot:has(>.cabinet-construction-settings){display:flex;flex-direction:column;gap:12px}.shell .construction-slot:has(>.cabinet-construction-settings) #dna-panel{height:auto;flex:1;min-height:0}.construction-workspace:not(.construction-workspace--expanded)>.construction-slot>.cabinet-construction-settings{display:none}.cabinet-construction-settings .field{min-width:0;margin:0}.cabinet-construction-settings select{width:100%;min-width:0;min-height:44px}.appliance-case .appliance-case__overlaps{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.appliance-case__overlap{min-width:0;border:1px solid #b7cfda;border-radius:10px;padding:12px;background:#f7fbfd}.appliance-case__overlap-guidance{margin-top:10px;font-size:14px;line-height:1.5}.appliance-case__overlap-guidance p{margin:4px 0 0}.appliance-case__overlap-warning{color:#775713;background:#fff7e6;border-left:3px solid #b28b30;padding:8px}.appliance-case__overlap-error{color:#a12921}.appliance-case>.appliance-case__proof,.farm-sink>.appliance-case__proof{font-size:14px;line-height:1.55;color:#244759;padding:16px;border:1px solid #b7cfda;border-radius:10px;background:#f7fbfd;overflow-wrap:anywhere}.appliance-case__proof h3{font-size:16px;margin:0 0 8px}.appliance-case__sources{display:grid;gap:16px;margin:16px 0}.appliance-case__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px 16px;margin:16px 0}.appliance-case__specs dt{font-size:13px}.appliance-case__specs dd{margin:2px 0 0;font-weight:600}.appliance-case__source h4,.appliance-case__why h4{font-size:14px;margin:0 0 6px}.appliance-case__choices{display:flex;flex-wrap:wrap;gap:8px}.appliance-case__choices [aria-pressed=true]{font-weight:700;border-color:#1d9e75}.appliance-case__why{margin:0 0 16px;padding:10px 12px;border-left:3px solid #1d9e75;background:#eef8f4;border-radius:0 8px 8px 0}.appliance-case__why ul{margin:0;padding-left:20px}.appliance-case__source ul{margin:0 0 8px;padding-left:20px}.appliance-case__proof li+li{margin-top:6px}.appliance-case__documents{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.appliance-case__documents a{display:inline-flex;align-items:center;min-height:44px}.appliance-case>.appliance-case__reminder,.farm-sink>.appliance-case__reminder{font-size:13px;line-height:1.5}.refrigerator-opening__title{margin:0;font-size:14px}.refrigerator-opening__note,.refrigerator-opening__notes{margin:0;font-size:13px;line-height:1.45;color:#244759}.refrigerator-opening__notes{padding-left:18px}.refrigerator-opening__size{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px}.refrigerator-opening__parts{font-size:13px;line-height:1.45;border:1px solid #b7cfda;border-radius:10px;padding:8px 12px;background:#f7fbfd}.refrigerator-opening__parts summary{cursor:pointer;font-weight:600}.refrigerator-opening__parts ul{margin:6px 0;padding-left:18px}.refrigerator-opening .dishwasher-panel-toggle{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}.shell .viewer-hub .refrigerator-opening .dishwasher-panel-toggle input,.viewer-hub .refrigerator-opening .dishwasher-panel-toggle input{width:auto;min-height:0;margin:0;flex:none}.refrigerator-drawing__clear{vector-effect:non-scaling-stroke;fill:#1d9e75;fill-opacity:.07;stroke:#1d9e75;stroke-width:2;stroke-dasharray:9 6}.refrigerator-drawing__appliance{vector-effect:non-scaling-stroke;fill:#c3c7ca;fill-opacity:.55;stroke:#5d676d;stroke-width:1.5}.refrigerator-drawing__end-outline{vector-effect:non-scaling-stroke;fill:none;stroke:#7a5c33;stroke-width:1.5;stroke-dasharray:6 4}.refrigerator-drawing__overhead{opacity:.35}.refrigerator-drawing__wall,.refrigerator-drawing__floor{vector-effect:non-scaling-stroke;fill:none;stroke:#33485a;stroke-width:4}.refrigerator-drawing__floor{stroke-width:2}.refrigerator-drawing__label{fill:#0f5c47;stroke:#fff;stroke-width:6px;paint-order:stroke;font:600 18px system-ui,sans-serif;pointer-events:none}.refrigerator-drawing__label--appliance{fill:#33485a}@media(max-width:600px){.shell .dynamic-options .viewer-area:has(.appliance-case) .viewer-stage{flex:none;min-height:280px}.shell .dynamic-options .viewer-area:has(.appliance-case) #viewer{height:clamp(240px,40vh,360px);height:clamp(240px,40svh,360px)}}
