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