html,body{height:100%;margin:0}
body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:#0b1020;color:#eaf1ff}
.card{background:#0f1630;color:#eaf1ff;border:1px solid #253468;border-radius:12px;margin:10px;padding:12px}
.u3d-header h1{font-size:18px;margin:0}
.muted{color:#9fb1d9;font-size:12px}
.u3d-uploader{border:1px dashed #2b3b60;border-radius:12px;padding:16px;margin:12px 0;display:flex;gap:10px;align-items:center}
#u3dFile{display:none}
#u3dBtn{border:1px solid #2c3c7b;background:#16224a;color:#eaf1ff;border-radius:10px;padding:8px 12px;cursor:pointer}
#u3dBtn:hover{background:#1b2a58}
.u3d-uploader.drag{background:#0c1328}
.u3d-uploader .help{margin-left:auto;font-size:12px;color:#9fb1d9}
table{width:100%;border-collapse:collapse}
thead th{font-size:12px;color:#9fb1d9;text-align:left;border-bottom:1px solid #253468;padding:6px}
tbody td{padding:8px;border-bottom:1px solid #1d2b4f;font-size:13px}
.btn{border:1px solid #2c3c7b;background:#16224a;color:#eaf1ff;border-radius:8px;padding:6px 8px;cursor:pointer}
.btn:hover{background:#1b2a58}
.danger{border-color:#8b2a3b;background:#3a0e16}
.success{border-color:#1f7a52;background:#0b3a26}

.u3d-main{display:grid; grid-template-columns: 1fr 360px; gap:12px; align-items:start}
.u3d-preview{position:sticky; top:10px}
.u3d-list table tr{cursor:pointer}
.u3d-list table tr:hover{background:#0c1428}