.examples-page .demo-control-group[hidden]{display:none}.examples-page .demo-app-bottom-nav,.examples-page .demo-app-mobile-head{flex-shrink:0}.examples-page .interactive-app-demo[data-demo-device=mobile] .demo-app-main{height:100%}.examples-page .preview-dialog__bar>div{min-width:0}.examples-page .preview-dialog__bar strong{overflow-wrap:anywhere}.examples-page .preview-dialog__actions{flex-shrink:0}.examples-page .preview-dialog.is-zoomed .preview-dialog__canvas{display:block;place-items:start;text-align:left}@media (max-width:680px){.examples-page .interactive-app-demo__control-deck{grid-template-columns:minmax(0,1fr)}.examples-page .demo-perspective-switch button{min-height:44px;font-size:.8125rem}.examples-page .demo-palette-menu>summary{min-height:44px}.examples-page .demo-story-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}.examples-page .demo-story-rail li{grid-column:span 2}.examples-page .demo-story-rail li:nth-last-child(-n+2){grid-column:span 3}.examples-page .demo-story-rail button{min-height:64px;height:100%;grid-template-columns:minmax(0,1fr);gap:3px;padding:8px 5px;text-align:center}.examples-page .demo-story-rail button strong{font-size:.75rem;overflow:visible;white-space:normal}.examples-page .demo-story-rail button>span{font-size:.6875rem}.examples-page .interactive-app-demo[data-demo-device] .interactive-app-demo__stage{min-height:0;padding:8px}.examples-page .interactive-app-demo[data-demo-device=mobile] .demo-app-frame{width:100%;height:clamp(28rem,calc(100svh - 6rem),45rem);border-radius:16px}.examples-page .demo-app-content{overscroll-behavior-y:auto}.examples-page .demo-app-content :is(article,header,footer,section,div){min-width:0}.examples-page .demo-screen :is(h3,h4,p,strong){overflow-wrap:anywhere}.examples-page .demo-screen p{font-size:.8125rem;line-height:1.55}.examples-page .demo-primary-button{min-height:44px;font-size:.75rem;white-space:normal}.examples-page .demo-app-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.examples-page .demo-app-bottom-nav button{min-width:0;min-height:56px;font-size:.625rem}.examples-page .interactive-app-demo[data-demo-device=mobile] .demo-prep-portrait{min-height:clamp(260px,82vw,360px)}.examples-page .examples-format-panel--pdf{padding:0}.examples-page .pdf-copy{padding:16px}.examples-page .pdf-viewer__toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.examples-page .pdf-viewer__toolbar>div:first-child{min-width:0}.examples-page .pdf-viewer__toolbar strong{font-size:.875rem;overflow-wrap:anywhere}.examples-page .pdf-viewer__tools{display:flex!important;width:auto}.examples-page .pdf-viewer__tools button{width:44px;height:44px}.examples-page .pdf-page-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-page .pdf-page-tabs button{min-height:44px;font-size:.75rem}.examples-page .pdf-viewer__page{height:auto;aspect-ratio:210/297;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:12px}.examples-page .pdf-viewer__page img{width:100%;height:100%;object-fit:contain}.examples-page .pdf-viewer__stamp{right:12px;bottom:10px;max-width:calc(100% - 24px)}.examples-page .pdf-viewer__context{padding:12px}.examples-page .pdf-viewer__context p{font-size:.8125rem}.examples-page .pdf-viewer__controls{gap:8px;padding-inline:10px}.examples-page .pdf-viewer__controls>button{width:44px;height:44px}.examples-page .pdf-viewer__controls>span{min-width:0;font-size:.75rem}.examples-page .preview-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.examples-page .preview-dialog__bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}.examples-page .preview-dialog__bar strong{font-size:1rem}.examples-page .preview-dialog__bar button{width:44px;height:44px}.examples-page .preview-dialog__canvas{height:64svh;padding:8px}.examples-page .preview-dialog:not(.is-zoomed) .preview-dialog__canvas{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.examples-page .preview-dialog:not(.is-zoomed) .preview-dialog__canvas img{max-width:100%;max-height:calc(64svh - 16px)!important}.examples-page .preview-dialog.is-zoomed .preview-dialog__canvas img{max-width:none;max-height:none!important}.examples-page .preview-dialog__privacy{padding:16px}}