*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#0f172a;display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:20px}.app-container{width:100%;max-width:410px;height:800px;max-height:calc(100dvh - 40px);background-color:#f8fafc;border-radius:36px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden;border:8px solid #1e293b}@media (max-width: 480px){body{background-color:#f8fafc;padding:0;align-items:stretch}.app-container{width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0;border:none;box-shadow:none}.app-header{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:max(30px,env(safe-area-inset-top))}.app-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.app-header{background:linear-gradient(135deg,#ace39f,#013b09);color:#fff;padding:30px 20px;text-align:center;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.app-header .logo{font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.app-header .tagline{font-size:13px;opacity:.9}.app-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.info-card{background-color:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.info-card h2{font-size:16px;color:#0f172a;margin-bottom:8px}.info-card p{font-size:14px;color:#475569;line-height:1.5}.upload-area{flex:1;display:flex;flex-direction:column}.preview-box{flex:1;border:2px dashed #cbd5e1;border-radius:16px;background-color:#f1f5f9;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}#placeholder-text{color:#94a3b8;font-size:14px;font-weight:500}#image-preview{width:100%;height:100%;object-fit:cover}.app-footer{padding:20px;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;justify-content:center}#camera-input,#gallery-input{display:none}.action-button{background-color:#09ac3d;color:#fff;width:100%;padding:16px;border-radius:14px;font-size:16px;font-weight:600;text-align:center;cursor:pointer;box-shadow:0 4px 12px #0ea5e94d;transition:background-color .2s,transform .1s}.action-button:active{background-color:#0284c7;transform:scale(.98)}.action-button--secondary{background-color:#fff;color:#09ac3d;border:2px solid #09ac3d;box-shadow:none}.action-button--secondary:active{background-color:#f0fdf4;color:#09ac3d}.hidden{display:none!important}.status{margin-top:12px;font-size:14px;color:#475569;text-align:center}.status.error{color:#b91c1c}.result-summary{margin-top:12px;background:#fff;color:#0f172a;padding:12px 16px;border-radius:12px;font-size:14px;box-shadow:0 4px 6px -1px #0000000d}.result-list{margin-top:8px;padding-left:18px;color:#475569;font-size:13px;line-height:1.5}