.r3d-card{border:1px solid #29394b;border-radius:9px;overflow:hidden;margin:0 0 23px;background:#101923}.r3d-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px}.r3d-eyebrow{font-size:8px;letter-spacing:1.4px;color:#a8b7c8;font-weight:500}.r3d-header h2{font:650 17px Manrope,sans-serif;letter-spacing:-.4px;margin:7px 0 0;color:#e4edf6}.r3d-live{font-size:9px;background:#15212e;border:1px solid #29394b;border-radius:14px;padding:7px 10px;color:#a8b7c8;white-space:nowrap;display:flex;align-items:center;gap:6px}.r3d-live i{height:5px;width:5px;border-radius:50%;background:#263d51}.r3d-stage{height:520px;position:relative;background:#0b131d;overflow:hidden}.r3d-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline-offset:-4px!important}.r3d-canvas.dragging{cursor:grabbing}.r3d-stage-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}.r3d-mode{display:flex;gap:2px;padding:3px;border:1px solid #36516b;background:#0b131dd9;border-radius:5px;pointer-events:auto}.r3d-mode button{font-size:10px;padding:7px 11px;color:#a8b7c8;background:none;border:0;border-radius:3px}.r3d-mode button.active{background:#0b131d;color:#e9f1f9;box-shadow:0 1px 4px #00000033}.r3d-rack-name{color:#a8b7c8;font-size:10px;letter-spacing:1.2px;white-space:nowrap}.r3d-orbit{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}.r3d-orbit button{width:31px;height:31px;background:#0b131dd9;color:#a8b7c8;border:1px solid #36516b;border-radius:5px;font-size:17px}.r3d-orbit button:hover{background:#0b131d;color:#e9f1f9}.r3d-orbit span{height:8px}.r3d-stage-bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;font-size:8px;color:#a8b7c8}.r3d-stage-bottom b{font-weight:400;padding:0 6px;color:#a8b7c8}.r3d-stage-bottom>div{display:flex;align-items:center;gap:5px;white-space:nowrap}.r3d-dot{width:5px;height:5px;display:inline-block;border-radius:50%;margin-left:8px}.r3d-dot.cold{background:#55e2df}.r3d-dot.hot{background:#ff9970}.r3d-dot.bypass{background:#f4c269}.r3d-toolbar{padding:13px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #29394b}.r3d-views,.r3d-toggles{display:flex;gap:7px}.r3d-toolbar button{border:1px solid #29394b;background:#101923;color:#a8b7c8;border-radius:4px;font-size:10px;padding:7px 10px}.r3d-toolbar button:hover{background:#15212e;color:#a8b7c8}.r3d-toggles button[aria-pressed=true]{background:#15212e;border-color:#29394b;color:#a8b7c8}.r3d-readout{display:flex;align-items:center;gap:20px;padding:13px 21px;font-size:10px;color:#a8b7c8}.r3d-readout>span:before{content:'';width:5px;height:5px;border-radius:50%;display:inline-block;background:#c9a06d;margin-right:7px}.r3d-readout .r3d-mode-note{margin-left:auto;color:#a8b7c8;font-size:9px}.r3d-readout .r3d-mode-note:before{background:#263d51}.r3d-explainer{margin:0;padding:0 21px 17px;font-size:9px;line-height:1.8;color:#a8b7c8;max-width:1000px}.r3d-tooltip{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);padding:10px 15px;border-radius:5px;border:1px solid #36516b;background:#0b131de8;color:#a8b7c8;font-size:11px;max-width:85%;text-align:center;pointer-events:none}.r3d-unavailable{padding:25px;color:#a8b7c8;background:#101923;border-radius:7px}@media(max-width:1000px){.r3d-stage{height:470px}.r3d-stage-bottom{flex-direction:column;align-items:flex-start;gap:9px}.r3d-readout{gap:13px}.r3d-readout .r3d-mode-note{font-size:8px}}@media(max-width:650px){.r3d-stage{height:425px}.r3d-header{padding:15px}.r3d-header h2{font-size:15px}.r3d-live{font-size:8px;padding:6px 8px}.r3d-eyebrow{font-size:7px}.r3d-stage-top{left:12px;right:12px;top:13px}.r3d-mode button{font-size:9px;padding:7px 8px}.r3d-rack-name{font-size:8px}.r3d-orbit{right:12px}.r3d-orbit button{width:28px;height:28px}.r3d-stage-bottom{left:13px;font-size:7px;gap:8px}.r3d-stage-bottom b{padding:0 3px}.r3d-toolbar{padding:11px 12px;gap:8px;flex-wrap:wrap}.r3d-toolbar button{font-size:9px;padding:7px 8px}.r3d-views,.r3d-toggles{gap:5px}.r3d-readout{padding:12px 14px;gap:10px;font-size:9px;flex-wrap:wrap}.r3d-readout .r3d-mode-note{width:100%;margin-left:0}.r3d-explainer{padding:0 14px 15px;font-size:8px}.r3d-toggles{margin-left:auto}.r3d-tooltip{font-size:9px;bottom:63px}.r3d-stage-bottom>div{gap:3px}.r3d-dot:first-child{margin-left:0}}@media(prefers-reduced-motion:reduce){.r3d-card *{scroll-behavior:auto}}@media print{.r3d-stage{height:450px;print-color-adjust:exact}.r3d-toolbar,.r3d-orbit,.r3d-stage-top,.r3d-stage-bottom{display:none}.r3d-explainer{font-size:9px}.r3d-card{break-inside:avoid}}
