:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--panel:#fff;--text:#1d2330;--muted:#5d6677;--border:#d9dde4;--accent:#1f6feb;--accent-soft:#e3edfd;--bad:#b42318;--bad-soft:#fdecea;--good:#1a7f37;--viewport:#e9ecf1;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12151b;--panel:#1a1e26;--text:#e4e7ec;--muted:#9aa3b2;--border:#2d3340;--accent:#58a6ff;--accent-soft:#1c2d47;--bad:#ff7b72;--bad-soft:#3a1d1d;--good:#56d364;--viewport:#1f242d}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);flex-direction:column;display:flex}a{color:var(--accent)}header{border-bottom:1px solid var(--border);background:var(--panel);padding:10px 16px}h1{margin:0;font-size:18px}.title-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.docs-link{white-space:nowrap;font-size:13px}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:12px}.tagline{color:var(--muted);margin:2px 0 8px}.controls{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.button{background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:5px 12px;font-weight:600;display:inline-block}select{font:inherit;margin-left:4px}#status{color:var(--muted)}#status.error{color:var(--bad)}main{flex:1;grid-template-columns:minmax(200px,280px) 1fr minmax(240px,340px);min-height:0;display:grid}aside{background:var(--panel);min-width:0;padding:12px;overflow:auto}#tree-panel{border-right:1px solid var(--border)}#info-panel{border-left:1px solid var(--border)}#info-panel h2:not(:first-child){margin-top:18px}#viewport{background:var(--viewport);min-height:0;position:relative}#viewport canvas{touch-action:none;width:100%;height:100%;display:block}#sheet-tabs,.badge[hidden]{display:none}.badge{background:var(--bad);color:#fff;text-align:center;border-radius:9px;min-width:18px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}#viewport.dragging{outline:3px dashed var(--accent);outline-offset:-8px}#drop-hint{background:color-mix(in srgb, var(--panel) 85%, transparent);color:var(--muted);pointer-events:none;white-space:nowrap;border-radius:6px;padding:4px 10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hint{color:var(--muted);margin:0}.tree ul{margin:0;padding-left:14px;list-style:none}.tree>ul{padding-left:0}.tree li>.row{padding-left:18px}.tree .row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:1px 4px;display:block;overflow:hidden}.tree .row:hover{background:var(--accent-soft)}.tree summary.row{padding-left:4px;list-style-position:inside;display:list-item}.tree .row.selected{background:var(--accent);color:#fff}.tree .row .mesh{color:var(--accent)}.tree .row.selected .mesh{color:#fff}dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;display:grid}dt{color:var(--muted)}dd{overflow-wrap:anywhere;margin:0}pre{background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;margin:6px 0 0;padding:6px;font-size:12px}.valid{color:var(--good)}.failure{border-left:3px solid var(--bad);background:var(--bad-soft);overflow-wrap:anywhere;border-radius:4px;margin:0 0 6px;padding:6px 8px}.failure code{font-size:12px}@media (max-width:800px){html,body{height:100dvh;overflow:hidden}header{padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top))}h1{font-size:16px}.tagline,.sample .label-text{display:none}.controls{grid-template-columns:auto minmax(0,1fr) auto;gap:6px 10px;margin-top:6px;display:grid}.sample,.sample select{width:100%;min-width:0}select{text-overflow:ellipsis;margin:0;padding:6px 4px}#status{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:12px;overflow:hidden}main{flex-direction:column;display:flex}#viewport{flex:auto}#tree-panel,#info-panel{border:0;border-top:1px solid var(--border);flex:none;order:1;height:45dvh;display:none}body[data-sheet=tree] #tree-panel,body[data-sheet=info] #info-panel{display:block}#sheet-tabs{border-top:1px solid var(--border);background:var(--panel);padding-bottom:env(safe-area-inset-bottom);order:2;display:flex}#sheet-tabs button{min-height:44px;color:var(--muted);font:inherit;background:0 0;border:0;border-top:2px solid #0000;flex:1;font-weight:600}#sheet-tabs button[aria-expanded=true]{border-top-color:var(--accent);color:var(--text)}}@media (pointer:coarse){#drop-hint{display:none}.button{padding:8px 14px}.tree .row{padding-top:7px;padding-bottom:7px}input[type=checkbox]{vertical-align:middle;width:18px;height:18px}}