:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--accent: #646cff;--accent-hover: #535bf2;--accent-fill: #535bf2;--accent-fill-hover: #454bdb;--accent-text: #8b91ff;--surface: #1f1f1f;--surface-2: #2a2a2a;--border: rgba(255, 255, 255, .14);--muted: rgba(255, 255, 255, .62);--danger-bg: #3a1d1d;--danger-fg: #ffb4b4;--danger-border: #7f1d1d;--ok-bg: #16301f;--ok-border: #1f5132;--radius: 8px}@media(prefers-color-scheme:light){:root{--accent-text: #4b52d8;--surface: #ffffff;--surface-2: #f6f7f9;--border: rgba(0, 0, 0, .12);--muted: #5b6470;--danger-bg: #fff0f0;--danger-fg: #9b1c1c;--danger-border: #f5c2c2;--ok-bg: #eefcf2;--ok-border: #bfe6cc}}.app{width:min(560px,92vw);margin-inline:auto;display:flex;flex-direction:column;gap:1.25rem;padding:2rem 0 4rem;text-align:left}.app__head{text-align:center}.app__title{font-size:2.4rem;line-height:1.1;margin:0}.app__tag{color:var(--muted);margin:.35rem 0 0}.banner{background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);padding:.85rem 1rem;font-size:.92rem;line-height:1.45}.banner strong{font-weight:700}.banner__sub{display:block;margin-top:.4rem;color:var(--muted);font-size:.82rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 1px 3px #0000002e}.dropzone{position:relative;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border:2px dashed var(--border);border-radius:12px;background:var(--surface-2);cursor:pointer;text-align:center;transition:border-color .18s,background-color .18s,transform .18s}.dropzone:hover{border-color:var(--accent)}.dropzone--drag{border-color:var(--accent);border-style:solid;background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));transform:scale(1.01)}.dropzone--has{border-style:solid;border-color:var(--accent)}.dropzone:focus-within{outline:3px solid var(--accent);outline-offset:2px}.dropzone__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone__label{font-weight:500;pointer-events:none}.help{margin:.3rem 0 0;font-size:.84rem;color:var(--muted);word-break:break-word}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.8rem;font-weight:600;color:var(--muted)}.field__input{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:inherit;font:inherit}.field__input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.btn--primary{background:var(--accent-fill);color:#fff;border-color:transparent}.btn--primary:hover{border-color:transparent;background:var(--accent-fill-hover)}.btn--text{background:transparent;border-color:transparent;color:var(--accent-text);padding:.3rem .2rem}.btn:disabled{opacity:.55;cursor:not-allowed}.submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:1em;height:1em;border:2px solid color-mix(in srgb,#fff 35%,transparent);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger-border);border-radius:var(--radius);padding:.7rem .9rem;font-size:.9rem;margin:0}.alert__icon{font-size:1.1em}.alert:focus-visible{outline:3px solid var(--danger-border);outline-offset:2px}.result{background:var(--ok-bg);border:1px solid var(--ok-border);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.result__h{margin:0;font-size:1.3rem}.result__h:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.copygroup{display:flex;gap:.5rem}.copygroup__url{flex:1 1 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;text-overflow:ellipsis}.copygroup__url:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.copygroup__copy{white-space:nowrap;min-width:5.5rem}.result__open{display:inline-block;font-weight:600;color:var(--accent-text)}.result__raw summary{cursor:pointer;color:var(--muted);font-size:.9rem}.result__again{align-self:flex-start;margin-top:.25rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.dropzone{transition:none}.dropzone--drag{transform:none}.spinner{animation:none}}