.rr-build-demo{padding:23px 28px 24px;min-height:530px;justify-content:flex-start;background:radial-gradient(ellipse at 50% 48%,#4d604029,transparent 67%),#141b16}
.bd-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;font:9px/1.6 monospace;letter-spacing:.06em;color:#9ca68e;z-index:1}
.bd-heading>span:first-child{color:#c2c7b3}.bd-live{display:flex;align-items:center;gap:7px;font:10px/1.5 Manrope,sans-serif;letter-spacing:0;color:#b7bfa9}.bd-live>i{height:5px;width:5px;background:#a5bc88;box-shadow:0 0 10px #b2d08822;border-radius:50%;flex-shrink:0}
.bd-scene{position:relative;width:100%;max-width:660px;margin:0 auto 4px;isolation:isolate}.bd-drawing{display:block;width:100%;height:auto;max-height:385px;overflow:visible;filter:drop-shadow(0 22px 15px #0003)}
.bd-layer{display:none}.bd-layer.is-current,.bd-layer.is-incoming,.bd-layer.is-outgoing{display:block}.bd-part{transform-box:fill-box;transform-origin:center bottom}.bd-upgrade-light,.bd-particle{opacity:0;pointer-events:none}
.bd-material-caption{position:absolute;left:5px;bottom:24px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.bd-material-caption>span:first-child{font:9px monospace;color:#f58351}.bd-material-caption>strong{font:500 27px/1.1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#e5e6d5}.bd-material-caption>span:last-child{font:7px monospace;letter-spacing:.13em;color:#73816a}
.bd-progress{position:absolute;bottom:4px;left:0;right:0;height:1px;background:#a3b58719;overflow:hidden}.bd-progress>span{display:block;height:100%;width:100%;background:#ef8e56;transform:scaleX(0);transform-origin:left center}.rr-build-demo[data-build-state="upgrading"] .bd-live>i{background:#f2985c;box-shadow:0 0 10px #f2985c66}
.rr-grade-controls.bd-controls{margin-top:12px;gap:8px;width:100%;justify-content:center}.bd-controls button{padding:12px 23px;gap:11px;border-color:#78836938;background:#080d0940;font-size:11px;color:#9faa92;min-height:44px;transition:background .2s,border-color .2s,color .2s,transform .2s}.bd-controls button:hover{background:#7b8f6417;border-color:#a5b08c88;color:#edf0dd;transform:translateY(-2px)}.bd-controls button:focus-visible{outline:2px solid #f18a55;outline-offset:4px}.bd-controls button.active{border-color:#c2c6a194;background:#b3bd8810;color:#e5e8d1}.rr-grade-controls.bd-controls button>.bd-swatch{width:15px;height:15px;opacity:1;border-radius:1px;box-shadow:inset 0 0 0 1px #d9ddbc25,0 2px 4px #0004;flex-shrink:0}.bd-controls .bd-swatch-stone,.bd-controls button.active>.bd-swatch-stone{background:repeating-linear-gradient(0deg,transparent 0 5px,#454d3e 5px 6px),repeating-linear-gradient(90deg,#939985 0 6px,#636e59 6px 8px)}.bd-controls .bd-swatch-metal,.bd-controls button.active>.bd-swatch-metal{background:repeating-linear-gradient(90deg,#76614b 0 2px,#bf9d75 2px 4px,#443f33 4px 5px)}.bd-controls .bd-swatch-armored,.bd-controls button.active>.bd-swatch-armored{background:linear-gradient(135deg,#a3b2a1 0 8%,#4d6354 9% 85%,#233d2c 86%);box-shadow:inset 0 0 0 2px #82957a}
.bd-hint{font-size:10px;line-height:1.7;text-align:center;color:#b5bea4;margin-top:18px}.rr-build-demo .rr-demo-foot{font-size:9px;margin-top:5px;color:#6f7e65}
@media(min-width:1500px){.bd-drawing{max-height:410px}.rr-build-demo{min-height:550px}}
@media(max-width:1050px){.rr-build-demo{min-height:495px}.bd-drawing{max-height:355px}.bd-controls button{padding:11px 18px}.bd-material-caption{left:0;bottom:21px}}
@media(max-width:700px){.rr-workshop-panel .rr-build-demo{padding:21px 20px 23px;min-height:490px}.bd-drawing{max-height:360px}.bd-heading{font-size:8px}.bd-live{font-size:9px}.bd-material-caption{left:0;bottom:24px}.bd-material-caption>strong{font-size:24px}}
@media(max-width:540px){.rr-workshop-panel .rr-build-demo{padding:18px 14px 20px;min-height:0}.bd-heading{font-size:7px;gap:8px}.bd-live{font-size:8px;gap:5px}.bd-live>i{width:4px;height:4px}.bd-scene{margin-top:12px}.bd-drawing{max-height:none}.bd-material-caption{bottom:23px}.bd-material-caption>span:first-child{font-size:7px}.bd-material-caption>strong{font-size:22px}.bd-material-caption>span:last-child{font-size:6px;max-width:70px;line-height:1.7}.rr-grade-controls.bd-controls{gap:6px;margin-top:14px}.bd-controls button{flex:1;justify-content:center;padding:11px 9px;font-size:10px;gap:8px}.rr-grade-controls.bd-controls button>.bd-swatch{width:13px;height:13px}.bd-hint{font-size:9px;max-width:240px;margin:16px auto 0}.rr-build-demo .rr-demo-foot{font-size:8px;margin-top:5px}}
html[data-motion="off"] .bd-drawing{filter:none}