:root{--bg-color:#0f1115;--bg-surface:#1e2128b3;--bg-surface-hover:#2d313acc;--border-color:#ffffff1a;--text-primary:#f0f2f5;--text-secondary:#a0a5b1;--accent-color:#3c6bb4;--accent-hover:#507abd;--accent-light:#85c5ec;--danger-color:#ef4444;--glass-shadow:0 4px 30px #00000080;--glass-blur:12px;--radius-md:12px;--radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow:hidden}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.btn{transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-glass{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-glass:hover{background:#ffffff1a;border-color:#fff3}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);cursor:pointer;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.dropzone.active,.dropzone:hover{border-color:var(--accent-color);background:#3b82f60d}.dropzone .icon{color:var(--accent-color);margin-bottom:16px}.dropzone h3{margin-bottom:8px;font-size:1.25rem;font-weight:600}.dropzone p{color:var(--text-secondary);font-size:.95rem}.full-screen{flex-direction:column;width:100vw;height:100vh;display:flex}