:root{--bg:#f7f7f5;--panel:#fff;--text:#1c1c1a;--muted:#6b6b66;--border:#e4e4df;--accent:#2f5d50;--accent-text:#fff;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}.app{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:24px 16px 48px;display:flex}.app-header h1{letter-spacing:.02em;margin:0 0 4px;font-size:20px}.subtitle{color:var(--muted);margin:0;font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px}.panel h2{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:600}textarea{resize:vertical;border:1px solid var(--border);width:100%;font:inherit;color:var(--text);background:#fcfcfb;border-radius:8px;padding:10px;font-size:15px;line-height:1.5}textarea:focus{outline:2px solid var(--accent);outline-offset:1px}#token-input{border:1px solid var(--border);min-width:0;font:inherit;color:var(--text);background:#fcfcfb;border-radius:8px;flex:1;padding:9px 10px;font-size:14px}#token-input:focus{outline:2px solid var(--accent);outline-offset:1px}.actions{gap:8px;margin-top:10px;display:flex}button{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 18px;font-size:14px}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{border-color:var(--border);color:var(--muted);background:0 0}.output{white-space:pre-wrap;word-break:break-word;min-height:72px;color:var(--text);margin:0;font-size:14px;line-height:1.6}.app-footer p{color:var(--muted);text-align:center;margin:0;font-size:12px}.count{float:right;color:var(--muted);font-weight:400}.trace,.records{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.trace li,.records li{border:1px solid var(--border);background:#fcfcfb;border-radius:8px;padding:10px;font-size:13px}.trace code{color:var(--accent);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-weight:600}.trace pre{white-space:pre-wrap;word-break:break-word;color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.trace .empty,.records .empty{color:var(--muted);font-size:13px}.records li{justify-content:space-between;gap:12px;display:flex}.records .rec-content{flex:1}.records .rec-meta{color:var(--muted);white-space:nowrap;font-size:12px}button.small{float:right;padding:4px 12px;font-size:12px}.hint{color:var(--muted);margin:0 0 10px;font-size:12px}.eval{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.eval li{border:1px solid var(--border);background:#fcfcfb;border-radius:8px;grid-template-columns:48px 1fr auto;align-items:baseline;gap:8px;padding:8px 10px;font-size:13px;display:grid}.eval li.pass{border-left:3px solid #2f8f5b}.eval li.fail{border-left:3px solid #c04a3a}.eval .badge{color:var(--muted);font-size:11px}.eval .eval-input{word-break:break-word}.eval .eval-actual{color:var(--muted);white-space:nowrap;font-size:12px}.eval .failures{color:#a33a2c;grid-column:2/-1;margin:0;padding-left:16px;font-size:12px}