@charset "utf-8";body,html{margin:0}body.mn-demo{font-family:MiSans,"Noto Serif SC","Source Han Serif SC",serif;background:var(--mn-surface);color:var(--mn-on-surface);min-height:100vh}.mn-demo a{color:var(--mn-primary)}.mn-demo-app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.mn-demo-side{position:sticky;top:0;height:100vh;overflow:auto;padding:24px 16px;background:var(--mn-surface-variant);border-right:1px solid var(--mn-outline)}.mn-demo-side h1{font-size:18px;margin:0 0 4px}.mn-demo-side p{margin:0 0 16px;font-size:12px;color:var(--mn-on-surface-summary)}.mn-demo-side a{display:block;padding:8px 10px;border-radius:10px;color:var(--mn-on-surface-secondary);text-decoration:none;font-size:13px}.mn-demo-side a:focus-visible,.mn-demo-side a:hover{background:var(--mn-tertiary-container);color:var(--mn-on-tertiary-container)}.mn-demo-main{padding:28px 32px 96px;max-width:980px}.mn-demo-banner{padding:16px 18px;border-radius:16px;background:var(--mn-tertiary-container);color:var(--mn-on-tertiary-container);font-size:13px;margin-bottom:24px}.mn-demo-section{margin:36px 0}.mn-demo-section h2{font-size:22px;margin:0 0 8px}.mn-demo-meta{font-size:12px;color:var(--mn-on-surface-summary);margin-bottom:14px}.mn-demo-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}.mn-demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.mn-demo-card{padding:18px}.mn-demo-kicker{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mn-on-surface-summary)}.mn-src{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;background:var(--mn-surface-container-highest);padding:2px 6px;border-radius:6px}@media (max-width:860px){.mn-demo-app{grid-template-columns:1fr}.mn-demo-side{position:relative;height:auto;display:flex;flex-wrap:wrap;gap:4px;border-right:0;border-bottom:1px solid var(--mn-outline)}.mn-demo-side a{display:inline-flex}.mn-demo-main{padding:20px 16px 120px}}