#playground{display:grid;grid-template-columns:1fr 1fr}.editor-pane,.preview-pane{min-width:0;display:flex;flex-direction:column}.editor-pane{border-right:1px solid var(--line)}.file-tabs,.preview-bar{height:42px;flex:0 0 42px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#1b160f;padding:0 10px;font:700 7px Space Mono;letter-spacing:.08em}.file-tabs button,.preview-bar button{border:0;background:transparent;color:#9d927e;font:700 7px Space Mono;padding:9px 10px;cursor:pointer}.file-tabs button.active{color:#ffc44d;background:rgba(255,196,77,.08);border-radius:8px}.file-tabs span{margin-left:auto;color:#c8f56a;transition:color .2s ease}.file-tabs span.updating{color:#ffc44d}.file-tabs span.updated{color:#fff;animation:statusPulse .7s ease 2}.preview-bar{justify-content:space-between;color:#cfc1a7}.preview-bar button:hover{color:#ffc44d}#code-editor{width:100%;height:100%;min-height:0;resize:none;border:0;border-radius:0;background:#14130f;color:#f8ead1;padding:18px;font:12px/1.65 Consolas,'Courier New',monospace;tab-size:2;outline:none;transition:box-shadow .25s ease}#code-editor.agent-updated{box-shadow:inset 0 0 0 2px rgba(200,245,106,.65),inset 0 0 50px rgba(200,245,106,.08)}#project-preview{width:100%;height:100%;border:0;background:#fff}@keyframes statusPulse{50%{text-shadow:0 0 14px currentColor}}@media(max-width:760px){#playground{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--line);min-height:310px}.preview-pane{min-height:310px}}