:root{--background:#0a0a0a;--foreground:#ededed;--primary:#3b82f6;--primary-hover:#2563eb;--card-bg:#171717;--border:#262626}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--background);color:var(--foreground);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.container{width:100%;max-width:480px;padding:2rem;background:var(--card-bg);border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid var(--border);text-align:center}h1{font-size:1.8rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.upload-area{border:2px dashed var(--border);border-radius:.5rem;padding:3rem 1.5rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;background:hsla(0,0%,100%,.02)}.upload-area:hover{border-color:var(--primary);background:rgba(59,130,246,.05)}.button{width:100%;padding:.75rem;border-radius:.5rem;border:none;background:var(--primary);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.button:hover{background:var(--primary-hover)}.button:disabled{opacity:.7;cursor:not-allowed}.result{margin-top:1.5rem;padding:1rem;background:rgba(0,0,0,.3);border-radius:.5rem;border:1px solid var(--border);text-align:left;word-break:break-all}.error{margin-top:1rem;color:#ef4444;font-size:.9rem}