.breakdance .bde-code-block-3014-100{width:100%}.breakdance .bde-code-block-3014-100{display:flex;flex-direction:column;align-items:center;text-align:center}.t3d-wrap,.t3d-wrap *,.t3d-wrap ::before,.t3d-wrap *::after{box-sizing:border-box}.t3d-wrap{width:100%}:root{--bg:#0d0f12;--surface:#151820;--surface2:#1a1e28;--border:#262b38;--text:#e8ecf2;--text2:#5a6478;--accent:#38bdf8;--accent2:#0ea5e9;--cold:#3b82f6;--hot:#ef4444;--warm:#f97316;--cool:#06b6d4;--radius:16px;--shadow:0 4px 24px rgba(0,0,0,0.4),0 1px 4px rgba(0,0,0,0.3);--shadow-lg:0 16px 48px rgba(0,0,0,0.5),0 4px 12px rgba(0,0,0,0.4)}.t3d-wrap .section{width:100%;max-width:1100px}.t3d-wrap .header{margin-bottom:28px}.t3d-wrap .header-eyebrow{font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.t3d-wrap .header h2{font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-0.02em;color:var(--text);margin-bottom:8px}.t3d-wrap .header p{font-size:15px;color:var(--text2);font-weight:400;max-width:520px;line-height:1.6}.t3d-wrap .card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border)}.t3d-wrap .asset-header{display:flex;align-items:baseline;gap:12px;padding:14px 20px;background:var(--surface2);border-bottom:1px solid var(--border)}.t3d-wrap .asset-label{font-size:10px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--text2)}.t3d-wrap .asset-name{font-size:13px;font-weight:500;letter-spacing:0.04em;color:var(--accent)}.t3d-wrap .canvas-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#0d0f12;cursor:grab;overflow:hidden}.t3d-wrap .canvas-wrap:active{cursor:grabbing}.t3d-wrap #threeCanvas{width:100%!important;height:100%!important;display:block}.t3d-wrap .clip-hint{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:12px;color:var(--text2);font-weight:400;pointer-events:none;transition:opacity 0.4s;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.t3d-wrap .clip-hint.hidden{opacity:0}.t3d-wrap .legend{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.t3d-wrap .legend-label{font-size:10px;font-weight:500;color:var(--text2);letter-spacing:0.05em}.t3d-wrap .legend-bar{width:12px;height:120px;border-radius:6px;background:linear-gradient(to bottom,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#3b82f6);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.t3d-wrap .legend-ticks{display:flex;flex-direction:column;justify-content:space-between;height:120px;position:absolute;right:30px;top:0}.t3d-wrap .legend-tick{font-size:9px;color:var(--text2);white-space:nowrap}.t3d-wrap .controls{padding:16px 20px;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:12px}.t3d-wrap .play-btn{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.15s}.t3d-wrap .play-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.t3d-wrap .timeline-row{display:flex;align-items:center;gap:14px}.t3d-wrap .timeline-label{font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:0.08em;min-width:60px}.t3d-wrap .slider-wrap{flex:1;position:relative;display:flex;align-items:center}.t3d-wrap .timeline-slider{width:100%;-webkit-appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--val,0%),var(--border) var(--val,0%));outline:none;cursor:pointer}.t3d-wrap .timeline-pings{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.t3d-wrap .timeline-ping{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#f97316;border:2px solid #1a1e28;box-shadow:0 0 0 1.5px #f97316;cursor:pointer;pointer-events:auto;transition:transform 0.15s,box-shadow 0.15s}.t3d-wrap .timeline-ping:hover{transform:translate(-50%,-50%) scale(1.4);box-shadow:0 0 0 2px #f97316,0 0 8px rgba(249,115,22,0.5)}.t3d-wrap .timeline-ping::after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#0d0f12;color:#fff;font-size:10px;white-space:nowrap;padding:3px 7px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity 0.15s}.t3d-wrap .timeline-ping:hover::after{opacity:1}.t3d-wrap .timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--surface);border:2.5px solid var(--accent);box-shadow:0 2px 6px rgba(14,165,233,0.3);cursor:pointer;transition:transform 0.1s}.t3d-wrap .timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.t3d-wrap .time-display{font-size:13px;font-weight:500;color:var(--text);min-width:58px;text-align:right}.t3d-wrap .stats-row{display:flex;gap:20px}.t3d-wrap .stat{display:flex;flex-direction:column;gap:2px}.t3d-wrap .stat-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;color:var(--text2)}.t3d-wrap .stat-value{font-size:15px;font-weight:600;color:var(--text)}.t3d-wrap .stat-value.hot{color:var(--hot)}.t3d-wrap .stat-value.cold{color:var(--cold)}.t3d-wrap .dot-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.t3d-wrap .loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(13,15,18,0.92);gap:12px;font-size:13px;color:var(--text2);z-index:10;transition:opacity 0.4s}.t3d-wrap .loading-overlay.hidden{opacity:0;pointer-events:none}.t3d-wrap .spinner{width:32px;height:32px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.t3d-wrap .scene-transition{position:absolute;inset:0;background:#0d0f12;opacity:0;pointer-events:none;z-index:5;transition:opacity 0.15s}.t3d-wrap .scene-transition.flash{opacity:0.6}@media (max-width:600px){.t3d-wrap .stats-row{gap:12px}.t3d-wrap .object-selector{flex-wrap:wrap}.t3d-wrap .legend{display:none}}.breakdance .bde-code-block-3014-100{width:100%}