.container.svelte-d8e1md{position:relative;width:100%;height:calc(100vh - 3.5rem);overflow:hidden}.scene-container.svelte-d8e1md{position:absolute;top:0;left:0;width:100%;height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a}.scene-container.sidebar-open.svelte-d8e1md{width:calc(100% - 400px)}.scene-container canvas{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.sidebar.svelte-d8e1md{position:absolute;top:0;right:0;width:400px;height:100%;background-color:#f8f8f8;box-shadow:-2px 0 10px #0000001a;transition:transform .3s ease;overflow-y:auto;z-index:10}.sidebar.svelte-d8e1md:not(.open){transform:translate(100%)}.toggle-btn.svelte-d8e1md{position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:40px;height:60px;background-color:#f8f8f8;border:none;border-radius:4px 0 0 4px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:-2px 0 10px #0000001a;transition:background-color .2s}.toggle-btn.svelte-d8e1md:hover{background-color:#e8e8e8}.sidebar-content.svelte-d8e1md{padding:1rem 2rem 2rem}.sidebar-content.svelte-d8e1md h1:where(.svelte-d8e1md){margin-top:0;font-size:1.8rem;margin-bottom:1.5rem}.notes.svelte-d8e1md{font-size:.95rem;line-height:1.6}.notes.svelte-d8e1md h2:where(.svelte-d8e1md){margin-top:0;font-size:1.2rem;margin-bottom:1rem}.notes.svelte-d8e1md ul:where(.svelte-d8e1md){margin:.5rem 0;padding-left:1.5rem}.notes.svelte-d8e1md li:where(.svelte-d8e1md){margin:.3rem 0}.notes.svelte-d8e1md p:where(.svelte-d8e1md){margin:1rem 0 .5rem}.green.svelte-d8e1md{color:#0a0;font-weight:700}.red.svelte-d8e1md{color:#c00;font-weight:700}.blue.svelte-d8e1md{color:#06c;font-weight:700}.dark .sidebar.svelte-d8e1md{background-color:#1f2937;color:#f3f4f6}.dark .toggle-btn.svelte-d8e1md{background-color:#1f2937}.dark .toggle-btn.svelte-d8e1md:hover{background-color:#374151}.dark .scene-container.svelte-d8e1md{background-color:#0a0a0a}