.app-background.svelte-1j8n2li{height:100vh;background:var(--color-bg-0, #fff);display:flex;flex-direction:column;overflow:hidden}.layout-container.svelte-1j8n2li{flex:1;width:100%;max-width:1600px;margin:0 auto;position:relative;overflow:hidden;background:var(--color-bg-0, #fff);border-left:1px solid var(--color-border, #e5e7eb);border-right:1px solid var(--color-border, #e5e7eb)}.app-layout.svelte-1j8n2li{display:grid;grid-template-columns:var(--sidebar-width, 320px) 1fr;height:100%;overflow:hidden}.fixed-header.svelte-1j8n2li{width:100%;z-index:10;background:var(--page-background, #fff);border-bottom:1px solid var(--color-border, #e5e7eb)}.side-panel.svelte-1j8n2li{position:relative;overflow-y:auto;border-right:1px solid var(--color-border, #e2e8f0);background:var(--color-bg-1, #f8fafc)}.main-content.svelte-1j8n2li{display:flex;flex-direction:column;overflow:hidden;height:100%;position:relative}.sidebar-resizer.svelte-1j8n2li{position:absolute;top:0;right:-3px;width:6px;cursor:col-resize;height:100%;background:transparent;z-index:20}.sidebar-resizer.resizing.svelte-1j8n2li{background:var(--accent-color, rgba(59, 130, 246, .4))}.overlay.svelte-1j8n2li{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:105}.page-wrapper.svelte-1j8n2li{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-multimedia-layout.svelte-1j8n2li{flex:1;display:flex;overflow:hidden;height:100%}.chat-pane.svelte-1j8n2li{flex:1;min-width:0;overflow-y:auto;height:100%;position:relative}.media-pane.svelte-1j8n2li{width:360px;flex:0 0 360px;height:100%;overflow-y:auto;background:var(--panel-background, #f8fafc);border-left:1px solid var(--panel-border, #e2e8f0);transition:width .3s ease,flex-basis .3s ease}.media-pane.desktop-closed.svelte-1j8n2li{width:0;flex:0 0 0;overflow:hidden;border-left:none}.layout-multimedia.svelte-1j8n2li .chat-multimedia-layout:where(.svelte-1j8n2li){gap:1rem;padding:1rem}.layout-multimedia.svelte-1j8n2li .media-pane:where(.svelte-1j8n2li){border-radius:8px;padding:1rem;position:sticky;top:0}.control-pane.svelte-1j8n2li{width:300px;flex:0 0 300px;height:100%;overflow-y:auto;background:var(--panel-background, #f8fafc);border-right:1px solid var(--panel-border, #e2e8f0);transition:width .3s ease,flex-basis .3s ease}.layout-multimedia.svelte-1j8n2li .control-pane:where(.svelte-1j8n2li){border-radius:8px;border-right:none;padding:1rem;position:sticky;top:0}@media (max-width: 1024px){.layout-container.svelte-1j8n2li{max-width:100%;border:none}.app-layout.svelte-1j8n2li{grid-template-columns:1fr}.side-panel.svelte-1j8n2li,.media-pane.svelte-1j8n2li,.control-pane.svelte-1j8n2li{display:none;position:fixed!important;top:60px;bottom:0;background:#fff;border:1px solid var(--color-border, #e2e8f0);box-shadow:0 8px 25px #00000026;z-index:110;height:calc(100vh - 60px);overflow-y:auto;width:320px}.side-panel.svelte-1j8n2li{left:0;border-right:1px solid var(--color-border)}.side-panel.open.svelte-1j8n2li{display:block}.media-pane.svelte-1j8n2li{right:0;left:auto;width:320px!important;max-width:90vw;border-left:1px solid var(--color-border);flex:none}.media-pane.mobile-open.svelte-1j8n2li{display:block!important}.sidebar-resizer.svelte-1j8n2li{display:none}.chat-multimedia-layout.svelte-1j8n2li{flex-direction:column}}