*{margin:0;padding:0;box-sizing:border-box}:root{--background: #222;--foreground: #FFF;--primary: #0000F1;--secondary: #666;--primary-active: #96BFE6;--primary-hover: #4F8FE6;--danger: #FA2B00;--danger-hover: #FF616B}html,body,#root{height:100%;width:100%;overflow:hidden}.app{display:flex;height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:16px;left:16px;z-index:200;width:44px;height:44px;background:var(--background);color:var(--foreground);border:1px solid #333;border-radius:8px;font-size:24px;cursor:pointer;transition:all .2s ease}.menu-toggle:hover{background:var(--primary-hover)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:149}.sidebar{position:fixed;top:0;left:0;height:100%;width:280px;background:var(--background);color:var(--foreground);padding:8px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #333;overflow-y:auto;z-index:150;transform:translate(-100%);transition:transform .3s ease}.sidebar--open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #333}.sidebar-header .sidebar-title{padding-bottom:0;border-bottom:none}.sidebar-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;color:var(--foreground);border:1px solid #333;border-radius:4px;font-size:20px;cursor:pointer;transition:all .2s ease}.sidebar-close:hover{background:var(--primary-hover)}.sidebar-title{font-size:18px;font-weight:600}.model-list{display:flex;flex-direction:column;gap:8px}.model-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--secondary);border-radius:8px;transition:all .2s ease}.model-name{font-size:14px}.add-model-btn{padding:6px 12px;background:var(--primary);color:var(--foreground);border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.add-model-btn:hover{background:var(--primary-hover)}.main-content{flex:1;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.scene-container{flex:1;background:#4a4a4a;position:relative;width:100%;height:100%;min-height:0}.spin-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--primary);color:var(--foreground);border:none;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:100}.spin-button:hover{background:var(--primary-hover)}.spin-button:active,.spin-button.active{background:var(--primary-active)}.overlay-controls{position:absolute;top:16px;left:16px;display:flex;gap:12px;z-index:100}.camera-selector-wrapper{background:#1a1a2ee6;border-radius:8px;padding:8px}.camera-selector{background:var(--primary);color:var(--foreground);border:none;border-radius:4px;padding:8px;font-size:12px;cursor:pointer;outline:none}.camera-selector:hover{border-color:var(--primary-hover)}.camera-selector:focus{border-color:var(--primary-hover)}.backdrop-upload{background:#1a1a2ee6;border-radius:8px;padding:8px;display:flex;gap:8px}.upload-backdrop,.clear-backdrop{background:var(--primary);color:var(--foreground);border:none;border-radius:4px;padding:8px;font-size:12px;cursor:pointer;transition:all .2s ease}.upload-backdrop:hover,.clear-backdrop:hover,.clear-backdrop{background:var(--primary-hover)}.clear-backdrop:hover{background:var(--primary-hoaver)}.model-controls{position:absolute;top:16px;right:16px;width:280px;opacity:.75;background:var(--background);border-radius:12px;padding:16px;color:var(--foreground);z-index:100;max-height:calc(100vh - 100px);overflow-y:auto}.controls-title{font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #333}.control-section{margin-bottom:16px}.control-section h4{font-size:12px;text-transform:uppercase;color:#888;margin-bottom:8px;letter-spacing:.5px}.control-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.control-row label{width:24px;font-size:12px;color:#aaa}.control-row input[type=number]{flex:1;background:var(--secondary);border:1px solid #333;border-radius:4px;padding:8px;color:var(--foreground);font-size:14px}.control-row input[type=number]:focus{outline:none;border-color:#e94560}.control-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--secondary);border-radius:3px;outline:none}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}.control-row input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.delete-model{width:100%;padding:12px;background:var(--danger);color:var(--foreground);border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;margin-top:8px}.delete-model:hover{background:var(--danger-hover)}@media(max-width:767px){.sidebar-overlay{display:block}.overlay-controls{left:70px}.model-controls{width:calc(100vw - 32px);max-width:320px}.spin-button{bottom:80px}}@media(min-width:768px){.menu-toggle{display:none}.sidebar{position:relative;width:200px;min-width:200px;transform:translate(0);flex-shrink:0}.sidebar-close{display:none}.sidebar-header{border-bottom:1px solid #333}}