body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#fdf2f8,#f0abfc,#c7d2fe);min-height:100vh;color:#1f2937}.app-container{max-width:900px;margin:auto;padding:40px 20px}.app-title{text-align:center;font-size:2.4rem;font-weight:800;margin-bottom:10px}.app-subtitle{text-align:center;color:#4b5563;margin-bottom:40px}.card{background:#ffffffd9;border-radius:18px;padding:25px;margin-bottom:25px;box-shadow:0 25px 40px #0000001f;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 30px 55px #00000026}.card h2{margin-top:0;margin-bottom:15px;font-size:1.3rem}input[type=file],input[type=text]{width:100%;padding:12px;border-radius:10px;border:1px solid #d1d5db;margin-bottom:12px;font-size:1rem}button{background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;color:#fff;padding:12px 18px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer}button:hover{opacity:.9}.answer{white-space:pre-wrap;line-height:1.6;font-size:1rem}.app-container{width:100%;max-width:720px;padding:40px 20px;text-align:center}.title{font-size:2.5rem;font-weight:700;margin-bottom:8px;color:#111827}.subtitle{font-size:1rem;color:#6b7280;margin-bottom:30px}.card{background:#fffc;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:20px;background:#ffffffbf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px #0000000d}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:12px}.text-input,input[type=file]{width:100%;padding:12px 14px;margin-bottom:12px;border-radius:10px;border:1px solid #e5e7eb;font-size:.95rem}.primary-btn{width:100%;background:#ec4899;color:#fff;padding:12px;border-radius:10px;font-weight:600;transition:.2s}.primary-btn:hover{background:#db2777}.preview{margin-top:14px;text-align:left;font-size:.85rem;color:#374151;background:#f9fafb;padding:12px;border-radius:10px;max-height:180px;overflow:auto}.answer-text{font-size:1rem;line-height:1.6;color:#111827}