.mobile-menu-toggle,.mobile-cart{display:none}.mobile-drawer:not([open]){display:none}.mobile-drawer{box-sizing:border-box;margin:0;height:100dvh;max-height:100%;width:min(320px,88vw);max-width:88vw;border:0;border-radius:0;padding:20px;background:#fff;overflow:auto}.mobile-drawer::backdrop{background:#0008}.drawer-close{min-height:44px;border:0;background:#eee;border-radius:8px;padding:8px 15px}.mobile-drawer nav,.mobile-drawer .side{display:flex;flex-direction:column;position:static;width:100%;overflow:visible;margin:18px 0;padding:0;gap:5px}.mobile-drawer nav a{display:block;white-space:normal;min-height:44px;box-sizing:border-box}.mobile-drawer h2{font-size:15px;margin-top:28px;padding-top:20px;border-top:1px solid #ddd}.mobile-drawer .port-switch{display:flex;flex-direction:column;gap:8px;padding:0}.mobile-drawer .port-switch a{min-height:44px;box-sizing:border-box}
@media(max-width:780px){header .top{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;height:60px;min-height:60px;box-sizing:border-box;padding-top:0;padding-bottom:0;flex-direction:row}header .top>.logo{text-align:center;font-size:19px;white-space:nowrap;min-width:0}header .logo small,header .top>div,header nav,body>.port-switch{display:none}.mobile-menu-toggle,.mobile-cart{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#171717;text-decoration:none;font-size:25px}.workspace{display:block}.mobile-drawer nav{display:flex}.hero{padding:22px 20px;min-height:0}.hero h1{font-size:28px;line-height:1.25;margin:0 0 12px}.hero p{font-size:14px;line-height:1.6;margin:10px 0}.hero:after{display:none}.work-note{padding:10px;font-size:12px}#feedback:empty,#work-feedback:empty{margin:0;padding:0}main{min-width:0}.panel,.work-chat-log{overflow-wrap:anywhere}.metrics,.list-detail,.work-form{min-width:0}}
@media(max-width:780px){.hero{padding:18px}.hero h1{font-size:26px;margin-bottom:8px}.hero p{margin:8px 0;font-size:13px;line-height:1.5}.hero p.eyebrow{font-size:10px}.hero .btn{margin-top:8px}}

.mobile-brand,.mobile-spacer{display:none}@media(max-width:780px){.desktop-brand{display:none}.mobile-brand{display:inline}.mobile-spacer{display:block;width:44px;height:44px}}