:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--muted:#666;--border:#ddd;--ok:#1a7f37;--error:#cf222e;--warning:#9a6700;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1117;--fg:#e6edf3;--muted:#9198a1;--border:#30363d;--ok:#3fb950;--error:#f85149;--warning:#d29922}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.app{width:100%;padding:16px}.header h1{margin:0 0 4px;font-size:1.5rem}.header p{color:var(--muted);margin:0 0 16px}.layout{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (width>=1000px){.layout{grid-template-columns:1fr 1fr}.examples{max-height:calc(100vh - 32px);padding-right:4px;position:sticky;top:16px;overflow-y:auto}}.workspace{grid-template-columns:1fr;gap:16px;display:grid}.pane{border:1px solid var(--border);border-radius:8px;padding:12px}.pane-title{color:var(--muted);margin:0 0 8px;font-size:.9rem;font-weight:600;display:block}.editor{resize:vertical;width:100%;height:48vh;min-height:280px;color:var(--fg);border:1px solid var(--border);background:0 0;border-radius:6px;padding:8px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.status{margin:0 0 12px;font-weight:600}.status-ok{color:var(--ok)}.status-error{color:var(--error)}.issues{gap:8px;margin:0;padding:0;list-style:none;display:grid}.issue{border-top:1px solid var(--border);grid-template-columns:auto 1fr;align-items:baseline;gap:4px 8px;padding-top:8px;display:grid}.badge{text-transform:uppercase;color:#fff;border-radius:4px;padding:2px 6px;font-size:.7rem}.badge-error{background:var(--error)}.badge-warning{background:var(--warning)}.path,.code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.code{color:var(--muted)}.hint{color:var(--muted);margin:0 0 12px}.area{border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.area summary{cursor:pointer;align-items:baseline;gap:12px;padding:10px 12px;display:flex}.area-title{font-weight:600}.area-spec{color:var(--muted);font-size:.85rem}.example-list{gap:12px;margin:0;padding:0 12px 12px;list-style:none;display:grid}.example{border-top:1px solid var(--border);padding-top:12px}.example-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.example-desc{color:var(--muted);margin:4px 0}.example-expect{margin:4px 0 8px;font-size:.85rem}.code-ok{color:var(--ok);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.example-json{border:1px solid var(--border);border-radius:6px;max-height:240px;margin:0;padding:8px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.load{font:inherit;cursor:pointer;border:1px solid var(--border);color:var(--fg);background:0 0;border-radius:6px;padding:4px 10px;font-size:.85rem}.load:hover{border-color:var(--fg)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar button,.toolbar .toggle{font:inherit;border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:.85rem}.toolbar button:hover{border-color:var(--fg)}.toolbar .toggle{align-items:center;gap:6px;display:inline-flex}.spec-link{color:var(--muted);margin-left:auto;font-size:.85rem}.issue-button{all:unset;cursor:pointer;grid-template-columns:auto auto auto 1fr;align-items:baseline;gap:4px 8px;width:100%;display:grid}.badge-lint{background:var(--muted)}.where{color:var(--muted);min-width:5ch;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.issue-button .path{grid-column:4}.issue-button .message,.issue-button .code{grid-column:2/-1}.issue-button:hover .message,.issue-button:focus-visible .message{text-decoration:underline}.badge-beta{vertical-align:middle;background:var(--warning);font-size:.65rem}
