:root{--bg-gradient-inner: #2c2c2c;--bg-gradient-outer: #0f0f0f;--text-main: #ffffff;--text-secondary: #b0b0b0;--primary-accent: #4285F4;--reset-red: #d32f2f;--glass-bg: rgba(20, 20, 20, .95);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--panel-radius: 16px;--button-radius: 12px;--font-family: "Inter", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.watermark-modular.main-pos{pointer-events:all}.branding-link{display:block;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none}.branding-link:hover{transform:scale(1.1)}.watermark-modular{display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:200;font-family:Inter,sans-serif;text-align:center}.watermark-modular p{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#fff6}.watermark-modular h3{margin:4px 0 8px;font-size:13px;font-weight:500;color:#fffc;letter-spacing:.5px}.branding-logo{padding-top:12px;height:100px;width:auto;opacity:1}.branding-link:hover .branding-logo{opacity:1;filter:drop-shadow(0 0 8px rgba(66,133,244,.5))}.loading-pos{position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.main-pos{position:fixed;bottom:30px;right:30px;align-items:flex-end;text-align:right}@media (max-width: 600px){.main-pos{bottom:100px;right:20px}}body{margin:0;padding:0;overflow:hidden;font-family:var(--font-family);color:var(--text-main);background:radial-gradient(circle at center,var(--bg-gradient-inner) 0%,var(--bg-gradient-outer) 100%);height:100vh;width:100vw}#main-canvas{display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#2c2c2c,#0f0f0f);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .6s ease-out}#loading-screen.fade-out{opacity:0;pointer-events:none}.spinner{width:100px;height:100px;border:6px solid rgba(255,255,255,.1);border-top:6px solid var(--primary-accent);border-radius:100%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#title-bar{position:absolute;top:30px;left:30px;z-index:100;display:flex;align-items:center;gap:16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:10px 16px;border-radius:16px;box-shadow:0 8px 20px #0006}.title-text h1{margin:0;font-size:16px;font-weight:700;letter-spacing:.5px;color:#fff}.title-text .model-number{font-weight:300;color:var(--text-secondary);margin-left:4px}.title-text p{margin:2px 0 0;font-size:11px;color:var(--primary-accent);text-transform:uppercase;letter-spacing:1px;font-weight:600}#info-toggle-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}#info-toggle-btn:hover{background:#ffffff1a;color:#fff}#info-toggle-btn.active{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}#info-toggle-btn .chevron{transition:transform .3s ease}#info-toggle-btn.active .chevron{transform:rotate(180deg)}.btn-text{font-size:12px;font-weight:500}#info-card{position:absolute;top:90px;left:30px;width:280px;z-index:90;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:20px;box-shadow:0 15px 40px #00000080;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s cubic-bezier(.2,.8,.2,1)}#info-card.visible{opacity:1;transform:translateY(0);pointer-events:all}.info-header h3{margin:0 0 15px;font-size:12px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.spec-item{display:flex;flex-direction:column}.spec-item .spec-label{font-size:10px;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.spec-item .value{font-size:13px;font-weight:600;color:#fff}.info-desc{font-size:12px;line-height:1.5;color:#ccc;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}#control-panel{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:100;padding:8px;border-radius:20px;display:flex;flex-wrap:nowrap;gap:8px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 10px 40px #0009;max-width:95vw;overflow-x:auto}.ui-button{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:12px 20px;border-radius:var(--button-radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.ui-button:hover{background:#ffffff1a;color:var(--text-main)}.ui-button.selected{background:var(--primary-accent);color:#fff;box-shadow:0 4px 15px #4285f466;border-color:#ffffff1a}.special-button{background:#d32f2f26;color:#ff8a80;border:1px solid rgba(211,47,47,.3);margin-left:4px}.special-button:hover{background:var(--reset-red);color:#fff}.ui-panel{position:absolute;bottom:110px;left:50%;transform:translate(-50%);z-index:90;display:none;flex-direction:column;width:320px;padding:20px;gap:12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:0 20px 50px #000000b3}.ui-panel.visible{display:flex;animation:slideUp .35s cubic-bezier(.19,1,.22,1)}.ui-right-panel{left:auto!important;right:30px;top:50%;bottom:auto!important;transform:translateY(-50%)!important;width:280px;max-height:70vh;overflow:hidden}.ui-right-panel.visible{animation:slideLeft .35s cubic-bezier(.19,1,.22,1)}.panel-header{flex-shrink:0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:4px}.panel-header h4{margin:0;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}#isolate-list{list-style:none;padding:0 4px 0 0;margin:0;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:6px}.isolate-list-item{padding:12px 14px;background:#ffffff08;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;justify-content:space-between}.isolate-list-item:hover{background:#ffffff14;color:#fff;transform:translate(4px)}.isolate-list-item.selected{background:#4285f426;color:var(--primary-accent);border-color:#4285f44d;font-weight:600}.axis-buttons{display:flex;gap:8px;margin-bottom:8px}.sectBtn{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);padding:8px;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:.2s;font-size:12px}.sectBtn.selected{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;margin-top:10px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:#ffffff1a;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--text-main);cursor:grab;margin-top:-6px;box-shadow:0 2px 5px #00000080;transition:transform .1s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2);cursor:grabbing}.label{position:absolute;background:#000000d9;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.15);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;transform:translate(-50%,-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateY(-50%) translate(30px)}to{opacity:1;transform:translateY(-50%) translate(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width: 900px){.ui-right-panel{right:auto;left:50%!important;top:auto;bottom:100px!important;transform:translate(-50%)!important;width:90%;max-width:400px;max-height:50vh}.ui-right-panel.visible{animation:slideUp .35s cubic-bezier(.19,1,.22,1)}}@media (max-width: 600px){#title-bar{top:20px;left:20px;padding:8px 12px}.title-text h1{font-size:14px}#info-card{top:75px;left:20px;width:calc(100% - 40px)}#control-panel{bottom:20px;padding:6px;justify-content:flex-start}.ui-button{padding:10px 16px;font-size:13px}.ui-panel{width:90%;bottom:90px}}#axis-indicator{position:fixed;bottom:0;left:30px;z-index:1000;width:150px;height:auto;padding:10px;pointer-events:none;opacity:1;transition:opacity 1s ease-out}#axis-indicator img{width:100%;height:auto;display:block;opacity:.7}@media (max-width: 600px){#axis-indicator{display:none}}