.file-navigator.svelte-1js9gcg{height:100%;overflow-y:auto;background-color:#1e1e1e;padding:8px}.file-item.svelte-1js9gcg{display:flex;align-items:center;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:4px;color:#ccc;cursor:pointer;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;transition:background-color .1s ease}.file-item.svelte-1js9gcg:hover{background-color:#2a2a2a}.file-item.selected.svelte-1js9gcg{background-color:#094771}.file-item.selected.svelte-1js9gcg:hover{background-color:#0e639c}.file-icon.svelte-1js9gcg{margin-right:6px;font-size:14px}.file-name.svelte-1js9gcg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playground.svelte-81vk6{height:100vh;background-color:#191919;position:relative;display:flex;flex-direction:row}.explorer.svelte-81vk6{height:100%;overflow:hidden}.editor.svelte-81vk6{height:100%}.viewport.svelte-81vk6{position:fixed;z-index:1;border:2px solid #666;border-radius:min(10px,10%);overflow:hidden;aspect-ratio:1;right:20px;bottom:20px;transition:width .2s ease}.viewport.svelte-81vk6:hover{border-radius:0}.pinned.svelte-81vk6{border-color:orange;border-radius:0}.letterbox.svelte-81vk6{width:unset;height:20%}.letterbox.svelte-81vk6:hover,.letterbox.pinned.svelte-81vk6{width:unset;height:80%}.pillarbox.svelte-81vk6{height:unset;width:20%}.pillarbox.svelte-81vk6:hover,.pillarbox.pinned.svelte-81vk6{height:unset;width:80%}