.mobile-canvas-nav,.mobile-tool-sheet,.mobile-panel-close{display:none}
@media(max-width:1100px){
 html,body{width:100%;height:100%;margin:0;overflow:hidden}.app{width:100%;height:100svh;height:100dvh;min-height:0;overflow:hidden}.topbar{height:auto;min-height:96px;flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand links' 'document document';gap:5px 8px;padding:8px 12px;border-radius:0}.identity{grid-area:brand;min-width:0;gap:7px}.brandmark{width:30px;height:30px;flex:none}.brand{font-size:13px;letter-spacing:1px}.brand-sub{font-size:7px;letter-spacing:1px}.beta{display:none}.document{grid-area:document;max-width:none;width:100%;min-width:0;text-align:left}.document input{font-size:16px;text-align:left;width:100%;margin:0}.breadcrumb,.docmeta .divider,.docmeta #docID{display:none}.docmeta{font-size:10px;text-align:left}.topright{grid-area:links;min-width:0;gap:6px}.topright .avatar,.topright #help{display:none}.topright .returnlink{font-size:11px;min-height:36px;display:flex;align-items:center;padding:5px 7px;margin:0}.body,.body.hide-library,.body.hide-inspector,.body.hide-library.hide-inspector{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-width:0;min-height:0;flex:1;gap:0;padding:0!important}.body>.center{grid-column:1!important;min-width:0;width:100%;height:100%;border-radius:0;border-left:0;border-right:0;overflow:hidden}.body>.left,.body>.right{display:none!important;position:fixed;z-index:100;top:96px;bottom:82px;max-width:calc(100vw - 20px);width:350px;overflow:auto;background:#101b2e;box-shadow:0 0 0 100vmax #0007;border:1px solid #496080;border-radius:12px}.body.show-library>.left{display:flex!important;left:10px;right:auto}.body.show-inspector>.right{display:flex!important;right:10px;left:auto;top:96px;width:350px}.mobile-panel-close{display:block;flex:none;position:sticky;top:0;z-index:5;min-height:46px;padding:10px 14px;border:0;border-bottom:1px solid #3e5575;background:#18304d;color:#fff;font:600 14px system-ui;text-align:left}.sidebar input,.sidebar textarea{font-size:16px!important}.sidebar h2{font-size:18px}.sidebar p{font-size:13px}.sidebar .catalogitem{min-height:52px}.sidebar #inspector{max-height:none;overflow:visible}.sideheading,.inspect-head{padding:16px!important}.sidebar .library{padding:10px}.sidebar .composer{margin:10px}.sidebar .composer textarea{min-height:110px}.mobile-canvas-nav{position:absolute;top:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px;background:#101d31;border-bottom:1px solid #304662}.mobile-canvas-nav button{min-width:0;min-height:44px;padding:6px 3px;font:600 12px system-ui;color:#ddecff;background:#1a304d;border:1px solid #3c5778;border-radius:8px}.center .canvashead,.center .ide-menubar{display:none!important}.center .lab-controls{top:65px!important;left:8px;right:8px;min-height:40px;display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;padding:0;z-index:20}.lab-controls button{min-height:38px;flex:1 0 auto;font-size:11px;padding:7px}.lab-controls #labStatus{display:none}.mobile-tool-sheet{position:absolute;top:64px;left:8px;right:8px;z-index:70;padding:10px;border:1px solid #4e6a8a;border-radius:10px;background:#10213a;box-shadow:0 12px 30px #0008;max-height:calc(100% - 100px);overflow:auto}.mobile-tools-open .mobile-tool-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-tool-sheet button{min-height:44px;min-width:0;padding:8px;font:13px system-ui;color:#dceaff;border:1px solid #3c5778;border-radius:7px;background:#1b3453;white-space:normal}.mobile-tool-sheet button:disabled{opacity:.45}.empty{top:54%;width:90%;max-width:340px}.empty h1{font-size:28px!important;line-height:1.15}.empty p,.empty small{font-size:13px;line-height:1.5}.empty button{min-height:44px;font-size:14px}.empty .eyebrow{font-size:10px}.zoomtools{right:8px;bottom:34px;z-index:30}.zoomtools button{min-height:40px;min-width:40px}.canvasfoot{left:8px;right:8px;bottom:4px;font-size:9px}.canvasfoot>span:first-child{display:none}.path-view{top:110px!important;max-height:calc(100% - 155px)}.actionbar{height:auto;max-height:140px;min-height:62px;flex:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));overflow:hidden}.footleft{display:none}.footactions{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:7px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 0 3px}.footactions button,.footactions>a{flex:0 0 auto;min-height:42px;min-width:52px;font-size:12px!important;padding:8px 11px!important;white-space:nowrap;display:inline-flex;align-items:center;text-decoration:none}.hypothesis-tools-label,.footer-separator{display:none}.cloud-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;min-height:40px;gap:6px}.cloud-actions button{flex:0 0 auto;min-height:40px}.ide-messages-open .ide-message-panel{left:7px;right:7px;bottom:40px;max-height:min(220px,45%);z-index:75}.ide-message-heading{flex-wrap:wrap}.ide-diagnostic{font-size:12px;min-height:40px}.modal,.modal-box{max-width:calc(100vw - 24px)!important}.modal input,.modal textarea{font-size:16px}
}
@media(max-width:360px){.topright .returnlink{font-size:10px;padding:4px}.brand-sub{display:none}.topbar{padding-left:8px;padding-right:8px}.mobile-canvas-nav button{font-size:11px}}