:root{--ink:var(--fg);--teal:var(--accent-ink);--teal-dark:var(--accent);--line:var(--border);--canvas:var(--bg);--font-sans:var(--font-body)}.app-shell{font-family:var(--font-body);background:var(--bg);color:var(--fg);display:block}.app-shell .sidebar{border-right:0;border-bottom:1px solid var(--border);background:var(--surface);flex-direction:row;align-items:center;gap:28px;width:100%;height:66px;padding:0 28px;display:flex;position:sticky;inset:0 0 auto}.app-shell .sidebar>.brand{letter-spacing:-.01em;padding:0;font-size:17px}.app-shell .sidebar .organization,.app-shell .sidebar-label,.app-shell .sidebar-bottom{display:none}.app-shell .sidebar nav{flex-direction:row;align-items:stretch;gap:5px;height:100%}.app-shell .sidebar nav>a{border-radius:0;padding:0 13px;font-size:12px;position:relative}.app-shell .sidebar nav>a.active{color:var(--fg);box-shadow:inset 0 -2px var(--accent);background:0 0}.app-shell .active-dot{display:none}.app-shell .app-main{width:100%;margin:0}.app-shell .app-topbar{background:var(--bg);height:42px;padding:0 max(30px,50vw - 590px)}.app-shell .workspace-content{max-width:1240px;padding:36px 30px}.app-shell .page-heading h1{letter-spacing:-.025em;font-family:Newsreader Variable,Georgia,serif;font-size:clamp(32px,3.3vw,44px);font-weight:400}.app-shell .page-heading p{font-size:13px}.app-shell .panel{border-radius:var(--r-3);background:var(--surface)}.app-shell .panel-heading h2{letter-spacing:0;font-size:15px}.app-shell .button-primary{background:var(--navy);box-shadow:var(--shadow-btn);color:var(--bg);font-weight:500}.app-shell .button-primary:hover{background:var(--navy-2)}.app-shell .button{border-radius:var(--r-2)}.app-shell .metric>strong{font-family:Newsreader Variable,Georgia,serif;font-size:32px;font-weight:400}.app-shell .welcome-banner{background:var(--navy);border-radius:var(--r-3)}.app-shell .welcome-banner h2{font-family:Newsreader Variable,Georgia,serif;font-size:36px;font-weight:400}.app-shell .welcome-banner .button{background:var(--surface);color:var(--navy)}.app-shell .status.success{background:var(--ok-soft);color:var(--ok)}.app-shell .status.warning{background:var(--warn-soft);color:var(--warn-ink)}.app-shell .status.error{background:var(--err-soft);color:var(--err)}.app-shell .next-step{background:var(--surface-2);border-color:var(--border)}.app-shell .next-step h2,.app-shell .review-dialog h2{font-family:Newsreader Variable,Georgia,serif;font-weight:400}.app-shell .code-field,.app-shell code{font-family:var(--font-mono)}@media (max-width:850px){.app-shell .sidebar{flex-wrap:wrap;gap:12px;height:auto;min-height:64px;padding:14px 20px 0}.app-shell .sidebar nav{width:100%;height:44px;overflow-x:auto}.app-shell .sidebar nav>a{white-space:nowrap;padding:0 10px;font-size:11px}.app-shell .workspace-content{padding:25px 20px}.app-shell .app-topbar{padding:0 20px}.app-shell .sidebar>.brand{font-size:17px}}@media (max-width:600px){.app-shell .sidebar{padding:12px 16px 0}.app-shell .sidebar nav{margin-top:0}.app-shell .workspace-content{padding:24px 16px}.app-shell .sidebar nav>a{padding:0 8px;font-size:10px}.app-shell .sidebar nav>a svg{width:13px}.app-shell .welcome-banner h2{font-size:30px}.app-shell .app-topbar{padding:0 16px}.app-shell .metric>strong{font-size:23px}}