@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080c10;--surface-0:#0c1117;--surface-1:#111820;--surface-2:#182030;--border-subtle:#ffffff0f;--border-accent:#00d2ff38;--border-focus:#00d2ff;--text:#e2eaf4;--text-muted:#6c8099;--text-dim:#3d5166;--cyan:#00d2ff;--indigo:#6366f1;--indigo-hover:#7c7ffa;--danger:#f43f5e;--danger-muted:#f43f5e1f;--success:#34d399;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);background-image:radial-gradient(80% 50% at 50% -10%,#6366f114 0%,#0000 70%),radial-gradient(60% 40% at 80% 110%,#00d2ff0d 0%,#0000 60%);flex-direction:column;align-items:center;margin:0;display:flex}.edge-matte{width:100%;max-width:44rem;padding:3.5rem 1.5rem 5rem}header{margin-bottom:2.5rem}.brand{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.brand-icon{flex:none;width:1.75rem;height:1.75rem}h1{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.tagline{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.panel{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:1.25rem;overflow:hidden}.drop-zone{border-bottom:1px solid var(--border-subtle);padding:2rem 1.75rem 1.5rem;transition:background .15s}.drop-zone.drag-over{border-bottom-color:var(--border-accent);background:#00d2ff0a}.drop-target{border:1.5px dashed var(--border-subtle);cursor:pointer;text-align:center;border-radius:.875rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;transition:border-color .15s,background .15s;display:flex}.drop-target:hover,.drop-zone.drag-over .drop-target{border-color:var(--border-accent);background:#00d2ff08}.drop-icon{width:2.5rem;height:2.5rem;color:var(--text-dim);transition:color .15s}.drop-target:hover .drop-icon,.drop-zone.drag-over .drop-icon{color:var(--cyan)}.drop-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.drop-sub{color:var(--text-dim);margin-top:-.25rem;font-size:.75rem}.action-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.625rem;padding:1.25rem 1.75rem 1.75rem;display:flex}button,a{font:inherit}.btn{cursor:pointer;letter-spacing:-.01em;white-space:nowrap;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,color .12s,opacity .12s,box-shadow .12s;display:inline-flex}.btn-primary{background:var(--indigo);border-color:var(--indigo);color:#fff;box-shadow:0 1px 3px #6366f166}.btn-primary:hover:not(:disabled){background:var(--indigo-hover);border-color:var(--indigo-hover);box-shadow:0 2px 8px #6366f180}.btn-secondary{background:var(--surface-2);border-color:var(--border-subtle);color:var(--text)}.btn-secondary:hover:not(:disabled){background:#ffffff12;border-color:#ffffff1f}.btn-ghost{border-color:var(--border-subtle);color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0a;border-color:#ffffff1a}.btn-danger{background:var(--danger-muted);color:var(--danger);border-color:#f43f5e4d}.btn-danger:hover:not(:disabled){background:#f43f5e33;border-color:#f43f5e80}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:.375rem}.status-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.625rem;min-height:3rem;padding:.875rem 1.75rem;display:flex}#status{display:contents}#status-text{color:var(--text-muted);font-size:.8125rem;line-height:1.4}#spinner{border:1.5px solid #00d2ff33;border-top-color:var(--cyan);border-radius:50%;flex:none;width:.875rem;height:.875rem;animation:.7s linear infinite spin}[hidden]{display:none!important}#spinner[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#spinner{animation-duration:2s}.result-panel,.preview img,.drop-target,.btn{transition:none}}#error{color:var(--danger);background:var(--danger-muted);border-bottom:1px solid #f43f5e26;margin:0;padding:.875rem 1.75rem;font-size:.8125rem}#error[hidden]{display:none}#preview{border-bottom:1px solid var(--border-subtle);margin:0;padding:1.5rem 1.75rem}#preview[hidden]{display:none}#preview-image{object-fit:contain;background:repeating-conic-gradient(var(--surface-1) 0% 25%, var(--surface-2) 0% 50%) 0 0 / 16px 16px;border:1px solid var(--border-subtle);border-radius:.75rem;width:100%;max-height:22rem;transition:opacity .25s;display:block}#preview-meta{color:var(--text-dim);letter-spacing:.01em;margin-top:.625rem;font-family:DM Mono,monospace;font-size:.75rem}#result{padding:1.5rem 1.75rem}#result[hidden]{display:none}.result-header{align-items:center;gap:.5rem;margin-bottom:.875rem;display:flex}.result-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--success);background:#34d3991a;border:1px solid #34d39933;border-radius:99px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.6875rem;font-weight:600;display:inline-flex}.result-badge-dot{background:var(--success);border-radius:50%;width:.35rem;height:.35rem}.result-url-row{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:.625rem;align-items:stretch;gap:0;margin-bottom:1rem;display:flex;overflow:hidden}#result-url{color:var(--cyan);word-break:break-all;flex:1;padding:.625rem .875rem;font-family:DM Mono,monospace;font-size:.75rem;line-height:1.5;text-decoration:none;transition:color .12s;display:block}#result-url:hover{color:#fff}.result-actions{flex-wrap:wrap;gap:.5rem;display:flex}#delete-confirm{background:var(--danger-muted);border:1px solid #f43f5e33;border-radius:.75rem;margin-top:1.25rem;padding:1rem 1.25rem}#delete-confirm[hidden]{display:none}.delete-confirm-text{color:var(--text-muted);margin:0 0 .875rem;font-size:.8125rem;line-height:1.5}.delete-confirm-actions{flex-wrap:wrap;gap:.5rem;display:flex}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#result:not([hidden]){animation:.3s cubic-bezier(.16,1,.3,1) both result-in}.site-footer{text-align:center;color:var(--text-dim);margin-top:2rem;font-size:.75rem}.site-footer a{color:var(--text-dim);text-decoration:none;transition:color .12s}.site-footer a:hover{color:var(--text-muted)}@media (width<=540px){.edge-matte{padding:2rem 1rem 4rem}.drop-zone,.action-bar,.status-row,#preview,#result{padding-left:1.25rem;padding-right:1.25rem}.action-bar{flex-direction:column;align-items:stretch}.action-bar>.btn{justify-content:center;width:100%}h1{font-size:1.125rem}}