:root{--demo-bg:#0f1115;--demo-panel:#171a21;--demo-line:#2a2f3a;--demo-text:#e6e8ee;--demo-muted:#9aa3b2;--demo-accent:#4fd1c5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--demo-bg);height:100%;color:var(--demo-text);margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.demoBar{border-bottom:1px solid var(--demo-line);align-items:center;gap:16px;padding:10px 16px;display:flex}.demoBar p{color:var(--demo-muted);margin:0;font-size:14px}.demoHome{color:var(--demo-text);white-space:nowrap;font-weight:600;text-decoration:none}.demo{grid-template-columns:minmax(0,1fr) minmax(320px,30%);height:calc(100% - 49px);display:grid}.launcherPane{border-right:1px solid var(--demo-line);min-width:0;position:relative}.launcherPane iframe,.articlePreview{background:var(--demo-bg);border:0;width:100%}.libraryFrame{height:100%}.utilityWindow{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:10px;flex-direction:column;display:flex;position:absolute;inset:24px;overflow:hidden;box-shadow:0 18px 60px #0000008c}.utilityWindow[hidden]{display:none}.utilityBar{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:center;padding:6px 10px 6px 16px;font-weight:600;display:flex}.utilityClose{color:var(--demo-muted);cursor:pointer;background:0 0;border:0;padding:2px 8px;font-size:22px;line-height:1}.utilityClose:hover{color:var(--demo-text)}.utilityFrame{flex:1}.articlePane{background:var(--demo-bg);min-width:0;color:var(--demo-text);flex-direction:column;padding:16px 16px 0;display:flex}[data-site-theme=light] .articlePane{--demo-bg:#f6f7f9;--demo-line:#d5d9e0;--demo-text:#23262f;--demo-muted:#545861;--demo-accent:#187e83;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.articlePane h2{margin:0 0 6px;font-size:16px}.articleLead{color:var(--demo-muted);margin:0 0 10px;font-size:14px}.articleList{margin:0 0 12px;padding-left:20px}.articleList a{color:var(--demo-accent);text-decoration:none}.articleList li.current a{color:var(--demo-text);font-weight:600}.articlePreview{border:1px solid var(--demo-line);border-radius:8px 8px 0 0;flex:1;min-height:320px}.articleOpen{color:var(--demo-muted);margin:-4px 0 10px;font-size:13px}.embedded,.embedded body{overflow:hidden}.embedded .demoBar{display:none}.embedded .demo{grid-template-columns:minmax(0,1fr) minmax(260px,28%);height:100%}@media (max-width:1100px){html:not(.embedded) .demo{grid-template-rows:minmax(560px,70vh) auto;grid-template-columns:1fr;height:auto}html:not(.embedded) .launcherPane{border-right:0;border-bottom:1px solid var(--demo-line)}html:not(.embedded) .articlePreview{min-height:60vh}}@media (max-width:640px){.demoBar p{display:none}}