*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#1e1e1e;color:#fff;overflow:hidden}.header{background:#2d2d2d;padding:15px 20px;border-bottom:1px solid #444;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.title{font-size:18px;font-weight:600;color:#fff}.version-badge{background:#00a8ff;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.file-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.file-input-wrapper{position:relative;display:inline-block}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.btn{background:#0078d4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.btn:hover{background:#106ebe}.btn.secondary{background:#5a5a5a}.btn.secondary:hover{background:#6a6a6a}.viewer-container{position:relative;width:100vw;height:100vh;background:#252525}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100;background:#000c;padding:20px;border-radius:8px;display:none}.spinner{border:3px solid #444;border-top:3px solid #0078d4;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.control-panel{position:absolute;top:10px;right:10px;width:300px;max-height:calc(100vh - 100px);z-index:50}.file-info{position:absolute;top:10px;left:10px;background:#000c;padding:10px;border-radius:4px;max-width:300px;z-index:50;display:none}.file-info div{margin-bottom:5px}.error-message{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#dc3545;color:#fff;padding:10px 20px;border-radius:4px;z-index:100;display:none;max-width:80%;text-align:center}.drop-zone{position:absolute;top:0;left:0;width:100%;height:100%;border:3px dashed transparent;display:flex;align-items:center;justify-content:center;background:#0000;color:transparent;font-size:18px;font-weight:500;transition:all .3s ease;pointer-events:none;z-index:40}.drop-zone.active{border-color:#0078d4;background:#0078d41a;color:#0078d4}.controls{position:absolute;bottom:10px;right:10px;background:#000c;padding:10px;border-radius:4px;font-size:12px;line-height:1.4;max-width:250px;z-index:50}.controls div{margin-bottom:2px}.controls strong{color:#0078d4}.status-indicator{position:absolute;top:50px;left:10px;background:#000c;padding:8px;border-radius:4px;font-size:11px;z-index:60;display:none}.status-indicator.show{display:block}.component-status{margin:2px 0}.component-status.initialized{color:#28a745}.component-status.error{color:#dc3545}.part-tooltip{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;box-shadow:0 2px 8px #0000004d}.ui-message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;box-shadow:0 2px 8px #0003}.viewport-gizmo-container{position:fixed!important;z-index:1000!important;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.viewport-gizmo-container canvas{border-radius:8px;background:#ffffff0d!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.viewport-gizmo-container:hover canvas{background:#ffffff1a!important;border-color:#fff3}