:root{--bg:#f2f2f2;--fg:#00202e;--muted:#6b6b70;--accent:#3a6df0;--border:#d7d7dc;--surface:#fff;--ok:#2a11ff;--err:#e60e56}@media (prefers-color-scheme:dark){:root{--bg:#00202e;--fg:#f2f2f2;--muted:#a0a0a8;--accent:#6f96ff;--border:#33343a;--surface:#1f2023;--ok:#2a11ff;--err:#ff6b6b}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);background-color:#f2f2f2;background-image:radial-gradient(#e6e4e4 1px,#0000 1px),radial-gradient(#e6e4e4 1px,#0000 1px);background-position:0 0,8px 8px;background-size:16px 16px;flex-direction:column;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#drop-zone{border:2px dotted var(--border);border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:40vh;margin:1.5rem;transition:border-color .15s,background-color .15s;display:flex}#drop-zone.drag-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}#drop-message{text-align:center;max-width:32rem;padding:2rem}#drop-message h1{margin-bottom:.5rem;font-size:1.5rem}#drop-message p{color:var(--muted);margin:.5rem 0}#drop-message .or{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:.25rem 0 .75rem;font-size:.65rem}#browse-button,#copy-button{border:1px solid var(--border);background:var(--surface);color:#666;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem 1.4rem;font-size:1rem;display:inline-flex}#browse-button:hover,#copy-button:hover:not(:disabled){border-color:var(--accent)}#copy-button:disabled{opacity:.5;cursor:not-allowed}#log{flex-direction:column;gap:.5rem;max-height:40vh;margin:0 1.5rem 1.5rem;display:flex;overflow-y:auto}.log-entry{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:baseline;gap:.75rem;padding:.6rem .9rem;font-size:.9rem;display:flex}.log-entry .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.log-entry .stats{color:var(--muted);white-space:nowrap}.log-entry.ok .stats{color:var(--ok)}.log-entry.error .stats{color:var(--err)}#paste-section{margin:0 1.5rem 1.5rem}#paste-section h2{margin:0 0 .75rem;font-size:1.1rem}.paste-columns{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=1000px){.paste-columns{grid-template-columns:1fr 1fr}.paste-columns:has(#paste-preview)>:last-child{grid-column:span 2}}@media (width<=700px){.paste-columns{grid-column:auto;grid-template-columns:1fr}.paste-columns:has(#paste-preview)>:last-child{grid-column:auto;grid-template-columns:1fr}}.paste-column{flex-direction:column;gap:.4rem;display:flex}.paste-column label{color:var(--muted);font-size:.8rem;font-weight:600}#paste-input,#paste-output{resize:vertical;border:1px solid var(--border);background:var(--surface);min-height:320px;color:var(--fg);border-radius:10px;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5}#paste-output{cursor:text}#paste-preview{border:1px solid var(--border);background-color:var(--surface);background-image:conic-gradient(color-mix(in srgb, var(--fg) 6%, transparent) 90deg, transparent 90deg 180deg, color-mix(in srgb, var(--fg) 6%, transparent) 180deg 270deg, transparent 270deg);background-size:20px 20px;border-radius:10px;justify-content:center;align-items:center;min-height:320px;padding:.75rem;display:flex}#paste-preview svg{max-width:100%;max-height:280px}.paste-actions{justify-content:flex-end;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.paste-status{color:var(--muted);font-size:.85rem}.paste-status.ok{color:var(--ok)}.paste-status.error{color:var(--err)}img.logo{width:240px;height:auto;margin-bottom:1rem}#site-footer{text-align:center;color:var(--muted);padding:1rem 1.5rem;font-size:.75rem}#site-footer a{color:#2a11ff;border-bottom:1px dotted #2a11ff;text-decoration:none}#site-footer a:hover{color:#e60e56;border-bottom:1px dotted #e60e56;text-decoration:none}#site-footer p{margin:0}p.instruction{color:var(--muted);font-size:.95rem;line-height:1.8}p.hint{color:var(--muted);max-width:300px;padding:1rem 0;font-size:.95rem;line-height:1.8}