.app.mode-demo{grid-template-columns:minmax(0,1fr)}.app.mode-demo>.sidebar{display:none}.demo-workbench{overflow:auto;min-height:0;padding:24px;color:var(--ds-text-primary)}.demo-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.demo-heading h1{font-size:25px;line-height:1.4;margin:8px 0}.demo-workbench p{line-height:1.7;margin:10px 0 18px}.demo-eyebrow,.demo-version{font-size:12px;color:var(--ds-text-secondary)}.demo-version{white-space:nowrap;border:1px solid var(--ds-border-subtle);padding:8px;border-radius:8px}.demo-tabs{display:flex;overflow-x:auto;gap:6px;margin:12px 0 20px;padding-bottom:5px}.demo-tabs button{white-space:nowrap;background:none;color:inherit;border:1px solid var(--ds-border-subtle);border-radius:8px;padding:10px 14px;cursor:pointer}.demo-tabs button.active,.demo-source button[aria-current]{background:#4285f426;border-color:#4285f4}.demo-panel{border:1px solid var(--ds-border-subtle);padding:22px;border-radius:12px;min-width:0}.demo-panel h2{font-size:19px;margin:8px 0 14px}.demo-panel h3{font-size:15px;margin:8px 0;overflow-wrap:anywhere}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:18px 0 26px}.demo-card{display:flex;flex-direction:column;gap:12px;text-align:left;border:1px solid var(--ds-border-subtle);border-radius:10px;padding:18px;background:transparent;color:inherit;line-height:1.6}button.demo-card{cursor:pointer}button.demo-card:hover{border-color:#4285f4}.demo-card code{white-space:pre-wrap}.demo-notice{padding:16px;border-left:3px solid #d9a441;background:#d9a44114;line-height:1.7;margin:20px 0}.demo-notice p{margin-bottom:0}.demo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0}.demo-toolbar select{max-width:100%;padding:7px;background:var(--ds-bg-surface, #fff);color:inherit;border:1px solid var(--ds-border-subtle);border-radius:6px}.demo-source{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}.demo-source nav{display:flex;flex-direction:column;gap:4px}.demo-source nav button{text-align:left;overflow-wrap:anywhere;background:transparent;border:1px solid var(--ds-border-subtle);border-radius:5px;color:inherit;padding:9px;cursor:pointer}.demo-source article{min-width:0}.demo-hash{display:block;overflow-wrap:anywhere;font-family:monospace;line-height:1.6}.demo-relations{display:grid;gap:8px}.demo-relation{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;border:1px solid var(--ds-border-subtle);border-radius:8px;overflow-wrap:anywhere}.demo-relation small{flex-basis:100%}.demo-steps{padding-left:22px}.demo-steps li{padding:12px 0}.demo-steps small{color:var(--ds-text-secondary);line-height:1.7}.demo-test{border-top:1px solid var(--ds-border-subtle);padding:16px 0}.demo-test pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.demo-test code{display:block;overflow-wrap:anywhere}.demo-workbench footer{font-size:12px;line-height:1.7;padding:20px 0;color:var(--ds-text-secondary)}@media (max-width: 640px){.demo-workbench{padding:12px}.demo-heading{flex-direction:column;gap:4px}.demo-heading h1{font-size:21px}.demo-panel{padding:14px}.demo-source{grid-template-columns:minmax(0,1fr)}.demo-source nav{max-height:180px;overflow:auto}.demo-grid{grid-template-columns:minmax(0,1fr)}}