:root{--bg:#f7f7f5;--panel:#fff;--text:#1d1d1b;--muted:#66665f;--border:#deded8;--accent:#2d5fb4;--ok-bg:#eef7ee;--ok:#1f6b2a;--ng-bg:#fcefee;--ng:#a2261c;--code-bg:#f1f1ec;--t-comment:#6e7068;--t-string:#116329;--t-number:#0550ae;--t-variable:#8250df;--t-keyword:#b3261e;--t-function:#953800;--t-constant:#0550ae;--t-operator:#57606a;--fi-key:#0a4f9e;--fi-key-unknown:#8a5a00;--fi-end:#6639ba;--t-type:#1b6f86;--code-line-bg:#f4f1e6;--stub:#8a5a00;--br-0:#0969da;--br-1:#8250df;--br-2:#bf3989;--br-3:#8a5a00;--br-4:#1a7f37;--br-5:#0e7490;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161615;--panel:#1f1f1d;--text:#e9e9e4;--muted:#a3a39b;--border:#3a3a36;--accent:#8fb3ff;--ok-bg:#16301a;--ok:#8fdc9a;--ng-bg:#3a1a17;--ng:#ff9d92;--code-bg:#2a2a27;--t-comment:#9d9d95;--t-string:#7ee787;--t-number:#79c0ff;--t-variable:#d2a8ff;--t-keyword:#ff8f86;--t-function:#ffa657;--t-constant:#79c0ff;--t-operator:#b1b1a9;--fi-key:#8cc4ff;--fi-key-unknown:#e3b341;--fi-end:#c9a7ff;--t-type:#4ec9b0;--code-line-bg:#262521;--stub:#e3b341;--br-0:#79c0ff;--br-1:#d2a8ff;--br-2:#ff9bce;--br-3:#e3b341;--br-4:#7ee787;--br-5:#56d4dd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#161615;--panel:#1f1f1d;--text:#e9e9e4;--muted:#a3a39b;--border:#3a3a36;--accent:#8fb3ff;--ok-bg:#16301a;--ok:#8fdc9a;--ng-bg:#3a1a17;--ng:#ff9d92;--code-bg:#2a2a27;--t-comment:#9d9d95;--t-string:#7ee787;--t-number:#79c0ff;--t-variable:#d2a8ff;--t-keyword:#ff8f86;--t-function:#ffa657;--t-constant:#79c0ff;--t-operator:#b1b1a9;--fi-key:#8cc4ff;--fi-key-unknown:#e3b341;--fi-end:#c9a7ff;--t-type:#4ec9b0;--code-line-bg:#262521;--stub:#e3b341;--br-0:#79c0ff;--br-1:#d2a8ff;--br-2:#ff9bce;--br-3:#e3b341;--br-4:#7ee787;--br-5:#56d4dd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}h1{margin:0;font-size:1.35rem}h2{margin:0 0 .5rem;font-size:1.05rem}h3{margin:1rem 0 .4rem;font-size:.95rem}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.85rem}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;max-width:1400px;margin:0 auto;padding:1rem 16px .5rem;display:flex}.top p{margin:.2rem 0 0}.examples{align-items:center;gap:.5rem;display:flex}.layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"editor context""trace trace""info info""catalog catalog";gap:16px;max-width:1400px;margin:0 auto;padding:0 16px 16px;display:grid}.editor-panel{grid-area:editor}.context-panel{grid-area:context}.info-panel{grid-area:info}.trace-panel{grid-area:trace}.catalog-panel{grid-area:catalog}@media (max-width:900px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"editor""context""trace""info""catalog"}.trace-body,.catalog-body{grid-template-columns:minmax(0,1fr)!important}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:0;padding:14px 16px}.panel>p.small{margin:-.2rem 0 .6rem}#editor .cm-editor,.code-editor .cm-editor{border:1px solid var(--border);background:var(--panel);min-height:12rem;max-height:60vh;color:var(--text);border-radius:6px;font-size:14px}.code-editor .cm-scroller{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.code-editor .cm-gutters{background:var(--code-bg);color:var(--muted);border-right:1px solid var(--border)}.code-editor .cm-activeLine,.code-editor .cm-activeLineGutter{background:color-mix(in srgb, var(--accent) 7%, transparent)}.cm-tooltip{color:var(--text);background:var(--panel)!important;border:1px solid var(--border)!important}.cm-hover-doc{max-width:32rem;padding:.4rem .6rem;font-size:.88rem}.cm-hover-title{margin-bottom:.2rem;font-family:ui-monospace,monospace;font-weight:600}.cm-hover-row{margin:.15rem 0}.cm-hover-label{color:var(--muted);margin-right:.5rem}.cm-doc{max-width:28rem;font-size:.88rem}.cm-doc-en,.cm-doc-extra{color:var(--muted);margin-top:.2rem}#result{margin-top:.2rem}.result-ok{background:var(--ok-bg);border-radius:6px;padding:.6rem .8rem}.result-value{color:var(--ok);word-break:break-all;font:600 1.6rem/1.3 ui-monospace,monospace}.result-ok dl{grid-template-columns:auto 1fr;gap:.1rem .8rem;margin:.4rem 0 0;font-size:.9rem;display:grid}.result-ok dt{color:var(--muted)}.result-ok dd{margin:0;font-family:ui-monospace,monospace}.result-error{background:var(--ng-bg);color:var(--text);border-radius:6px;padding:.6rem .8rem}.result-error p{margin:.3rem 0}.error-head{color:var(--ng);font-weight:600}.badge{background:var(--ng);color:var(--panel);border-radius:4px;padding:.05rem .4rem;font:600 .8rem ui-monospace,monospace;display:inline-block}.fix{color:var(--text)}.settings{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem .8rem;display:grid}.settings label{color:var(--muted);flex-direction:column;gap:.15rem;font-size:.85rem;display:flex}input,select,textarea,button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:5px}input,select{width:100%;min-width:0;padding:.25rem .4rem}input[type=checkbox]{width:auto}textarea{resize:vertical;width:100%;padding:.5rem;font:13px/1.5 ui-monospace,monospace}button{cursor:pointer;padding:.3rem .8rem}button:hover{border-color:var(--accent)}button.icon{padding:.1rem .5rem}button.link{color:var(--accent);background:0 0;border:none;padding:.2rem .3rem}.buttons{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.grid{border-collapse:collapse;width:100%;font-size:.88rem}.grid th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:.2rem .3rem;font-weight:500}.grid td{vertical-align:top;border-bottom:1px solid var(--border);padding:.2rem .3rem}.grid td.ok{color:var(--ok);font-family:ui-monospace,monospace}.grid td.ng{color:var(--ng);font-family:ui-monospace,monospace}.grid code{background:var(--code-bg);word-break:break-all;border-radius:3px;padding:0 .2rem;font-size:.82rem}.grid .hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:16rem;font-size:.75rem;overflow:hidden}.externals input.narrow{width:3.5rem}.context-panel,.info-panel{overflow-x:auto}footer{max-width:1400px;margin:0 auto;padding:0 16px 1.5rem}.examples{white-space:nowrap}.examples select{width:auto;max-width:70vw}#variables td:nth-child(2) select{min-width:6.5rem}#variables td:first-child{width:45%}.externals select{min-width:5.5rem}.panel-head{flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem;display:flex}.panel-head h2{margin-right:auto}.panel-head label{color:var(--muted);align-items:center;gap:.3rem;display:inline-flex}.trace-body{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;margin-top:.4rem;display:grid}.trace-tree-box{border:1px solid var(--border);border-radius:6px;min-height:3rem;max-height:28rem;padding:.3rem;overflow:auto}.trace-step-box{min-width:0}.trace-tree,.trace-children{margin:0;padding:0;list-style:none}.trace-children{border-left:1px dotted var(--border);margin-left:.55rem;padding-left:1.1rem}.trace-row{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:baseline;gap:.4rem;padding:.05rem .2rem;font-size:.86rem;display:flex}.trace-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.trace-row.selected{background:color-mix(in srgb, var(--accent) 18%, transparent)}.trace-row.failing{outline:1px solid var(--ng)}.trace-toggle{width:1.1rem;color:var(--muted);background:0 0;border:none;padding:0 .15rem}.trace-toggle:disabled{cursor:default}.trace-kind{color:var(--muted);font-size:.78rem}.trace-src{text-overflow:ellipsis;background:var(--code-bg);border-radius:3px;max-width:22rem;padding:0 .25rem;font-family:ui-monospace,monospace;overflow:hidden}.trace-arrow{color:var(--muted)}.trace-val{color:var(--ok);font-family:ui-monospace,monospace}.trace-type{color:var(--muted);margin-left:.25rem;font-size:.75rem}.trace-err{color:var(--ng);font-family:ui-monospace,monospace}.te-trace-mark{background:color-mix(in srgb, var(--accent) 25%, transparent);border-radius:2px}.te-trace-error{-webkit-text-decoration:underline wavy var(--ng);text-decoration:underline wavy var(--ng);background:color-mix(in srgb, var(--ng) 14%, transparent)}.step-nav{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.step-nav button{padding:.15rem .55rem}.step-event{margin:.5rem 0;font-size:.9rem}.step-event code,.step-stack code{background:var(--code-bg);border-radius:3px;padding:0 .25rem;font-size:.82rem}.badge-soft{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text);border-radius:4px;padding:0 .35rem;font-size:.75rem;display:inline-block}.step-stack{max-height:20rem;margin:.2rem 0 0;padding-left:1.4rem;font-size:.86rem;overflow:auto}.step-stack li{margin:.2rem 0}.step-done{flex-wrap:wrap;gap:.2rem .8rem;font-size:.82rem;display:flex}.ok-text{color:var(--ok)}.catalog-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.catalog-toolbar label{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.catalog-toolbar select{width:auto}.catalog-toolbar input[type=search]{flex:12rem;width:auto}.catalog-summary,.catalog-validation{margin:.4rem 0}.catalog-validation ul{margin:.2rem 0;padding-left:1.2rem}.catalog-body{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:16px;display:grid}.catalog-list{border:1px solid var(--border);border-radius:6px;max-height:30rem;margin:0;padding:.2rem;list-style:none;overflow:auto}.catalog-item{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:baseline;gap:.4rem;padding:.1rem .3rem;font-size:.86rem;display:flex}.catalog-item:hover,.catalog-item:focus{background:color-mix(in srgb, var(--accent) 8%, transparent);outline:none}.catalog-item.selected{background:color-mix(in srgb, var(--accent) 18%, transparent)}.catalog-item code{font-size:.82rem}.catalog-sub{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.catalog-mark{width:.9rem;color:var(--accent);flex:none}.catalog-editor h3{margin-top:0}.catalog-field{border:1px solid var(--border);color:var(--muted);border-radius:6px;margin:0 0 .5rem;padding:.3rem .6rem .5rem;font-size:.86rem;display:block}.catalog-field label{grid-template-columns:1.6rem 1fr;align-items:start;gap:.3rem;margin:.2rem 0;display:grid}.catalog-field textarea{color:var(--text);font:13px/1.45 system-ui,sans-serif}.catalog-raw{font:12px/1.45 ui-monospace,monospace!important}.catalog-variant{border-top:1px dotted var(--border);margin-top:.3rem;padding-top:.3rem}.catalog-output-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-top:.6rem;display:flex}.catalog-pre{background:var(--code-bg);white-space:pre;border-radius:6px;max-height:22rem;padding:.5rem;font-size:12px;overflow:auto}.catalog-pr .settings .wide{grid-column:1/-1}html.in-vscode .top{padding-top:.5rem}.info-editor .cm-editor{min-height:16rem}.te-t-comment,.te-t-fi-comment{color:var(--t-comment);font-style:italic}.te-t-string{color:var(--t-string)}.te-t-number{color:var(--t-number)}.te-t-variable{color:var(--t-variable)}.te-t-keyword{color:var(--t-keyword);font-weight:600}.te-t-function,.te-t-method{color:var(--t-function)}.te-t-constant{color:var(--t-constant);font-weight:600}.te-t-operator{color:var(--t-operator)}.te-t-code{background:var(--code-bg)}.te-t-type{color:var(--t-type)}.te-t-code-fence{color:var(--t-comment);font-weight:600}.cm-line.te-code-line{background:var(--code-line-bg);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--t-type) 45%, transparent)}.stub-tag{color:var(--stub);border:1px solid var(--stub);white-space:nowrap;border-radius:3px;margin-left:.25rem;padding:0 .3rem;font-size:.72rem;font-weight:600;display:inline-block}.stub-note{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.stub-note .stub-tag{margin:0 .25rem 0 0}.te-t-fi-key{color:var(--fi-key);font-weight:600}.te-t-fi-key-unknown{color:var(--fi-key-unknown);font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.te-t-fi-colon{color:var(--t-operator)}.te-t-fi-end{color:var(--fi-end);background:color-mix(in srgb, var(--fi-end) 10%, transparent);font-weight:600}.te-t-fi-end-bad,.te-t-fi-junk{color:var(--ng);background:var(--ng-bg)}.te-bracket-d0{color:var(--br-0)}.te-bracket-d1{color:var(--br-1)}.te-bracket-d2{color:var(--br-2)}.te-bracket-d3{color:var(--br-3)}.te-bracket-d4{color:var(--br-4)}.te-bracket-d5{color:var(--br-5)}.te-bracket-d0,.te-bracket-d1,.te-bracket-d2,.te-bracket-d3,.te-bracket-d4,.te-bracket-d5{font-weight:600}.te-bracket-unmatched{color:var(--ng);background:var(--ng-bg);-webkit-text-decoration:underline wavy var(--ng);text-decoration:underline wavy var(--ng);font-weight:700}.te-bracket-match{background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:2px;outline:1px solid}.te-bracket-match-none{outline:1px solid var(--ng);border-radius:2px}.grammar-links{margin:.1rem 0 0}.grammar-links a,.panel-head a{color:var(--accent)}.header-buttons{align-self:flex-start;gap:.4rem;display:flex}.tour-banner{z-index:60;background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;max-width:90vw;padding:.6rem .9rem;display:flex;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.tour-overlay{z-index:70;pointer-events:none;background:#00000059;position:fixed;inset:0}.tour-highlight{z-index:71;pointer-events:none;box-shadow:0 0 0 4px var(--accent), 0 0 0 9999px #0000008c;border-radius:8px;transition:left .15s,top .15s,width .15s,height .15s;position:fixed}.tour-bubble{z-index:72;background:var(--panel);width:min(360px,92vw);max-height:70vh;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.8rem .9rem;position:fixed;overflow:auto;box-shadow:0 10px 32px #0000004d}.tour-bubble:focus{outline:2px solid var(--accent);outline-offset:2px}.tour-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.tour-head h3{margin:0;font-size:1rem}.tour-progress{color:var(--muted);white-space:nowrap;font-size:.8rem}.tour-body p{margin:.3rem 0}.tour-links{margin-top:.5rem}.tour-nav{justify-content:flex-end;gap:.4rem;margin-top:.7rem;display:flex}.tour-close{position:absolute;top:.3rem;right:.4rem}.help-dialog{border:1px solid var(--border);width:min(720px,94vw);max-height:86vh;color:var(--text);background:var(--panel);border-radius:10px;padding:0}.help-dialog::backdrop{background:#00000073}.help-head{border-bottom:1px solid var(--border);background:var(--panel);align-items:baseline;gap:.6rem;padding:.8rem 1rem;display:flex;position:sticky;top:0}.help-head h2{margin:0 auto 0 0}.help-body{padding:.2rem 1rem 1.2rem;overflow:auto}.help-section{border-bottom:1px dotted var(--border);padding:.7rem 0}.help-section:last-child{border-bottom:none}.help-section h3{margin-bottom:.1rem}.help-section p{margin:.3rem 0}.eval-target{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .4rem;display:flex}.eval-target[hidden]{display:none}.target-tag{color:var(--ok,#1a7f37);vertical-align:middle;white-space:nowrap;border:1px solid;border-radius:3px;margin-left:.25rem;padding:0 .3rem;font-size:.72rem;font-weight:600;display:inline-block}