.cabinet-resize{display:none}.cabinet-layout-reset{justify-self:end;font-size:11px;grid-column:1 / -1}.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;height:200px;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(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}}.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){.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}}}