:root{--bg:#e6e9ef;--panel:#eff1f5;--ink:#4c4f69;--dim:#6c6f85;--line:#ccd0da;--line-strong:#9ca0b0;--title:#8839ef;--good:#40a02b;--warn:#d20f39;--info:#1e66f5;--marker:#ead5b8;--accent:#d20f39;--on-accent:#eff1f5;--toast-bg:#4c4f69;--toast-ink:#eff1f5;--row:1.5em;--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#181825;--panel:#1e1e2e;--ink:#cdd6f4;--dim:#a6adc8;--line:#313244;--line-strong:#6c7086;--title:#cba6f7;--good:#a6e3a1;--warn:#f38ba8;--info:#89b4fa;--marker:#4a4234;--accent:#f38ba8;--on-accent:#1e1e2e;--toast-bg:#cdd6f4;--toast-ink:#1e1e2e;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{-webkit-text-size-adjust:100%;font:15px/1.5 ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,Liberation Mono,monospace}.page{max-width:104ch;margin:0 auto;padding:24px 16px 48px}.pane{background:var(--panel);border:1px solid var(--line);border-radius:6px;min-height:12em;padding:16px 20px}.loading,.viewer{margin:0 0 var(--row)}.loading{color:var(--dim)}.viewer{color:var(--warn)}.box{display:flex;min-width:0;max-width:100%}.box-row{flex-direction:row;align-items: center}.box-column{flex-direction:column;align-items: flex-start}.box-wrap{flex-wrap:wrap;row-gap:6px}.box-column>.box-row{margin:1px 0}.text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.text-bold{font-weight:700}.text-dim{color:var(--dim)}.tone-title{color:var(--title)}.tone-good{color:var(--good)}.tone-warn{color:var(--warn)}.tone-info{color:var(--info)}.button{font:inherit;color:var(--ink);border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;border-radius:4px;padding:1px 10px;line-height:1.35}.button:hover{border-color:var(--title);color:var(--title)}.button:focus-visible{outline:2px solid var(--info);outline-offset:1px}.field-input:focus-visible{outline:2px solid var(--info);outline-offset:1px}.button:active{transform:translateY(1px)}.button-dim{color:var(--dim);border-style:dashed}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button-primary:hover{color:var(--on-accent);filter:brightness(1.08)}.field{display:flex;flex-wrap:wrap;align-items: center;gap:8px 1ch;margin:8px 0}.field-input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:4px;width:24ch;max-width:100%;padding:4px 8px}.probe{position:absolute;visibility:hidden;white-space:pre}.footer{display:flex;color:var(--dim);flex-wrap:wrap;gap:4px 2ch;margin-top:12px;font-size:13px}.footer a{color:var(--info)}.mark{color:var(--title)}.toasts{position:fixed;z-index:10;display:flex;flex-direction:column;gap:8px;max-width:min(52ch,100vw - 32px);bottom:16px;right:16px}.toast{background:var(--toast-bg);color:var(--toast-ink);cursor:pointer;animation:.16s ease-out toast-in;border-radius:6px;padding:8px 12px;box-shadow:0 4px 16px #00000040}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media (max-width:600px){body{font-size:14px}.page{padding:16px 16px 40px}.pane{padding:12px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}