:root { --primary: #2563eb; --bg-dark: #0f172a; --card-bg: #1e293b; --border: #334155; --text-light: #e2e8f0; }
.mt3d-tool-container { background: var(--card-bg); border-radius: 20px; padding: 24px; margin-bottom: 30px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.5); border: 1px solid var(--border); color: var(--text-light); }
.mt3d-tool-container h3 { margin-top: 0; color: #38bdf8; font-weight: 600; }
.mt3d-dropzone { border: 2px dashed #475569; border-radius: 16px; padding: 30px; text-align: center; background: #0f172a; cursor: pointer; transition: all 0.2s; margin-bottom: 20px; }
.mt3d-dropzone:hover, .mt3d-dropzone.dragover { border-color: var(--primary); background: #1e293b; }
.mt3d-dropzone p { margin: 0; color: #94a3b8; }
.mt3d-canvas-wrapper { background: #000; border-radius: 12px; overflow: hidden; margin: 15px 0; }
.mt3d-btn { background: var(--primary); color: white; border: none; padding: 12px 24px; border-radius: 40px; font-weight: 600; cursor: pointer; transition: 0.2s; font-size: 16px; display: inline-block; margin-right: 10px; }
.mt3d-btn:hover { background: #3b82f6; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(37,99,235,0.3); }
.mt3d-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.mt3d-status { display: inline-block; margin-left: 15px; font-weight: 500; }
.mt3d-options { margin: 15px 0; display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.mt3d-options select { padding: 10px 15px; border-radius: 30px; background: #0f172a; color: white; border: 1px solid var(--border); }
.mt3d-dashboard { background: var(--card-bg); padding: 24px; border-radius: 20px; color: white; }
.mt3d-dashboard table { width: 100%; border-collapse: collapse; margin-top: 15px; }
.mt3d-dashboard th, .mt3d-dashboard td { border-bottom: 1px solid var(--border); padding: 12px; text-align: left; }
.mt3d-msg { padding: 15px; border-radius: 12px; }
.mt3d-msg.error { background: #450a0a; color: #fecaca; border-left: 4px solid #ef4444; }
.mt3d-msg a { color: #93c5fd; }