.lang-tabs[data-v-5ed19b93]{flex-wrap:wrap;gap:8px;display:flex}.lang-tab[data-v-5ed19b93]{cursor:pointer;color:#6b6b6b;background:#fdfbf7;border:2px solid #2d2d2d;border-radius:8px 24px/24px 8px;align-items:center;gap:8px;padding:10px 20px;font-family:Vazirmatn,sans-serif;font-weight:600;transition:all .2s;display:inline-flex}.lang-tab[data-v-5ed19b93]:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #2d2d2d33}.lang-tab.active[data-v-5ed19b93]{color:#fdfbf7;background:#2d2d2d;transform:translate(-2px,-2px);box-shadow:4px 4px #2d2d2d4d}.lang-badge[data-v-5ed19b93]{color:#fdfbf7;border-radius:4px;justify-content:center;align-items:center;padding:2px 10px;font-family:Fira Code,Courier New,monospace;font-size:12px;font-weight:700;display:inline-flex}.lang-name[data-v-5ed19b93]{font-size:14px}.web-editor-wrapper[data-v-5ed19b93]{background:#fdfbf7;border:3px solid #2d2d2d;border-radius:10px;overflow:hidden}.web-editor-wrapper.fullscreen[data-v-5ed19b93]{z-index:9999;border-radius:0;flex-direction:column;height:100vh;margin:0;display:flex;position:fixed;inset:0}.code-editor-header[data-v-5ed19b93]{color:#2d2d2d;background:#f5f0e6;border-bottom:2px solid #2d2d2d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.code-btn[data-v-5ed19b93]{cursor:pointer;color:#2d2d2d;background:#fdfbf7;border:2px solid #2d2d2d;border-radius:6px 16px/16px 6px;padding:4px 12px;font-family:Vazirmatn,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.code-btn[data-v-5ed19b93]:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #2d2d2d33}.code-btn-run[data-v-5ed19b93]:hover{color:#fdfbf7;background:#4a7c59}.code-btn-reset[data-v-5ed19b93]:hover{color:#fdfbf7;background:#d94545}.code-btn-fullscreen[data-v-5ed19b93]:hover{color:#fdfbf7;background:#6b5b95}.web-panes[data-v-5ed19b93]{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.web-pane[data-v-5ed19b93]{border-left:2px solid #2d2d2d;flex-direction:column;min-width:0;display:flex}.web-pane[data-v-5ed19b93]:first-child{border-left:none}.pane-label[data-v-5ed19b93]{color:#fdfbf7;text-align:center;padding:4px 12px;font-family:Fira Code,Courier New,monospace;font-size:12px;font-weight:700}.html-label[data-v-5ed19b93]{background:#e8743b}.css-label[data-v-5ed19b93]{background:#1a3a5c}.js-label[data-v-5ed19b93]{color:#2d2d2d;background:#f7c948}.cm-container[data-v-5ed19b93]{height:300px;min-height:300px;overflow:hidden}.cm-container[data-v-5ed19b93] .cm-editor{height:100%;font-size:13px}.cm-container[data-v-5ed19b93] .cm-scroller{font-family:Fira Code,Courier New,monospace;line-height:1.6}.web-preview[data-v-5ed19b93]{border-top:2px solid #2d2d2d}.preview-header[data-v-5ed19b93]{background:#f5f0e6;border-bottom:2px solid #2d2d2d;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.preview-iframe[data-v-5ed19b93]{background:#fff;border:none;width:100%;min-height:300px}.web-editor-wrapper.fullscreen .web-panes[data-v-5ed19b93]{flex:1;grid-template-columns:repeat(3,1fr);min-height:0}.web-editor-wrapper.fullscreen .web-pane[data-v-5ed19b93]{min-height:0}.web-editor-wrapper.fullscreen .cm-container[data-v-5ed19b93]{height:100%;min-height:calc(100vh - 200px)}.web-editor-wrapper.fullscreen .preview-iframe[data-v-5ed19b93]{min-height:300px}@media (width<=768px){.web-panes[data-v-5ed19b93]{grid-template-columns:1fr}.web-pane[data-v-5ed19b93]{border-bottom:2px solid #2d2d2d;border-left:none}.web-pane[data-v-5ed19b93]:last-child{border-bottom:none}.cm-container[data-v-5ed19b93]{height:200px;min-height:200px}.code-btn[data-v-5ed19b93]{padding:4px 8px;font-size:12px}.lang-tab[data-v-5ed19b93]{padding:8px 14px;font-size:13px}}