.so-tool{gap:var(--s5);grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);align-items:start;display:grid}.so-counter,.so-ticket{min-width:0;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1)}.so-ticket{box-shadow:var(--shadow-1);overflow:clip}.so-ticket:focus,.so-compare:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.so-working p,.so-pickup>p,.so-empty p{color:var(--ink-1);font-size:14px}.so-ticket h2{margin:0;font-size:18px}.so-glyph{color:var(--ink-1);font:28px var(--font-mono)}.so-source-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:14px;display:flex}.so-source-row>div{min-width:0;display:grid}.so-source-row strong{overflow-wrap:anywhere}.so-source-row span{color:var(--ink-1);font-size:13px}.so-replace{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-0);cursor:pointer;align-items:center;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex;position:relative}.so-replace input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.so-replace:focus-within{outline:3px solid var(--focus);outline-offset:2px}.so-paste-source{margin-top:14px}.so-paste-source summary{cursor:pointer;align-items:center;min-height:44px;font-weight:750;display:flex}.so-paste-source textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-0);width:100%;min-width:0;min-height:154px;color:var(--ink-0);font:13px/1.45 var(--font-mono);margin-top:6px;padding:10px}.so-paste-source textarea:focus-visible,.so-primary:focus-visible,.so-download:focus-visible,.so-link:focus-visible,.so-working button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.so-advice{border-left:4px solid var(--warn-surface);background:var(--surface-2);margin:12px 0 0;padding:10px 12px;font-size:14px}.so-action{--tool-actions-bg:var(--surface-1);margin-top:16px}.so-action .so-primary{width:100%}.so-download-row{--tool-actions-bg:var(--surface-1)}.so-primary,.so-working button,.so-download{box-sizing:border-box;border-radius:var(--r-sm);text-align:center;justify-content:center;align-items:center;min-height:48px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.so-primary,.so-download{background:var(--brass);color:var(--on-brass);border:0}.so-working button{border:1px solid var(--line);background:var(--surface-0);color:var(--ink-0)}.so-primary:disabled{cursor:not-allowed;opacity:.45}.so-stub{color:var(--ink-1);font:12px var(--font-mono);justify-content:space-between;gap:12px;display:flex}.so-perf{height:1px;margin:14px calc(-1 * var(--s5)) 20px;background-image:linear-gradient(90deg, var(--line) 55%, transparent 0);background-size:9px 1px}.so-empty,.so-working{text-align:center;align-content:center;justify-items:center;gap:10px;min-height:320px;display:grid}.so-empty>span{color:var(--ink-2);font:28px var(--font-mono)}.so-keytag{border:2px solid var(--brass);border-radius:var(--r-sm);background:var(--brass-wash);block-size:42px;inline-size:64px;color:var(--ink-0);font:14px var(--font-mono);transform-origin:50% -18px;place-items:center;animation:1.4s ease-in-out infinite so-swing;display:grid}@keyframes so-swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.so-working progress{width:min(100%,280px);height:12px;accent-color:var(--brass)}.so-working .so-complexity{border-left:4px solid var(--warn-surface);background:var(--surface-2);text-align:left;padding:10px;font-size:13px}.so-working button{width:100%;margin-top:8px}.so-pickup{gap:10px;display:grid}.so-pickup>p{margin:0}.so-size{gap:2px;display:grid}.so-size span:first-child{color:var(--ink-0);font:20px var(--font-mono)}.so-selection{font-size:13px}.so-notes{border-left:4px solid var(--warn-surface);background:var(--surface-2);margin:0;padding:10px 10px 10px 28px;font-size:13px}.so-notes li{overflow-wrap:anywhere}.so-notes li+li{margin-top:4px}.so-download{width:100%;margin-top:4px}.so-more{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.so-link{min-height:44px;color:var(--ink-0);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.so-copied{font-size:13px}.so-error{min-height:1.5em;color:var(--error);overflow-wrap:anywhere;margin:12px 0 0}.so-compare{margin:0}.so-compare-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.so-compare-pair>div{min-width:0}.so-compare figcaption{color:var(--ink-1);font:13px var(--font-mono);margin-top:6px}.so-checker{border:1px solid var(--line);background-color:var(--surface-0);background-image:linear-gradient(45deg, var(--surface-2) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-2) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-2) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-2) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:center;min-width:0;min-height:160px;padding:12px;display:grid;overflow:hidden}.so-checker img{object-fit:contain;width:100%;height:auto;max-height:360px;display:block}@media (width<=880px){.so-tool{grid-template-columns:1fr}}@media (width<=480px){.so-counter,.so-ticket{padding:16px}.so-perf{margin-inline:-16px}.so-empty,.so-working{min-height:200px}.so-checker{min-height:120px;padding:8px}.so-checker img{max-height:220px}.so-paste-source textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){.so-keytag{animation:none}}