*{box-sizing:border-box}:root{color-scheme:light dark;--bg: #ffffff;--card-bg: #ffffff;--muted: #888;--border: #e6e6e6;--accent: #e30613;--text: #111;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #0b0b0b;--card-bg: #181818;--muted: #bbb;--border: #222;--text: #eee}}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg)}#app{max-width:980px;margin:0 auto;padding:24px}header{margin-bottom:16px}header h1{margin:0 0 6px;font-size:24px}.input-area,.resolve-area{display:flex;gap:8px;margin:12px 0 8px}.input-area input,.resolve-area input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text)}.input-area button,.resolve-area button{padding:10px 14px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.input-area button:hover,.resolve-area button:hover{filter:brightness(.95)}.status{min-height:20px;margin:8px 0 12px;color:var(--muted)}.results.hidden{display:none}.card{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--card-bg);color:var(--text);overflow:hidden;margin-bottom:24px}.card h2{margin-top:0}.kv{display:grid;grid-template-columns:180px 1fr;gap:8px 12px}.kv div{padding:4px 0;border-bottom:1px dashed rgba(255,0,0,.05);word-break:break-word}.kv div b{color:#555}.code{font-family:var(--mono);background:#f6f8fa;padding:2px 6px;border-radius:6px}footer{margin-top:24px;color:var(--muted)}.extlinkicon{display:inline-block;width:12px;height:12px;margin-left:8px;fill:var(--muted)}.productimage{width:100%;max-width:300px}.card table{width:100%;border-collapse:collapse;margin:0;table-layout:fixed}.card thead th{background:#00000008;font-weight:600;padding:10px 12px;text-align:left}.card th,.card td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.card tbody tr:nth-child(odd){background:#00000005}.card thead th:first-child,.card tbody td:first-child{width:180px;max-width:180px}.card thead th:nth-child(2),.card tbody td:nth-child(2),.card thead th:nth-child(3),.card tbody td:nth-child(3){width:calc((100% - 180px)/2);max-width:calc((100% - 180px)/2)}table a{word-break:break-all}.url{font-family:var(--mono);font-size:13px}:root{--textarea-bg: #fbfbfb}@media (prefers-color-scheme: dark){:root{--textarea-bg: #0f0f0f}}textarea{font-family:var(--mono);font-size:13px;line-height:1.45;width:100%;background:var(--textarea-bg);border-radius:8px;padding:12px;border:1px solid var(--border)}.markdown{display:block;width:100%;margin-top:1em;font-family:var(--mono);font-size:13px;white-space:pre-wrap;cursor:pointer}.markdown.toast-active{opacity:.4;transition:opacity .18s ease;filter:blur(2px)}.results section{border-top:1px solid var(--border);padding-top:16px;margin-top:18px}.copy-toast{position:fixed;left:50%;top:20%;transform:translate(-50%) translateY(-8px);z-index:9999;display:inline-block;padding:10px 14px;background:#000000d9;color:#fff;border-radius:10px;font-size:14px;box-shadow:0 6px 20px #00000059;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.copy-toast.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.copy-toast.dismiss{opacity:0;transform:translate(-50%) translateY(-8px)}@media (prefers-color-scheme: dark){.card th{background:#222}.card th,.card td{border-bottom-color:#2a2a2a}.card tbody tr:nth-child(odd){background:#ffffff03}textarea{background:#333;color:#ddd;border:1px solid #222}.code{background:#111}}
