.ide_page__hnL4E{display:flex;flex-direction:column;height:calc(100dvh - 32px);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 6px 0 var(--color-border)}.ide_toolbar____AiG{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--color-surface);border-bottom:2px solid var(--color-border);flex-shrink:0}.ide_tabs__AmSf_{display:flex;gap:6px;background:var(--color-surface-2);padding:4px;border-radius:12px;border:1.5px solid var(--color-border)}.ide_tab__DYRZJ{padding:8px 16px;border-radius:8px;border:none;background:none;font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--color-ink-2);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.ide_tab__DYRZJ:hover{color:var(--color-ink)}.ide_tabActive__qTjVE{background:var(--color-surface)!important;color:var(--color-primary)!important;box-shadow:0 2px 6px rgba(0,0,0,.05)}.ide_actions__lKbcU{display:flex;gap:10px}.ide_btnReset__xxuN_{padding:10px}.ide_btnRun__4Z7jB{padding:10px 20px}.ide_workspace__PkIlA{display:grid;grid-template-columns:1.2fr 1fr;flex:1;overflow:hidden;background-color:var(--color-bg);background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:20px 20px;padding:16px;gap:16px}.ide_editorPane__pTuTJ{display:flex;flex-direction:column;background:var(--color-surface);border:2.5px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 4px 0 var(--color-surface-2);overflow:hidden}.ide_editorHeader__nPMGh{padding:12px 18px;font-family:var(--font-display);font-size:12px;font-weight:900;color:var(--color-ink-3);background:var(--color-surface);border-bottom:2px dashed var(--color-border);text-transform:uppercase;letter-spacing:.05em}.ide_editor__gtsnR{flex:1;padding:20px;font-family:var(--font-code);font-size:14px;line-height:1.6;background:#1E1E2E;color:#CDD6F4;border:none;resize:none;outline:none;width:100%;tab-size:2}.ide_previewPane__QmMDE{display:flex;flex-direction:column;background:var(--color-surface);border:2.5px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 4px 0 var(--color-surface-2);overflow:hidden}.ide_previewHeader__0sBto{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-family:var(--font-display);font-size:12px;font-weight:900;color:var(--color-ink-3);background:var(--color-surface);border-bottom:2px dashed var(--color-border);text-transform:uppercase;letter-spacing:.05em}.ide_previewIcon__j_GhB{color:var(--color-ink-3)}.ide_preview__hVcM8{flex:1;border:none;width:100%;background:#ffffff}.ide_console__nT55Y{max-height:140px;overflow-y:auto;background:#181825;border-top:2.5px solid var(--color-border);padding:12px 18px}.ide_logLine__cIM07{font-family:var(--font-code);font-size:13px;color:#9ecce0;line-height:1.6}@media (max-width:768px){.ide_page__hnL4E{height:auto;min-height:calc(100dvh - 32px)}.ide_workspace__PkIlA{grid-template-columns:1fr;grid-template-rows:400px 400px;overflow-y:auto}}