.shell.svelte-xdpvop{display:flex;flex-direction:column;min-height:100dvh;background:var(--bp-bg)}.main.svelte-xdpvop{flex:1;display:grid;grid-template-columns:minmax(0,1fr) var(--panel-w, var(--bp-panel-w));min-height:0;position:relative}.canvas.svelte-xdpvop{position:relative;min-height:0;overflow:hidden;background:var(--bp-bg-sunken)}.panel.svelte-xdpvop{background:var(--bp-surface);border-left:1px solid var(--bp-border);padding:28px 32px 32px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.titleband.svelte-xdpvop{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 40px 16px;border-bottom:1px solid var(--bp-border)}@media(min-width:769px){.shell.svelte-xdpvop{height:100dvh}.main.svelte-xdpvop{grid-template-rows:minmax(0,1fr)}}@media(max-width:768px){.main.svelte-xdpvop{grid-template-columns:1fr;grid-template-rows:auto 1fr}.canvas.svelte-xdpvop{height:55vh;min-height:300px;flex:none}.canvas.compact.svelte-xdpvop{height:140px;min-height:0}.panel.svelte-xdpvop{border-left:0;border-top:1px solid var(--bp-border);padding:20px 16px calc(var(--bp-bottom-bar-h) + 24px);gap:16px;overflow:visible}.titleband.svelte-xdpvop{padding:14px 16px 12px}}