*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.container{display:flex;height:100vh}.sidebar{width:320px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.sidebar h1{font-size:28px;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.control-group{margin-bottom:30px;background:#ffffff1a;padding:20px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-group h3{font-size:16px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.control-group label{display:block;margin-bottom:15px;font-size:14px}.control-group label span{display:inline-block;min-width:40px;font-weight:700;color:gold}input[type=file]{width:100%;padding:10px;background:#fff;color:#333;border:none;border-radius:5px;cursor:pointer;font-size:14px}input[type=file]::file-selector-button{background:#667eea;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;margin-right:10px}input[type=file]::file-selector-button:hover{background:#5568d3}input[type=range]{width:100%;margin-top:8px;height:6px;border-radius:5px;background:#ffffff4d;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:gold;cursor:pointer;box-shadow:0 2px 4px #0003}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:gold;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}button{width:100%;padding:12px;background:#ff6b6b;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s ease;text-transform:uppercase;letter-spacing:1px}button:hover{background:#ee5a52}button:active{transform:scale(.98)}.model-selector{display:flex;gap:10px}.model-selector button{flex:1;padding:10px;background:#fff3;text-transform:none;font-size:14px;letter-spacing:0}.model-selector button.active{background:gold;color:#333;font-weight:700}.model-selector button:hover{background:#ffffff4d}.model-selector button.active:hover{background:gold}.canvas-container{flex:1;position:relative}#canvas3d{display:block;width:100%;height:100%}.instructions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:15px 30px;border-radius:25px;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instructions p{margin:0}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.container{flex-direction:column}.sidebar{width:100%;height:auto;max-height:40vh}.canvas-container{height:60vh}}