.room-webgl{background:#e1e2e8!important;min-height:620px;overflow:hidden}.room-render{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:2;outline:0}.room-webgl .rp-scene{visibility:hidden;pointer-events:none}.room-webgl .rp-hud,.room-webgl .rp-size,.room-webgl .rp-sel,.room-webgl .rp-hint,.room-webgl .rp-warn{z-index:5}.room-webgl .rp-sel{left:50%!important;top:auto!important;bottom:50px;transform:translateX(-50%)!important;background:#ffffffeb;backdrop-filter:blur(16px);border:1px solid #d8d9e3;border-radius:16px;box-shadow:0 12px 35px #24263318;max-width:90%}.room-studio-bar{width:90%;max-width:1240px;margin:25px auto 14px;background:white;padding:20px 24px;border:1px solid #dfe0e9;border-radius:20px;display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;align-items:center}.room-studio-bar>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.room-studio-bar span{font-size:11px;letter-spacing:.12em;color:#80838f;margin-right:8px}.room-studio-bar button,.room-studio-bar select{border:1px solid #dcdde7;border-radius:24px;background:#f4f4f9;color:#343643;padding:10px 14px;font:12px Premade,sans-serif;cursor:pointer;min-height:38px}.room-studio-bar button[aria-pressed=true]{background:#242633;color:white}.room-studio-bar button:disabled{opacity:.4;cursor:default}.room-studio-bar label{font:12px Premade,sans-serif;color:#757883}.room-studio-status{margin:0;width:100%;font-size:12px;color:#747785}.toolkit-page .rp-shelf{padding:20px}.toolkit-page .rp-item{border:1px solid #e3e3eb;border-radius:12px;background:#f9f9fc;padding:12px;margin-bottom:6px}.toolkit-page .rp-item:hover{border-color:#858897;background:#eeeeF6}.toolkit-page .rp-item span{font-size:13px}.toolkit-page .in-head{display:none}.room-webgl .rp-hint{background:#fff9;border-radius:8px;padding:7px 10px;pointer-events:none;color:#626674!important}.room-webgl .rp-size{background:#ffffffcf;backdrop-filter:blur(15px);border-radius:12px;padding:12px}.room-webgl .rp-hud{gap:6px}.room-webgl .rp-hud .btn:not(.btn-primary){background:#ffffffce;backdrop-filter:blur(12px)}
@media(max-width:760px){.toolkit-page .rp{display:flex;flex-direction:column}.room-webgl{min-height:530px;width:100%;order:-1}.toolkit-page .rp-shelf{width:100%;max-height:280px;display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:auto}.toolkit-page .rp-shelf h3,.toolkit-page .rp-custom{grid-column:1/-1}.room-studio-bar{padding:16px}.room-studio-bar button{font-size:11px;padding:9px 11px}.room-webgl .rp-hud{max-width:100%;flex-wrap:wrap}.room-webgl .rp-size{bottom:40px;top:auto;right:10px}.room-webgl .rp-sel{bottom:120px}.room-webgl .rp-hint{font-size:10px;max-width:90%;bottom:10px}.room-studio-bar label{font-size:11px}}
@media print{.room-studio-bar{display:none!important}}

.room-webgl .rp-size{top:auto!important;bottom:52px;right:14px;max-width:calc(100% - 28px)}.room-webgl .rp-sel{bottom:120px}.room-webgl .rp-hud{max-width:calc(100% - 24px);flex-wrap:wrap}.room-webgl .rp-size input[type=range]{max-width:95px}

.room-webgl .rp-hud .btn-primary{background:#262a38;color:#fff;border-color:#262a38}

@media(max-width:760px){.toolkit-page .rp-item{flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.toolkit-page .rp-item span{word-break:keep-all}.toolkit-page .rp-item small{font-size:10px}.toolkit-page .rp{width:100%}.toolkit-page .rp-shelf{padding:16px}}

.room-render{cursor:grab}.room-render.grabbing{cursor:grabbing}.room-webgl{background:#f0f0ed!important;border:1px solid #dcdedc!important;border-radius:16px!important}.room-studio-bar{padding:16px 20px;border-radius:16px;box-shadow:none}.room-studio-bar button,.room-studio-bar select{border-radius:8px;background:#fafafa;padding:9px 12px}.room-studio-status{font-size:11px;line-height:1.6}.toolkit-page .rp-shelf{padding:14px;background:#fff}.toolkit-page .rp-shelf h3{font-size:11px;color:#747974;margin:19px 4px 9px}.toolkit-page .rp-item{padding:13px 12px;background:#fff;border-color:#eceeea;border-radius:8px}.toolkit-page .rp-item:hover{background:#f1f3ef;border-color:#bdc5b8}.toolkit-page .rp-item span{font-size:12px}.room-webgl .rp-hud{left:14px;top:14px;padding:5px;background:#ffffffed;border:1px solid #e2e5df;border-radius:10px;gap:3px}.room-webgl .rp-hud .btn{font-size:11px;padding:8px 10px;min-height:34px;border-radius:7px;backdrop-filter:none!important;box-shadow:none}.room-webgl .rp-hud .btn:not(.btn-primary){border-color:transparent;background:transparent}.room-webgl .rp-size{backdrop-filter:none;background:#ffffffef;border:1px solid #e0e4dc;padding:10px 13px;border-radius:9px}.room-webgl .rp-hint{padding:8px 10px;font-size:10px;background:#ffffffdd;max-width:70%;line-height:1.5}@media(max-width:760px){.room-webgl .rp-hint{max-width:calc(100% - 20px)}.room-studio-bar{width:94%;padding:14px}.room-studio-bar>div{gap:5px}.room-webgl .rp-hud{left:9px;top:9px;padding:3px}}
