.app-body{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.app-topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:8px 24px;display:flex;position:sticky;top:0}.app-topbar-start,.app-topbar-end{align-items:center;gap:12px;min-width:0;display:flex}.app-brand{min-width:0;font-size:15px}.app-brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-brand .brand-mark{width:30px;height:32px}.app-context{color:var(--muted);border-left:1px solid var(--line);white-space:nowrap;padding-left:12px;font-size:12px;font-weight:650}.app-identity{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;overflow:hidden}.app-identity:empty{display:none}.app-topbar .secondary{min-height:40px;padding:8px 14px;font-size:13px}.app-frame{flex:1;min-width:0;display:flex}.app-sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;flex:0 0 232px;justify-content:space-between;align-self:flex-start;gap:24px;height:calc(100dvh - 60px);padding:20px 14px;display:flex;position:sticky;top:60px;overflow-y:auto}.app-nav{flex-direction:column;gap:2px;display:flex}.app-nav button{text-align:left;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:42px;padding:10px 14px;font-size:14px}.app-nav button:hover{background:var(--paper);color:var(--ink)}.app-nav [aria-selected=true]{background:var(--accent);color:var(--ink);font-weight:650}.app-sidebar-foot{flex-direction:column;gap:4px;padding-inline:14px;font-size:12px;display:flex}.app-sidebar-foot a{color:var(--muted);text-underline-offset:4px;align-items:center;min-height:32px;text-decoration:underline;display:flex}.app-main{outline:none;flex:1;min-width:0}.app-content{max-width:1240px;margin-inline:auto;padding:28px 32px 64px}.ops-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding-bottom:18px;display:flex}.ops-header h1{letter-spacing:-.02em;margin:0;font-size:28px;line-height:1.2}.ops-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:700}.ops-mode{color:var(--muted);margin:6px 0 0;font-size:13px}.app-content .workspace-shell{margin-top:20px}.app-content>.notice-inline{margin-top:16px}.app-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:560px;padding:28px}.admin-signin{margin-top:8px}.admin-signin .account-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.package-card{margin-block:20px}.workspace-view .package-form{grid-template-columns:minmax(0,1fr);gap:16px;max-width:560px}.package-form>div{gap:6px;display:grid}.package-form input[type=file]{padding:10px;font-size:14px}.package-form button{justify-self:start}.package-progress{width:100%;max-width:560px;height:8px;accent-color:var(--focus);display:block}.package-facts code,.package-list code,.package-summary code{overflow-wrap:anywhere;font-size:12px}.package-summary{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;max-width:760px;margin-top:20px;padding:20px 24px}.package-summary .settings-list{margin-block:12px}.portal-tabs button{flex:none}@media (width<=900px){.app-frame{flex-direction:column}.app-sidebar{border-right:0;border-bottom:1px solid var(--line);flex:none;gap:8px;height:auto;padding:10px 16px;position:static}.app-nav{flex-flow:wrap;gap:4px}.app-nav button{min-height:40px;padding:8px 12px;font-size:13px}.app-sidebar-foot{flex-flow:wrap;gap:4px 16px;padding-inline:4px}.app-content{padding:20px 16px 48px}.app-topbar{padding:8px 16px}}@media (width<=640px){.app-context{display:none}.app-identity{max-width:110px}.app-topbar-end{gap:6px}.ops-header h1{font-size:24px}.app-card{padding:20px}}@media (width<=440px){.app-brand>span:last-child{display:none}}@media (forced-colors:active){.app-nav [aria-selected=true]{border:1px solid buttontext}}