.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}@media(max-width:992px){.workspace-grid{grid-template-columns:1fr}}.editor-container{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card-bg);box-shadow:0 4px 20px #00000014}.editor-header{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg-light);border-bottom:1px solid var(--border);padding:.5rem 1rem;flex-wrap:wrap;gap:.5rem}.tab-buttons{display:flex;gap:.5rem}.tab-btn{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:.4rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background:var(--border)}.tab-btn.active{color:var(--primary);background:var(--card-bg);border-color:var(--border);box-shadow:0 2px 4px #0000000a}.editor-wrapper{display:flex;background:#09090b;position:relative;height:480px;width:100%}.line-numbers{width:44px;background:#121214;color:#52525b;font-family:Fira Code,Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;padding:1.25rem .5rem 1.25rem 0;text-align:right;border-right:1px solid #222;user-select:none;overflow:hidden;white-space:pre-wrap;box-sizing:border-box}.code-input{flex:1;height:100%;border:none;padding:1.25rem 1rem;font-family:Fira Code,Courier New,Courier,monospace;font-size:.9rem;background:transparent;color:#e4e4e7;resize:none;outline:none;line-height:1.6;overflow-y:auto;box-sizing:border-box}.preview-container{display:flex;flex-direction:column;gap:1.5rem}.preview-pane{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:320px}.preview-header{background:#f4f4f5;border-bottom:1px solid #e4e4e7;padding:.5rem 1rem;color:#3f3f46;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.preview-iframe{width:100%;flex:1;border:none;background:#fff}.console-pane{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#09090b;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:220px}.console-header{background:#18181b;border-bottom:1px solid #27272a;padding:.5rem 1rem;color:#a1a1aa;font-size:.85rem;font-weight:600;display:flex;justify-content:space-between;align-items:center}.console-log-box{flex:1;padding:1rem;overflow-y:auto;font-family:Fira Code,Courier New,Courier,monospace;font-size:.8rem;line-height:1.5;display:flex;flex-direction:column;gap:.4rem}.console-entry{white-space:pre-wrap;word-break:break-all}.console-entry.log{color:#10b981}.console-entry.error{color:#ef4444}.console-entry.system{color:#3b82f6;font-style:italic}.collapsed{display:none!important}.templates-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;align-items:center}.template-select-btn{background:var(--card-bg-light);border:1px solid var(--border);color:var(--text-primary);padding:.35rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.35rem}.template-select-btn:hover{border-color:var(--primary);background:var(--border);transform:translateY(-1px)}.template-title{font-size:.85rem;margin-right:.5rem}#run-code-btn{width:auto;padding:.35rem 1rem}#clear-console-btn{padding:.2rem .5rem;color:#a1a1aa}.template-wasm-btn{border-color:#38bdf8!important}.template-wasm-icon{color:#38bdf8!important}