*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8f9fa;color:#212529;min-height:100vh;padding:2rem 1rem}#app{max-width:720px;margin:0 auto}header{text-align:center;margin-bottom:2rem}header h1{font-size:2rem;font-weight:700;color:#1a1a2e}.subtitle{color:#6c757d;margin-top:.5rem;font-size:.95rem}.warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:.9rem}.card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000f}.card h2{font-size:1.25rem;margin-bottom:1.25rem;color:#1a1a2e}.form-group{margin-bottom:1rem}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:#495057}input[type=file],textarea{width:100%;border:1px solid #ced4da;border-radius:6px;padding:.5rem .75rem;font-size:.9rem;font-family:inherit}textarea{min-height:100px;resize:vertical}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#0d6efd;color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn:not(:disabled):hover{opacity:.88}.status{margin-top:1rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem}.status.info{background:#cfe2ff;color:#0a4191}.status.success{background:#d1e7dd;color:#0a5033}.status.error{background:#f8d7da;color:#842029}.metadata{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.75rem 1rem;margin:.75rem 0;font-size:.8rem;font-family:monospace;color:#495057}.result{margin-top:1rem;padding:1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-size:.875rem;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.hidden{display:none!important}