:root{color-scheme:light;--bg: #ffffff;--bg-sunk: #f6f6f7;--bg-card: #ffffff;--ink: #101012;--ink-2: #3c3c42;--muted: #76767e;--rule: #e7e7ea;--rule-2: #d3d3d9;--accent: #5b45d6;--accent-ink: #5b45d6;--on-accent: #fff;--ok: #1f8a4c;--warn: #b26a00;--bad: #c62828;--shadow: 0 2px 6px rgba(16, 16, 18, .05), 0 30px 60px -30px rgba(16, 16, 18, .3);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #121214;--bg-sunk: #191a1d;--bg-card: #1b1b1f;--ink: #f2f2f4;--ink-2: #c2c2c9;--muted: #8b8b93;--rule: #26262b;--rule-2: #3a3a41;--accent: #6d5ce0;--accent-ink: #a294f5;--ok: #4cc27a;--warn: #e0a545;--bad: #ef6b6b;--shadow: 0 2px 6px rgba(0, 0, 0, .5), 0 34px 70px -32px rgba(0, 0, 0, .85)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100dvh}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}#app{max-width:760px;margin:0 auto;padding:28px 20px 64px;display:flex;flex-direction:column;gap:28px}.tools-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.tools-wordmark{font-size:18px;font-weight:600;letter-spacing:.02em;color:var(--ink);-webkit-user-select:none;user-select:none}.tools-wordmark span{color:var(--accent-ink)}.tools-wordmark small{color:var(--muted);font-weight:500;margin-left:8px}.tools-top a.tools-app{font-size:14px;color:var(--muted)}h1{font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-.015em}h2{font-size:18px;font-weight:600}.lede{color:var(--ink-2);font-size:17px;max-width:40em}.tools-list{display:grid;gap:12px;list-style:none}.tools-list a{display:block;padding:16px 18px;border:1px solid var(--rule);border-radius:12px;background:var(--bg-card);color:inherit;transition:border-color .15s ease}.tools-list a:hover{border-color:var(--rule-2);text-decoration:none}.tools-list strong{display:block;font-size:16px;font-weight:600}.tools-list p{color:var(--muted);font-size:14px;margin-top:4px}.card{border:1px solid var(--rule);border-radius:12px;background:var(--bg-card);padding:20px;display:flex;flex-direction:column;gap:14px}.muted{color:var(--muted);font-size:14px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:180px;padding:28px 20px;border:2px dashed var(--rule-2);border-radius:14px;background:var(--bg-sunk);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.drop:hover,.drop:focus-within{border-color:var(--accent)}.drop.is-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-sunk))}.drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop strong{font-size:17px;font-weight:600}.drop .muted{max-width:34em}.drop-icon{width:36px;height:36px;color:var(--accent-ink)}.drop-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.direction{display:inline-flex;align-items:center;gap:8px;font-weight:600;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-ink);align-self:flex-start}.direction svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.report{display:flex;flex-direction:column;gap:4px;list-style:none}.report li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:14.5px}.report li>span:first-child{font-weight:700;text-align:center}.report .ok>span:first-child{color:var(--ok)}.report .warn>span:first-child{color:var(--warn)}.report .bad>span:first-child{color:var(--bad)}.report code,.file-list code{font-family:var(--mono);font-size:13px;background:var(--bg-sunk);border-radius:4px;padding:1px 5px}.file-list{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:260px;overflow:auto;padding:8px 10px;border:1px solid var(--rule);border-radius:8px;background:var(--bg-sunk);font-size:13.5px}.file-list li{display:flex;gap:8px;align-items:baseline}.file-list .miss{color:var(--bad)}.file-list .miss code{background:color-mix(in srgb,var(--bad) 12%,var(--bg-sunk))}details summary{cursor:pointer;color:var(--ink-2);font-size:14px;-webkit-user-select:none;user-select:none}details[open] summary{margin-bottom:8px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--rule-2);background:var(--bg-card);color:var(--ink);font-weight:600;font-size:15px}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{filter:brightness(1.08)}.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cue-table{width:100%;border-collapse:collapse;font-size:13.5px}.cue-table th,.cue-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--rule);vertical-align:top}.cue-table th{color:var(--muted);font-weight:500;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}.cue-table td.num{font-family:var(--mono);white-space:nowrap}.cue-table tr.sub td{color:var(--ink-2)}.cue-table tr.sub td.num{padding-left:22px}.table-wrap{overflow:auto;max-height:420px;border:1px solid var(--rule);border-radius:8px}.steps{padding-left:22px;color:var(--ink-2);font-size:15px;display:flex;flex-direction:column;gap:6px}.steps code{font-family:var(--mono);font-size:13px;background:var(--bg-sunk);border-radius:4px;padding:1px 5px}.error{color:var(--bad);font-weight:600}.tools-foot{color:var(--muted);font-size:13.5px;border-top:1px solid var(--rule);padding-top:18px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}