:root { --accent: #6366f1; }
body { background: #0a0a0c; color: #e2e8f0; font-family: 'Montserrat', sans-serif; }
.glass { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; backdrop-filter: blur(12px); }
.canvas-container { position: relative; background: #111; border-radius: 20px; padding: 20px; box-shadow: 0 0 40px rgba(0,0,0,0.5); }
canvas { max-width: 100%; height: auto; border-radius: 10px; }
.mockup-card { 
    width: 350px; height: 200px; background: white; border-radius: 12px; 
    margin: 20px auto; color: #333; display: none; padding: 25px; 
    text-align: left; box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    position: relative;
}
.ai-glow { border: 1px solid var(--accent); box-shadow: 0 0 15px rgba(99, 102, 241, 0.3); }
.lang-link { color: #64748b; text-decoration: none; font-weight: bold; font-size: 0.9rem; }
.lang-link.active { color: var(--accent); border-bottom: 2px solid var(--accent); }