/* A dedicated half-screen fitting desk, shared by touch and desktop layouts. */
html body main.fabricPreview .stage{margin-right:0!important;grid-column:1/-1!important;grid-template-columns:minmax(0,1fr)!important;}
html body main.fabricPreview>aside{position:absolute!important;inset:50% 0 0!important;width:100%!important;max-width:none!important;height:50%!important;max-height:50%!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:auto!important;z-index:45!important;border:1px solid #ffffff36!important;border-bottom:0!important;border-radius:28px 28px 0 0!important;background:linear-gradient(135deg,#222b36e8,#151c26e8)!important;backdrop-filter:blur(24px) saturate(125%)!important;-webkit-backdrop-filter:blur(24px) saturate(125%)!important;scrollbar-width:none;}
html body main.fabricPreview>aside::-webkit-scrollbar,html body main.fabricPreview .menuPanel::-webkit-scrollbar{display:none!important;width:0!important;}
html body main.fabricPreview>aside{scrollbar-width:none!important;scrollbar-gutter:auto!important;}
html body main.fabricPreview>aside section.menuPanel :is(label,.note,h3,output){color:#dce8f7!important;opacity:1!important;}
html body main.fabricPreview>aside section.menuPanel #applyAll{color:#f3f7ff!important;background:#ffffff12!important;border:1px solid #ffffff35!important;border-radius:16px!important;}
html body main.fabricPreview>aside section.menuPanel input[type=range]{color:#cfe2f6!important;}
html body main.fabricPreview .sectionRail>button.active{color:#fff!important;}
html body main.fabricPreview>aside .menuPanel[data-panel=fabricSection]{display:block!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:16px 20px 92px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;color:#edf4ff!important;}
html body main.fabricPreview .menuVeil,html body main.fabricPreview .closeWorkspace,html body main.fabricPreview .viewToolbar,html body main.fabricPreview .viewCube,html body main.fabricPreview #rotateTools,html body main.fabricPreview .hint,html body main.fabricPreview .blueprintDimensions{display:none!important;}
html body main.fabricPreview .viewport{grid-column:1/-1!important;}
html body main.fabricPreview .sectionRail{position:absolute!important;left:10px!important;right:10px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;top:auto!important;width:calc(100% - 20px)!important;height:60px!important;padding:4px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;gap:0!important;border-radius:30px!important;z-index:48!important;background:#28313de8!important;backdrop-filter:blur(20px)!important;overflow:hidden!important;}
html body main.fabricPreview .sectionRail>button{width:auto!important;flex:1!important;height:50px!important;min-height:50px!important;padding:5px!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;color:#eff5ff!important;}
html body main.fabricPreview .sectionRail .mobileSceneRail{display:none!important;}
html body main.fabricPreview .railTitle,html body main.fabricPreview .railEnd,html body main.fabricPreview .navNumber,html body main.fabricPreview .navTitle{display:none!important;}
html body main.fabricPreview .dockCaption{display:block!important;font-size:10px!important;}
html body main.fabricPreview #fabricSection{margin:0 0 10px!important;color:#eaf3ff!important;}
.fabricPicker{display:grid;gap:8px;margin:0 0 16px;}
.fabricPickerHeading{font-size:12px;color:#dbe7f4;}
.fabricZoom{display:none;}
.fabricPreviewClose{display:none!important;}
html body main.fabricPreview>aside section.menuPanel #fabricSection{padding-right:44px!important;}
html body main.fabricPreview>aside section.menuPanel .fabricPreviewClose{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;right:12px!important;top:8px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#edf4ff!important;cursor:pointer;z-index:2;}
.fabricPreviewClose svg{width:24px;height:24px;pointer-events:none;}
html body main.fabricPreview>aside section.menuPanel .fabricPreviewClose:focus-visible{outline:1px solid #d8ebff;outline-offset:-6px;}
html body main.fabricPreview .fabricZoom{display:flex;position:absolute;right:14px;top:14px;z-index:44;align-items:center;gap:6px;padding:6px;border:1px solid #ffffff50;border-radius:20px;background:#222b36bb;backdrop-filter:blur(18px);color:#fff;}
html body main.fabricPreview .fabricZoom button{width:40px;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:14px;background:#ffffff12;color:#fff;font-size:24px;cursor:pointer;}
.fabricZoom output{min-width:48px;text-align:center;font:12px sans-serif;}
@media(max-width:760px),(any-pointer:coarse),(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 html body main.fabricPreview .sectionRail{translate:0 calc(100% + 40px)!important;pointer-events:none!important;}
 html body main.fabricPreview>aside .menuPanel[data-panel=fabricSection]{padding-bottom:24px!important;}
}
.fabricCategoryMenu{margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
html body main>aside .fabricCategoryMenu>summary{display:flex!important;align-items:center;justify-content:space-between;min-height:44px!important;margin:0!important;padding:10px 14px!important;border:1px solid #d1e4f778!important;border-radius:14px!important;color:#fff!important;background:#ffffff14!important;font-size:16px!important;list-style:none!important;cursor:pointer;}
.fabricCategoryMenu>summary::-webkit-details-marker{display:none;}
.fabricCategoryMenu>summary::after{content:'⌄';font-size:20px;opacity:.8;}
.fabricCategoryMenu[open]>summary::after{content:'⌃';}
.fabricCategoryMenu>.fabricCategories{padding:8px 0 4px!important;}
.fabricCollectionHeading{margin-top:8px;padding-top:12px;border-top:1px solid #ffffff24;}
html body main>aside .fabricVariants button{border-radius:9px!important;}
.fabricCategories,.fabricVariants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
html body main>aside .fabricPicker button{height:auto!important;min-height:34px!important;margin:0!important;padding:7px 9px!important;font-size:12px!important;line-height:16px!important;color:#eef5ff!important;background:#ffffff0d!important;border:1px solid #ffffff26!important;border-radius:13px!important;box-shadow:none!important;}
html body main>aside .fabricPicker button[aria-pressed=true]{background:#e3e5e830!important;border-color:#e3e5e899!important;color:#fff!important;}
html body main>aside .fabricVariants button{background:#080e1824!important;}
html body main>aside label:has(#fabric){display:none!important;}
html body main.fabricPreview .colorColumns{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
html body main.fabricPreview .colorGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(26px,1fr))!important;gap:7px!important;}
html body main.fabricPreview .colorGrid .swatch{width:100%!important;height:auto!important;min-height:26px!important;max-height:42px!important;aspect-ratio:1!important;}
@media(orientation:landscape){
 html body main.fabricPreview>aside .menuPanel[data-panel=fabricSection]{padding-top:12px!important;}
 html body main.fabricPreview .fabricCategories{grid-template-columns:repeat(6,minmax(0,1fr));}
 html body main.fabricPreview .fabricVariants{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px),(orientation:landscape) and (any-pointer:coarse){
 html body main.fabricPreview>aside{inset:0 auto 0 0!important;width:50%!important;height:100%!important;max-height:100%!important;border-radius:0 24px 24px 0!important;}
 html body main.fabricPreview .sectionRail{width:calc(50% - 20px)!important;right:auto!important;}
 html body main.fabricPreview .fabricCategories,html body main.fabricPreview .fabricVariants{grid-template-columns:repeat(3,minmax(0,1fr));}
 html body main.moduleEditing:not(.fabricPreview):not(.menuOpen) .sectionRail{translate:0 calc(100% + 30px)!important;pointer-events:none!important;transition:translate .2s!important;}
 html body main.moduleEditing:not(.fabricPreview):not(.menuOpen) .viewToolbar{bottom:8px!important;}
 html body main.moduleEditing:not(.fabricPreview) #rotateTools{grid-auto-rows:42px!important;padding:5px 10px!important;}
 html body main.moduleEditing:not(.fabricPreview) #rotateTools>button{height:42px!important;min-height:42px!important;padding:3px!important;gap:2px!important;}
 html body main.moduleEditing:not(.fabricPreview) #rotateTools .contextIcon,html body main.moduleEditing:not(.fabricPreview) #rotateTools .contextIcon svg{width:20px!important;height:20px!important;}
}
@media(min-width:761px) and (min-height:601px) and (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)),(min-width:1101px) and (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){
 html body main.fabricPreview>aside{inset:0 auto 0 58px!important;width:calc(50% - 58px)!important;height:100%!important;max-height:100%!important;border-radius:0!important;}
 html body main.fabricPreview>aside .menuPanel[data-panel=fabricSection]{padding:24px 24px 32px!important;}
 html body main.fabricPreview .sectionRail{inset:0 auto 0 0!important;width:58px!important;height:100%!important;padding:32px 8px 16px!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important;border-radius:0!important;background:#b9bdc5!important;overflow:visible!important;}
 html body main.fabricPreview .sectionRail>button{flex:0 0 40px!important;width:42px!important;height:40px!important;min-height:40px!important;padding:10px!important;color:#222a36!important;}
 html body main.fabricPreview .sectionRail .mobileSceneRail{display:flex!important;}
 html body main.fabricPreview .sectionRail .dockCaption{display:none!important;}
 html body main.fabricPreview .fabricCategories{grid-template-columns:repeat(3,minmax(0,1fr));}
 html body main.fabricPreview .fabricVariants{grid-template-columns:repeat(3,minmax(0,1fr));}
}

html body main.fabricPreview .fabricZoom>button{border:0!important;outline:0;box-shadow:none!important;background:transparent!important;border-radius:0!important;}html body main.fabricPreview .fabricZoom>button:focus-visible{outline:1px solid #d8ebff;outline-offset:-5px;}