.rlh3d-section {
  --r3-accent:#f2a900; --r3-bg:#0c1215; --r3-panel:#131b1f; --r3-line:rgba(255,255,255,.12);
  --r3-text:#f4f6f6; --r3-muted:#9aa5aa; position:relative; z-index:1; width:100%; padding:clamp(70px,8vw,120px) 0;
  color:var(--r3-text); background:var(--r3-bg); overflow:hidden; font-family:Arial,sans-serif;
}
.rlh3d-section * { box-sizing:border-box; }
.rlh3d-section button { font:inherit; cursor:pointer; }
.rlh3d-container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.rlh3d-heading { display:grid; grid-template-columns:1fr minmax(280px,410px); align-items:end; gap:55px; margin:0 0 38px; }
.rlh3d-kicker { display:flex; align-items:center; gap:10px; margin:0 0 13px; color:var(--r3-accent); font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.rlh3d-kicker:before { content:""; width:30px; height:2px; background:currentColor; }
.rlh3d-heading h2 { margin:0!important; color:white!important; font-size:clamp(43px,5.4vw,72px)!important; font-weight:700!important; line-height:.96!important; letter-spacing:-.035em!important; text-transform:uppercase; }
.rlh3d-intro strong { display:block; margin-bottom:9px; color:white; font-size:15px; line-height:1.35; }
.rlh3d-intro p { margin:0; color:var(--r3-muted); font-size:12px; line-height:1.65; }
.rlh3d-shell { display:grid; grid-template-columns:265px minmax(0,1fr); min-height:650px; border:1px solid var(--r3-line); background:var(--r3-panel); }
.rlh3d-sidebar { padding:27px 23px; display:flex; flex-direction:column; border-right:1px solid var(--r3-line); }
.rlh3d-side-label { margin:0 0 17px; color:#728087; font-size:9px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.rlh3d-filters { display:grid; gap:7px; }
.rlh3d-filter { width:100%; min-height:47px; padding:0 12px; display:flex; align-items:center; gap:10px; border:1px solid var(--r3-line); color:#c7ced0; background:transparent; text-align:left; font-size:9px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; transition:.2s; }
.rlh3d-filter i { width:8px; height:8px; flex:none; border-radius:50%; background:#64747c; box-shadow:0 0 0 4px rgba(255,255,255,.035); }
.rlh3d-filter:hover,.rlh3d-filter.active { color:white; border-color:rgba(242,169,0,.78); background:rgba(242,169,0,.08); }
.rlh3d-filter.active i { background:var(--r3-accent); box-shadow:0 0 0 4px rgba(242,169,0,.14); }
.rlh3d-specs { margin:auto 0 0; padding:27px 0 0; }
.rlh3d-specs div { padding:9px 0; display:flex; justify-content:space-between; gap:12px; border-top:1px solid var(--r3-line); font-size:8px; text-transform:uppercase; }
.rlh3d-specs dt { color:#718087; font-weight:400; }
.rlh3d-specs dd { margin:0; color:#dbe0e1; font-weight:600; text-align:right; }
.rlh3d-main { min-width:0; max-width:100%; display:grid; grid-template-rows:auto 1fr auto; overflow:hidden; }
.rlh3d-toolbar { min-height:58px; padding:9px 14px; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--r3-line); }
.rlh3d-toolbar small { color:#7d898e; font-size:8px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rlh3d-actions { margin-left:auto; display:flex; gap:7px; }
.rlh3d-actions button { width:38px; height:38px; padding:0; display:grid; place-items:center; border:1px solid var(--r3-line); color:white; background:transparent; transition:.2s; }
.rlh3d-actions button:hover { color:var(--r3-accent); border-color:var(--r3-accent); }
.rlh3d-viewport { position:relative; min-height:520px; overflow:hidden; touch-action:none; user-select:none; cursor:grab; perspective:1100px; background:radial-gradient(circle at 50% 43%,#273239 0%,#131b1f 48%,#0d1417 100%); }
.rlh3d-viewport:active { cursor:grabbing; }
.rlh3d-grid { position:absolute; left:50%; top:57%; width:940px; height:940px; transform:translate(-50%,-50%) rotateX(68deg); background-image:linear-gradient(rgba(255,255,255,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.052) 1px,transparent 1px); background-size:42px 42px; -webkit-mask-image:radial-gradient(circle,#000 0 39%,transparent 70%); mask-image:radial-gradient(circle,#000 0 39%,transparent 70%); pointer-events:none; }
.rlh3d-zoom { position:absolute; left:50%; top:52%; width:0; height:0; transform-style:preserve-3d; will-change:transform; }
.rlh3d-scene { position:absolute; width:0; height:0; transform-style:preserve-3d; will-change:transform; }
.rlh3d-part { position:absolute; left:0; top:0; transform-style:preserve-3d; transition:opacity .2s,filter .2s; }
.rlh3d-part.dimmed { opacity:.085; filter:saturate(.12) brightness(.5); }
.rlh3d-part.focused { filter:brightness(1.35) saturate(1.25) drop-shadow(0 0 5px rgba(242,169,0,.34)); }
.rlh3d-cuboid { position:absolute; left:0; top:0; transform-style:preserve-3d; }
.rlh3d-face { position:absolute; left:50%; top:50%; border:1px solid rgba(255,255,255,.12); background:linear-gradient(135deg,#7c8c95,#4b5961); backface-visibility:hidden; }
.rlh3d-face.front,.rlh3d-face.back { width:var(--w); height:var(--h); margin-left:calc(var(--w)/-2); margin-top:calc(var(--h)/-2); }
.rlh3d-face.front { transform:translateZ(calc(var(--d)/2)); }
.rlh3d-face.back { transform:rotateY(180deg) translateZ(calc(var(--d)/2)); }
.rlh3d-face.right,.rlh3d-face.left { width:var(--d); height:var(--h); margin-left:calc(var(--d)/-2); margin-top:calc(var(--h)/-2); background:linear-gradient(135deg,#46545b,#293339); }
.rlh3d-face.right { transform:rotateY(90deg) translateZ(calc(var(--w)/2)); }
.rlh3d-face.left { transform:rotateY(-90deg) translateZ(calc(var(--w)/2)); }
.rlh3d-face.top,.rlh3d-face.bottom { width:var(--w); height:var(--d); margin-left:calc(var(--w)/-2); margin-top:calc(var(--d)/-2); background:linear-gradient(135deg,#9ba8ae,#65747c); }
.rlh3d-face.top { transform:rotateX(90deg) translateZ(calc(var(--h)/2)); }
.rlh3d-face.bottom { transform:rotateX(-90deg) translateZ(calc(var(--h)/2)); }
.rlh3d-part[data-group="secondary"] .rlh3d-face { background:linear-gradient(135deg,#96a4ab,#57666e); }
.rlh3d-part[data-group="bracing"] .rlh3d-face { background:#d7940a; border-color:#ffce61; }
.rlh3d-part[data-group="connections"] .rlh3d-face { background:linear-gradient(135deg,#d18e08,#745009); border-color:#f8c65b; }
.rlh3d-part[data-group="special"] .rlh3d-face { background:linear-gradient(135deg,#387d91,#16404e); border-color:#77b8ca; }
.rlh3d-part[data-kind="glass"] .rlh3d-face { background:rgba(75,162,190,.24); border-color:rgba(159,222,239,.52); }
.rlh3d-part[data-kind="floor"] .rlh3d-face { background:linear-gradient(135deg,#697174,#3f474a); }
.rlh3d-part[data-kind="green"] .rlh3d-face { background:linear-gradient(135deg,#66843e,#314a25); }
.rlh3d-bolt { position:absolute; left:0; top:0; width:7px; height:7px; margin:-3.5px; border:1px solid #ffd56d; border-radius:50%; background:#b87900; box-shadow:inset 0 0 0 1px #5d3e00; transform-style:preserve-3d; }
.rlh3d-model-tag { position:absolute; z-index:7; left:18px; top:18px; padding:9px 11px; border-left:2px solid var(--r3-accent); color:#c6cdcf; background:rgba(7,11,13,.57); font-size:8px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; pointer-events:none; backdrop-filter:blur(5px); }
.rlh3d-hint { position:absolute; z-index:7; left:50%; bottom:17px; transform:translateX(-50%); color:#91a0a5; font-size:8px; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; pointer-events:none; }
.rlh3d-legend { min-height:67px; padding:12px 18px; display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; border-top:1px solid var(--r3-line); color:#8c989d; font-size:8px; letter-spacing:.09em; text-transform:uppercase; }
.rlh3d-legend span { display:flex; align-items:center; gap:7px; }
.rlh3d-legend i { width:13px; height:4px; background:#708089; }
.rlh3d-legend i.secondary { background:#9ba8ae; }.rlh3d-legend i.brace { background:#d7940a; }.rlh3d-legend i.special { background:#2c7186; }
.rlh3d-note { max-width:850px; margin:17px 0 0; color:#6f7b80; font-size:9px; line-height:1.6; }
@media(max-width:900px){
  .rlh3d-heading{grid-template-columns:1fr;gap:21px}.rlh3d-shell{grid-template-columns:1fr}.rlh3d-sidebar{border-right:0;border-bottom:1px solid var(--r3-line)}
  .rlh3d-filters{grid-template-columns:repeat(3,1fr)}.rlh3d-specs{display:none}.rlh3d-viewport{min-height:500px}
}
@media(max-width:560px){
  .rlh3d-section{padding:60px 0}.rlh3d-container{width:calc(100% - 16px);max-width:100%}.rlh3d-heading{gap:16px;margin-bottom:25px;padding:0 4px}.rlh3d-heading h2{font-size:36px!important;overflow-wrap:anywhere}.rlh3d-intro strong{font-size:13px}.rlh3d-shell{width:100%;min-height:0}.rlh3d-sidebar{min-width:0;padding:16px 11px}
  .rlh3d-filters{display:flex;max-width:100%;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.rlh3d-filter{flex:0 0 138px;min-height:43px;padding:0 10px;font-size:8px}.rlh3d-toolbar{min-height:51px;padding:7px 9px;justify-content:flex-end}.rlh3d-toolbar small{display:none}.rlh3d-actions{width:100%;margin:0;justify-content:flex-end}.rlh3d-actions button{width:35px;height:35px}.rlh3d-viewport{width:100%;min-width:0;min-height:390px}.rlh3d-model-tag{left:11px;top:11px;max-width:190px}.rlh3d-hint{bottom:10px;font-size:7px;letter-spacing:.07em}.rlh3d-legend{padding:11px 12px;gap:9px 13px;font-size:7px}.rlh3d-note{padding:0 4px}
}
@media(max-width:380px){.rlh3d-heading h2{font-size:32px!important}.rlh3d-viewport{min-height:360px}.rlh3d-model-tag{max-width:160px}.rlh3d-hint{white-space:normal;width:90%;text-align:center}}
@media(max-width:720px){
  .rlh3d-section{content-visibility:auto;contain-intrinsic-size:900px}.rlh3d-viewport{contain:layout paint style}.rlh3d-part,.rlh3d-cuboid,.rlh3d-face{transition:none!important;box-shadow:none!important}
  .rlh3d-viewport.interacting .rlh3d-part{filter:none!important}.rlh3d-viewport.interacting .rlh3d-part[data-group="connections"],.rlh3d-viewport.interacting .rlh3d-part[data-group="secondary"],.rlh3d-viewport.interacting .rlh3d-part[data-group="special"]{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){.rlh3d-part{transition:none}}