.playarea-container.svelte-1epbfvm{height:100%;width:100%;display:flex;flex-direction:column;font-family:var(--sl-font-system);border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);color:var(--sl-color-text)}header.svelte-1epbfvm{padding:.25rem 1rem;background:var(--sl-color-bg-nav);color:var(--sl-color-text);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sl-color-hairline);min-height:3rem}.brand-group.svelte-1epbfvm{display:flex;align-items:center;gap:1.5rem}.selector.svelte-1epbfvm{display:flex;align-items:center;gap:.5rem;margin:0}.selector.svelte-1epbfvm .label:where(.svelte-1epbfvm){font-size:.8rem;color:var(--sl-color-text-accent);white-space:nowrap}select.svelte-1epbfvm{background:var(--sl-color-gray-6);color:var(--sl-color-text);border:1px solid var(--sl-color-gray-5);padding:0 .5rem;border-radius:4px;font-size:.85rem;height:1.8rem;line-height:normal}h1.svelte-1epbfvm{margin:0;font-size:1.1rem;color:var(--sl-color-text)}.container.svelte-1epbfvm{flex:1;display:flex;overflow:hidden;width:100%}.column.svelte-1epbfvm{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--sl-color-hairline);min-width:0;margin-top:0}.column.svelte-1epbfvm:last-child{border-right:none}h2.svelte-1epbfvm,.tabs-header.svelte-1epbfvm{margin:0;padding:0 1rem;height:2.5rem;background:var(--sl-color-gray-6);border-bottom:1px solid var(--sl-color-hairline);color:var(--sl-color-text);display:flex;justify-content:space-between;align-items:center}h2.svelte-1epbfvm{font-size:.9rem;font-weight:700}.file-list.svelte-1epbfvm{flex:1;overflow-y:auto;padding:1rem;background:var(--sl-color-bg);margin-top:0}.file-entry.svelte-1epbfvm{margin-bottom:1rem;display:flex;flex-direction:column;border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg)}.file-header.svelte-1epbfvm{display:flex;justify-content:space-between;align-items:center;padding:.2rem .5rem;background:var(--sl-color-gray-6);border-bottom:1px solid var(--sl-color-hairline);height:1.8rem}.file-header.svelte-1epbfvm .file-label:where(.svelte-1epbfvm){margin:0;color:var(--sl-color-text);font-size:.85rem}.icon-btn.svelte-1epbfvm{background:transparent;border:none;cursor:pointer;padding:0 .5rem;color:var(--sl-color-gray-3);display:flex;align-items:center;font-size:1.5rem;margin-top:0}.icon-btn.svelte-1epbfvm:hover{background:var(--sl-color-gray-5);color:var(--sl-color-text)}label.svelte-1epbfvm{display:block;font-weight:700;font-size:.9rem;color:var(--sl-color-text-accent)}textarea.svelte-1epbfvm{width:100%;font-family:monospace;font-size:.9rem;padding:.5rem;box-sizing:border-box;background:var(--sl-color-bg);border:none;outline:none;resize:vertical;flex:1;min-height:100px;color:var(--sl-color-text)}.file-entry.maximized.svelte-1epbfvm{position:fixed;top:8rem;left:0;width:100vw;height:calc(100vh - 3rem);z-index:2000;margin:0;border:none}.file-entry.maximized.svelte-1epbfvm textarea:where(.svelte-1epbfvm){resize:none;font-size:1rem;padding:1rem}.preview-frame.svelte-1epbfvm{flex:1;background:#fff;border-bottom:1px solid var(--sl-color-hairline)}iframe.svelte-1epbfvm{width:100%;height:100%;border:none}.error.svelte-1epbfvm{color:#fff;background:#d32f2f;padding:.5rem;font-size:.9rem}.actions.svelte-1epbfvm{display:flex;align-items:center;gap:.5rem;margin-top:0}.upload-btn.svelte-1epbfvm{background:var(--sl-color-gray-5);color:var(--sl-color-text);border:1px solid var(--sl-color-gray-4);padding:0 .6rem;height:1.8rem;display:flex;align-items:center;cursor:pointer;font-weight:400;border-radius:4px;font-size:.85rem;margin:0}.upload-btn.svelte-1epbfvm input:where(.svelte-1epbfvm){display:none}button.primary.svelte-1epbfvm{padding:0 .8rem;height:1.8rem;display:flex;align-items:center;cursor:pointer;border-radius:4px;background:var(--sl-color-accent);color:var(--sl-color-text-invert);border:none;font-size:.85rem;margin-top:0}button.primary.svelte-1epbfvm:hover{opacity:.9}pre.svelte-1epbfvm{padding:1rem;font-size:.8rem;overflow:auto;max-height:100%;background:var(--sl-color-gray-6);margin:0;color:var(--sl-color-text)}.tabs-header.svelte-1epbfvm{justify-content:space-between}.generated-files.svelte-1epbfvm{display:flex;align-items:center;gap:.5rem}.generated-files.svelte-1epbfvm .label:where(.svelte-1epbfvm){font-size:.8rem;font-weight:700;color:var(--sl-color-text-accent)}.tabs.svelte-1epbfvm{display:flex;gap:.2rem;height:100%;align-items:flex-end;margin-top:0}.tab.svelte-1epbfvm{background:transparent;border:none;color:var(--sl-color-gray-3);font-weight:500;padding:.1rem .8rem;height:2rem;display:flex;align-items:center;border-radius:4px 4px 0 0;transition:color .2s;font-size:.85rem}.tab.svelte-1epbfvm:hover{background:var(--sl-color-gray-5);color:var(--sl-color-text)}.tab.active.svelte-1epbfvm{background:var(--sl-color-bg);color:var(--sl-color-text);font-weight:700;border:1px solid var(--sl-color-hairline);border-bottom:2px solid var(--sl-color-accent);margin-bottom:-1px;z-index:10}.tab-content.svelte-1epbfvm{flex:1;display:flex;flex-direction:column;background:var(--sl-color-bg);position:relative;overflow:hidden;margin-top:0}.empty-state.svelte-1epbfvm{padding:2rem;text-align:center;color:var(--sl-color-gray-3)}.debug-view.svelte-1epbfvm,.logs-view.svelte-1epbfvm{flex:1;overflow:hidden;display:flex;height:100%}.debug-view.svelte-1epbfvm{overflow:auto}.logs-view.svelte-1epbfvm textarea:where(.svelte-1epbfvm){flex:1;resize:none;border:none;padding:1rem;font-family:monospace;font-size:.85rem;background:var(--sl-color-black);color:#cfc}