.codeeditor-module__HeEDsG__grid{grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;display:grid}@media (max-width:992px){.codeeditor-module__HeEDsG__grid{grid-template-columns:1fr}}.codeeditor-module__HeEDsG__editorCard{border-radius:var(--card-radius);border:1px solid var(--border);flex-direction:column;height:520px;display:flex;overflow:hidden}.codeeditor-module__HeEDsG__tabsHeader{border-bottom:1px solid var(--border);background:#0003;display:flex}.codeeditor-module__HeEDsG__tabBtn{color:var(--foreground-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:14px;font-size:.9rem;font-weight:700}.codeeditor-module__HeEDsG__tabHtmlActive{color:#e44d26;background:#e44d260d;border-bottom-color:#e44d26}.codeeditor-module__HeEDsG__tabCssActive{color:#264de4;background:#264de40d;border-bottom-color:#264de4}.codeeditor-module__HeEDsG__tabJsActive{color:#f7df1e;background:#f7df1e0d;border-bottom-color:#f7df1e}.codeeditor-module__HeEDsG__textareaWrapper{flex:1;width:100%}.codeeditor-module__HeEDsG__codeTextarea{width:100%;height:100%;color:var(--foreground);resize:none;background:0 0;border:none;outline:none;padding:20px;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.5}.codeeditor-module__HeEDsG__previewCard{border-radius:var(--card-radius);border:1px solid var(--border);flex-direction:column;height:520px;display:flex;overflow:hidden}.codeeditor-module__HeEDsG__previewHeader{border-bottom:1px solid var(--border);background:#0003;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.9rem;font-weight:700;display:flex}.codeeditor-module__HeEDsG__runBtn{background:var(--success);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:4px;padding:6px 16px;font-weight:700}.codeeditor-module__HeEDsG__runBtn:hover{filter:brightness(1.15)}.codeeditor-module__HeEDsG__iframeWrapper{background:#fff;flex:1;width:100%}.codeeditor-module__HeEDsG__previewIframe{border:none;width:100%;height:100%}.codeeditor-module__HeEDsG__btnPrimary{border-radius:var(--button-radius);background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:10px 20px;font-weight:700}.codeeditor-module__HeEDsG__btnPrimary:hover{background:var(--primary-hover)}.codeeditor-module__HeEDsG__btnSec{border-radius:var(--button-radius);background:var(--surface-hover);border:1px solid var(--border);color:var(--foreground);cursor:pointer;transition:var(--transition);padding:10px 20px;font-weight:600}.codeeditor-module__HeEDsG__btnSec:hover{border-color:var(--primary);color:var(--primary)}