.header.svelte-f1belb{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:var(--space-2);flex-shrink:0;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) var(--space-2) 0;background:color-mix(in oklab,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);box-shadow:inset 0 -1px 0 var(--border);z-index:20}.header.transparent.svelte-f1belb{position:absolute;inset-inline:0;top:0;background:linear-gradient(to bottom,rgb(0 0 0 / .4),transparent);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#fff}h1.svelte-f1belb{font-size:var(--text-md);font-weight:620;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot.svelte-f1belb{display:flex;align-items:center}.slot.end.svelte-f1belb{justify-content:flex-end}.icon-btn.svelte-f1belb{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-full);color:inherit}.header.transparent.svelte-f1belb .icon-btn:where(.svelte-f1belb){background:#00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(hover:hover){.icon-btn.svelte-f1belb:hover{background:var(--surface-hover)}.header.transparent.svelte-f1belb .icon-btn:where(.svelte-f1belb):hover{background:#0000006b}}.screen.svelte-1xqz8al{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg)}.screen.svelte-1xqz8al:not(.dragging){transition:transform var(--dur-base) var(--ease)}.screen.dragging.svelte-1xqz8al{box-shadow:-8px 0 24px #0000002e}