*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a202c;background:linear-gradient(135deg,#1d365e,#3d7fe2);min-height:100vh}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.header{text-align:center;margin-bottom:3rem}.icon-circle{width:4rem;height:4rem;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.robot-icon{font-size:2.5rem;color:#3b82f6}.title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.subtitle{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto}.main{max-width:800px;margin:0 auto}.section{display:flex;flex-direction:column;gap:1.5rem}.card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.upload-card{padding:2.5rem}.drop-zone{border:2px dashed #d1d5db;border-radius:.75rem;padding:3rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer}.drop-zone:hover,.drop-zone.drag-over{border-color:#3b82f6;background-color:#3b82f60d}.upload-icon{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.drop-zone h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#374151}.drop-zone p{color:#6b7280;margin-bottom:1rem}.file-info{margin-top:1rem;padding:1rem;background:#f3f4f6;border-radius:.5rem}.file-info p{font-weight:500;color:#374151;margin:0}textarea{width:100%;min-height:200px;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#212529;color:#fff;padding:1rem 2rem;font-size:1.125rem}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb}#reset-btn{color:#fff}#reset-btn:hover{color:#374151}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.button-container,.result-card{text-align:center}.result-header{margin-bottom:2rem}.result-icon{font-size:4rem;margin-bottom:1rem}.result-icon.success{color:#10b981}.result-icon.warning{color:#f59e0b}.result-icon:before{font-family:"Font Awesome 6 Free";font-weight:900}.result-icon.success:before{content:""}.result-icon.warning:before{content:""}.result-header h2{font-size:1.5rem;color:#374151}.result-content p{color:#6b7280;margin-bottom:1rem}.badge{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:1.125rem}.badge.success{background:#10b981;color:#fff}.badge.warning{background:#f59e0b;color:#fff}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h3{margin:0;color:#374151}.response-content{background:#f9fafb;border-radius:.5rem;padding:1.5rem}.response-content p{margin:0;line-height:1.7;color:#374151}.loading{display:flex;align-items:center;gap:.5rem}.loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast{position:fixed;top:2rem;right:2rem;background:#10b981;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 30px #0003;transform:translate(500px);transition:transform .5s ease;z-index:1000}.toast.show{transform:translate(0)}.toast.error{background:#ef4444}.footer{text-align:center;margin-top:4rem;padding-bottom:2rem}.footer p{color:#fffc}@media (max-width: 768px){.container{padding:1rem}.title{font-size:2rem}.subtitle{font-size:1rem}.card{padding:1.5rem}.upload-card{padding:2rem}.drop-zone{padding:2rem 1rem}.card-header{flex-direction:column;gap:1rem;align-items:stretch}.toast{right:1rem;left:1rem;transform:translateY(-300px)}.toast.show{transform:translateY(0)}}