article.svelte-1aapq8u{position:relative}.layout.svelte-1aapq8u{overflow:hidden;position:relative;display:flex;width:100%;height:100vh}.panel.svelte-1aapq8u{height:100%}.left-panel.svelte-1aapq8u,.right-panel.svelte-1aapq8u{flex-shrink:0;background-color:#f5f5f5}.middle-panel.svelte-1aapq8u{flex:1;background-color:#fff;container-type:inline-size}.panel-content.svelte-1aapq8u{padding:1rem}container-query.svelte-1aapq8u{display:block}@container (min-width: 400px){container-query.svelte-1aapq8u{font-size:1.2rem}}@container (min-width: 600px){container-query.svelte-1aapq8u{font-size:1.5rem}}.controls.svelte-1aapq8u{position:absolute;top:1rem;left:50%;display:flex;gap:1rem;transform:translate(-50%)}button.svelte-1aapq8u{padding:.5rem 1rem;background-color:#333;color:#fff;cursor:pointer;border:none;border-radius:4px}button.svelte-1aapq8u:hover{background-color:#444}.panels.svelte-ytdzd5{--floating-panel-offset: 4vh;min-height:100vh}.panels-grid.svelte-ytdzd5{display:grid;grid-template:auto 1fr/auto 1fr auto;grid-template-areas:"control-panel control-panel control-panel" "side-panel main-panel annotation-panel";transition:grid-template-columns .2s}.panels.svelte-ytdzd5 :where(.svelte-ytdzd5){font-family:sans-serif}.panels.svelte-ytdzd5 h2:where(.svelte-ytdzd5){margin:0;padding:0;font-size:1.5rem}.control-panel.svelte-ytdzd5{grid-area:control-panel}.control-panel.svelte-ytdzd5 form:where(.svelte-ytdzd5){display:flex;gap:2rem}.floating-panel.svelte-ytdzd5,.side-panel.svelte-ytdzd5,.main-panel.svelte-ytdzd5,.annotation-panel.svelte-ytdzd5{display:flex;align-items:center;justify-content:center}.side-panel.svelte-ytdzd5{grid-area:side-panel;background-color:#d78000;color:#fff;transition:transform ease-in-out .2s}.main-panel.svelte-ytdzd5{grid-area:main-panel;background-color:#003770;color:#fff}.annotation-panel.svelte-ytdzd5{grid-area:annotation-panel;background-color:#fff;transition:transform ease-in-out .2s}.floating-panel.svelte-ytdzd5{position:fixed;bottom:var(--floating-panel-offset);left:50vw;grid-area:action-panel;min-width:60vw;padding:1rem;background-color:#23a1be;color:#fff;border-radius:16px;transform:translate(-50%);transition:transform ease-in-out .2s}.floating-panel[data-visible=false].svelte-ytdzd5{transform:translate(-50%,calc(var(--floating-panel-offset) + 100%))}.animate-with-css-grid[data-grid=false-false].svelte-ytdzd5{grid-template-columns:0 1fr 0}.animate-with-css-grid[data-grid=true-false].svelte-ytdzd5{grid-template-columns:20vw 1fr 0}.animate-with-css-grid[data-grid=false-true].svelte-ytdzd5{grid-template-columns:0 1fr 20vw}.animate-with-css-grid[data-grid=true-true].svelte-ytdzd5{grid-template-columns:20vw 1fr 20vw}.panels-flexbox-container.svelte-ytdzd5{display:flex;flex-direction:row;width:100%;background:#0f0}.panels-flexbox-container.svelte-ytdzd5>div:where(.svelte-ytdzd5){min-height:100vh}.panels-flexbox-container.svelte-ytdzd5 .side-panel:where(.svelte-ytdzd5){width:0;background-color:#d78000;color:#fff;transition:width ease-in-out .2s}.panels-flexbox-container.svelte-ytdzd5 .annotation-panel:where(.svelte-ytdzd5){width:0;background-color:#fff;transition:width ease-in-out .2s}.panels-flexbox-container.svelte-ytdzd5 .main-panel:where(.svelte-ytdzd5){flex:1;background-color:#003770;color:#fff;transition:width ease-in-out .2s}.panels-flexbox-container.svelte-ytdzd5 .annotation-panel[data-visible=true]:where(.svelte-ytdzd5){width:calc-size(auto,size)}.panels-flexbox-container.svelte-ytdzd5 .side-panel[data-visible=true]:where(.svelte-ytdzd5){width:calc-size(auto,size)}