.app{margin:0 auto;max-width:960px;padding:2rem 1.5rem 4rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2933}.header{margin-bottom:2rem;text-align:center}.header h1{margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.75rem)}.header p{margin:0 auto;max-width:40rem;color:#52606d}.uploader{margin-bottom:2rem}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1.5rem;border:2px dashed #9aa5b1;border-radius:1rem;background:#f7fafc;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.dropzone:hover,.dropzone:focus-within{border-color:#2563eb;background:#edf2ff;transform:translateY(-1px)}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.prompt{font-size:1.05rem}.prompt .accent{color:#2563eb;text-decoration:underline}.status{color:#8293a5;font-size:.9rem}.results{display:grid;gap:1.5rem}.result-item{padding:1.25rem;border-radius:1rem;border:1px solid #e1e7ec;background:#fff;box-shadow:0 10px 30px -20px #0f172a66}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.result-header h2{margin:0;font-size:1.1rem;word-break:break-word}.meta{margin:.35rem 0 0;color:#8293a5;font-size:.9rem}.copy-button{border:none;padding:.55rem .9rem;border-radius:.65rem;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.copy-button:hover{background:#1d4fd7;transform:translateY(-1px)}.copy-button:active{transform:translateY(1px)}.result-textarea{width:100%;min-height:160px;resize:vertical;padding:.75rem;border-radius:.75rem;border:1px solid #d8e0e8;font-family:JetBrains Mono,Fira Code,SFMono-Regular,ui-monospace,Menlo,Monaco,Cascadia Mono,monospace;font-size:.85rem;line-height:1.4;color:#1f2933;background:#f8fafc}.error{margin:0;color:#b42318;font-weight:500}@media (max-width: 640px){.app{padding:1.5rem 1rem 3rem}.result-header{flex-direction:column;align-items:stretch}.copy-button{align-self:flex-start}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f8fbff,#eef2f8)}#root{min-height:100vh}