:root{--color-bg: #ffffff;--color-text: #1f2937;--color-primary: #4f46e5;--color-border: #e5e7eb;--color-tab-bg: #f9fafb;--color-tab-active: #e0e7ff;--color-run-btn: rgb(92, 253, 43);--shadow: 0 2px 6px rgba(0, 0, 0, .1)}body.dark{--color-bg: #121212;--color-text: #f3f4f6;--color-primary: #818cf8;--color-border: #2d2d2d;--color-tab-bg: #1f1f1f;--color-tab-active: #3c3c3d;--color-run-btn: rgb(9, 201, 9);--shadow: 0 2px 6px rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s,color .3s}header.app-header{padding-block:1rem;padding-inline:2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);background-color:var(--color-tab-bg);box-shadow:var(--shadow);margin:.5rem}h1.app-title{font-size:1.5rem}main.editor-layout{display:flex;height:calc(100vh - 4rem)}.editor-panel{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--color-border);overflow:hidden}.preview-panel{flex:1;background-color:var(--color-bg)}iframe#live-preview{width:100%;height:100%;border:none}.tab-bar{display:flex;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-tab-bg);border-bottom:1px solid var(--color-border)}.tab{background:none;border:none;padding:.5rem 1rem;font:inherit;cursor:pointer;border-radius:.375rem;background-color:var(--color-tab-bg);color:var(--color-text);transition:background .3s,color .3s}.runCode{background:none;border:none;padding:.5rem 1rem;font:inherit;cursor:pointer;border-radius:.375rem;background-color:var(--color-run-btn);color:var(--color-text);transition:background .3s,color .3s}.tab[aria-selected=true]{background-color:var(--color-tab-active);font-weight:600}.editor-container{flex:1;overflow:hidden}.code-editor{height:100%}.hidden{display:none}#theme-toggle{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;color:var(--color-primary);transition:color .3s}#theme-toggle svg{width:24px;height:24px;stroke:currentColor}