@media(max-width:1100px){.topbar-caption{display:none}.workspace{padding:0 12px}.toolbar{gap:7px;flex-wrap:wrap;padding:12px 0}.toolbar-group{gap:6px}.toolbar-divider{margin:0 2px}.toolbar button{padding:8px 10px}.file-label{display:none}.panes{gap:10px}}@media(max-width:760px){.topbar{height:62px;padding:0 14px;gap:10px}.brand{font-size:17px;gap:8px}.brand-mark{height:32px;width:32px;font-size:24px}.topbar nav{gap:15px}.topbar nav a{font-size:12px}.topbar nav a:last-child{display:none}.toolbar-group{flex-wrap:wrap}.toolbar{gap:8px}.toolbar button,.toolbar summary{min-height:40px;font-size:12px;padding:10px}.toolbar .primary{padding:10px 16px}.toolbar-divider{display:none}.toolbar-group:last-child{margin-left:auto}.mobile-tabs{display:flex;gap:4px;background:#e9eee6;align-self:flex-start;padding:3px;border-radius:7px;margin-bottom:10px}.mobile-tabs button{min-height:34px;padding:5px 20px;border:0;background:transparent;color:#7c8b7d}.mobile-tabs button[aria-pressed=true]{background:white;color:#294d36;box-shadow:0 1px 4px #223b2312}.panes{display:flex;flex-direction:column}.code-pane,.preview-pane{flex:1;min-height:0}body[data-view=code] .preview-pane{display:none}body[data-view=preview] .code-pane{display:none}.notice{font-size:10px;align-items:flex-start;line-height:1.5;margin-top:10px}.notice button{min-width:34px;min-height:34px}.statusbar{font-size:10px;gap:8px;padding:8px 0}.keybar{gap:5px;padding:7px}.keybar button{min-height:38px;min-width:32px;flex:1}.pane-heading{height:38px;padding:0 12px}.terminal-empty h1{font-size:22px}.terminal-empty .empty-note{margin-top:12px}.terminal-empty{padding:16px}.prompt-icon{padding-bottom:10px}.page-content{padding:34px 20px 60px}.page-content h1{font-size:34px;letter-spacing:-1.2px}.dialog-actions button,.dialog-actions a{min-height:44px}dialog{padding:20px}.docs-content pre{padding:15px;font-size:11px}}