@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light}html,body,#root{height:100%}body{background:#fff;color:#0f1419;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit}::selection{background:#2563eb22}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e0e3e8;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d0d4da}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100%}.app-sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px 18px;border-right:1px solid #e6e8ec;background:#fff;overflow-y:auto}.app-nav{display:flex;flex-direction:column;gap:2px}.app-content{min-width:0;display:flex;flex-direction:column}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:500;color:#5a636f;white-space:nowrap;transition:background .12s,color .12s}.nav-item:hover{background:#f1f3f6;color:#0f1419}.nav-item[data-active=true]{background:#eef3ff;color:#2563eb;font-weight:600}.demo-canvas{display:grid;grid-template-columns:minmax(0,1fr) 264px;column-gap:clamp(36px,5vw,76px);row-gap:28px;align-items:start}.demo-rail{position:sticky;top:28px;border-left:1px solid #eef0f3;padding-left:clamp(24px,3vw,40px)}@media (max-width: 980px){.demo-canvas{grid-template-columns:1fr}.demo-rail{position:static;border-left:none;border-top:1px solid #eef0f3;padding-left:0;padding-top:24px}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:sticky;top:0;height:auto;flex-direction:row;align-items:center;gap:14px;padding:12px 16px;border-right:none;border-bottom:1px solid #e6e8ec;overflow-x:auto;z-index:20}.app-nav{flex-direction:row}.sidebar-only{display:none!important}}