*{margin:0;padding:0;box-sizing:border-box}body{font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;background:#0a0a0a;color:#e0e0e0;min-height:100vh;display:flex;align-items:center;justify-content:center}.container{max-width:520px;width:100%;padding:2rem}h1{font-size:1.2rem;font-weight:600;margin-bottom:.25rem;color:#fff}.subtitle{font-size:.75rem;color:#666;margin-bottom:2rem}.drop-zone{border:2px dashed #333;border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s;position:relative}.drop-zone:hover,.drop-zone.drag-over{border-color:#666}.drop-zone p{color:#888;font-size:.85rem}.drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.status{color:#888;font-size:.85rem;padding:2rem 0}.error{color:#f44;font-size:.85rem;padding:1rem 0}.result{margin-top:1rem}.result p{font-size:.85rem;color:#888;margin-bottom:.75rem}.result input[type=text]{width:100%;padding:.6rem .8rem;background:#111;border:1px solid #333;border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:.75rem;margin-bottom:.75rem;outline:none}.result input[type=text]:focus{border-color:#555}.actions{display:flex;gap:.5rem}button{padding:.6rem 1.2rem;background:#fff;color:#000;border:none;border-radius:6px;font-family:inherit;font-size:.8rem;cursor:pointer;transition:opacity .2s}button:hover{opacity:.85}button.secondary{background:#222;color:#aaa}a{text-decoration:none}.short-link{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #222}.short-code{font-size:2rem;font-weight:700;letter-spacing:.3em;color:#fff;margin-bottom:.75rem}.short-link input[type=text]{width:100%;padding:.6rem .8rem;background:#111;border:1px solid #333;border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:.75rem;margin-bottom:.75rem;outline:none}.short-link input[type=text]:focus{border-color:#555}.short-link-warning{font-size:.7rem;color:#666;margin-top:.5rem}.short-code-input{margin-top:1.5rem}.short-code-input p{font-size:.85rem;color:#888;margin-bottom:.5rem}.short-code-row{display:flex;gap:.5rem}.short-code-row input{flex:1;padding:.6rem .8rem;background:#111;border:1px solid #333;border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:.85rem;outline:none;letter-spacing:.2em}.short-code-row input:focus{border-color:#555}.github-link{position:fixed;top:1rem;right:1rem;color:#555;transition:color .2s}.github-link:hover{color:#fff}.report-link{color:#f44;font-size:.75rem;text-decoration:none}.report-link:hover{text-decoration:underline}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:.5rem 1.2rem;border-radius:6px;font-size:.8rem;animation:toast-fade 1.5s ease forwards}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%) translateY(8px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0}}