body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.app{padding:40px}.title{text-align:center;font-size:36px;font-weight:700}.subtitle{text-align:center;color:#555;margin-bottom:40px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:auto}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #00000014}.card h2{margin-bottom:12px}input[type=file]{width:100%;margin-bottom:16px}button{width:100%;padding:14px;background:#2563eb;color:#fff;font-size:16px;border:none;border-radius:12px;cursor:pointer}button:hover{background:#1e40af}.preview{margin-top:20px;height:500px;border:1px dashed #c7d2fe;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:auto}.loader{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:48px;height:48px;border:5px solid #ddd;border-top:5px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.result p{margin:6px 0}details{margin-top:12px}pre{background:#f1f5f9;padding:12px;border-radius:8px;max-height:200px;overflow:auto}.error{color:red}.preview{margin-top:20px;height:520px;border:2px dashed #c7d2fe;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:auto}.login-page{height:100vh;background:linear-gradient(135deg,#f4f7fb,#e9eef5);display:flex;justify-content:center;align-items:center}.login-card{background:#fff;width:420px;padding:40px;border-radius:12px;text-align:center;box-shadow:0 10px 30px #00000014}.login-title{font-size:26px;font-weight:700;margin-bottom:8px;color:#1f2937}.login-subtitle{font-size:14px;color:#6b7280;margin-bottom:30px}.login-btn{width:100%;padding:14px;font-size:15px;font-weight:600;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .1s ease}.login-btn span{font-weight:400;opacity:.9}.login-btn:hover{background:#1e40af;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.admin-text{margin-top:24px;font-size:13px;color:#6b7280}.admin-link{color:#2563eb;font-weight:500;text-decoration:none}.admin-link:hover{text-decoration:underline}.flex{display:flex}