.top,.xp-header{column-gap:16px}
.top .scene-actions,.xp-header .scene-actions{margin-left:auto}
.nav-install.copy{box-sizing:border-box;flex:none;grid-template-columns:auto 14px;gap:8px;min-height:34px;padding:7px 11px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:5px;background:var(--xp-ink,var(--ink1));color:var(--xp-bg,var(--bg));font:500 11px/1.2 var(--sans);white-space:nowrap}
.nav-install.copy:hover{color:var(--xp-bg,var(--bg));background:color-mix(in srgb,var(--xp-ink,var(--ink1)) 88%,var(--xp-bg,var(--bg)))}
.nav-install.copy:focus-visible{outline:2px solid var(--xp-ink,var(--ink1));outline-offset:3px}
.nav-install.copy[data-state="done"]{color:var(--xp-bg,var(--bg))}
.nav-install.copy .swap{display:inline-grid}
.nav-install[data-busy]{cursor:progress}
.install-dialog{width:min(480px,calc(100vw - 32px));padding:24px;border:1px solid #d8d7d0;border-radius:12px;background:#f6f5f0;color:#242620;font-family:var(--sans);color-scheme:light}
.install-dialog::backdrop{background:#080b10a8}
.install-dialog form{display:flex;justify-content:space-between;align-items:center;gap:20px}
.install-dialog h2{margin:0;font:500 20px/1.3 var(--sans);letter-spacing:-.025em}
.install-dialog button{flex:none;width:36px;height:36px;border:1px solid #d5d7ce;border-radius:50%;background:transparent;color:inherit;font:400 24px/1 var(--sans);cursor:pointer}
.install-dialog p{margin:16px 0;font-size:14px;line-height:1.5;color:#62665c}
.install-dialog textarea{display:block;width:100%;padding:12px;border:1px solid #d8d9d0;border-radius:6px;resize:none;background:#fffefa;color:#242620;font:400 13px/1.6 var(--mono)}
.install-dialog :focus-visible{outline:2px solid #577645;outline-offset:3px}
@media(max-width:720px){
 .screen:not(.extra-screen) .top,.xp-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:36px 36px;gap:8px 12px;align-content:center}
 .screen:not(.extra-screen) .top{height:96px;min-height:96px}
 .xp-shell{grid-template-rows:80px minmax(0,1fr) 24px}
 .brand,.xp-brand{grid-column:1;grid-row:1}
 .nav-install.copy{grid-column:2;grid-row:1;min-height:36px}
 .top .scene-actions,.xp-header .scene-actions{grid-column:1/-1;grid-row:2;margin-left:0;justify-content:space-between}
}