.styles_editorWrapper__OJoC0{max-width:1400px}.styles_toolbar__7VhcL{display:flex;flex-wrap:wrap;gap:10px}.styles_toolbarBtn__6lIkA{padding:10px 15px;font-size:14px}.styles_toolbarBtn__6lIkA.styles_success__WItsk{background:#28a745;color:white}.styles_toolbarBtn__6lIkA.styles_info__sisQZ{background:#17a2b8;color:white}.styles_toolbarBtn__6lIkA.styles_warning__Kz8vB{background:#ffc107;color:#000}.styles_panelsContainer__1DLVJ{height:600px}.styles_codePanel__Ts_4a{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;width:50%;overflow:auto;scrollbar-width:thin}@media (max-width:767px){.styles_panelsContainer__1DLVJ{height:auto}.styles_codePanel__Ts_4a,.styles_previewPanel__pkvlE{min-height:400px}.styles_toolbar__7VhcL{justify-content:center}.styles_toolbarBtn__6lIkA{flex:1 1;min-width:120px;text-align:center}}.styles_editorWrapper__OJoC0{margin:20px auto;max-width:1800px;border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.styles_header__q7cY_{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:20px;text-align:center;position:relative}.styles_header__q7cY_ h1{margin:0 0 10px;font-size:24px}.styles_header__q7cY_ p{margin:0;opacity:.9}.styles_versionInfo__uahnc{position:absolute;top:10px;right:20px;background:rgba(255,255,255,.2);padding:4px 10px;border-radius:10px;font-size:12px}.styles_toolbar__7VhcL{padding:15px;background:#f8f9fa;border-bottom:1px solid #ddd}.styles_category__AKASF{margin:10px 0;display:flex;align-items:center}.styles_categoryLabel__2vIL_{font-weight:600;min-width:150px;color:#495057;font-size:14px}.styles_categoryButtons__yxeLk{display:flex;flex-wrap:wrap;gap:8px}.styles_toolbarBtn__6lIkA{padding:8px 12px;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:all .2s;font-size:12px;white-space:nowrap}.styles_toolbarBtn__6lIkA:hover{transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.styles_toolbarBtn__6lIkA.styles_basic__f9CIS{background:#28a745;color:white}.styles_toolbarBtn__6lIkA.styles_databinding__ISjyB{background:#17a2b8;color:white}.styles_toolbarBtn__6lIkA.styles_ngIf__cf7L0{background:#ffc107;color:#000}.styles_toolbarBtn__6lIkA.styles_filter__dBfUG{background:#6f42c1;color:white}.styles_toolbarBtn__6lIkA.styles_forms__wKseX{background:#e83e8c;color:white}.styles_toolbarBtn__6lIkA.styles_services__WvMIr{background:#fd7e14;color:white}.styles_toolbarBtn__6lIkA.styles_httpService__qDsqE{background:#20c997;color:white}.styles_toolbarBtn__6lIkA.styles_customDirective__V1Snq{background:#dc3545;color:white}.styles_toolbarBtn__6lIkA.styles_scopeWatch__r5jRo{background:#6610f2;color:white}.styles_toolbarBtn__6lIkA.styles_animation__u20HL{background:#ff6b6b;color:white}.styles_toolbarBtn__6lIkA.styles_todoApp__eAwbq{background:#339af0;color:white}.styles_toolbarBtn__6lIkA.styles_eventHandling__s1_Vc{background:#51cf66;color:white}.styles_toolbarBtn__6lIkA.styles_primary__AWPVM{background:#007bff;color:white}.styles_panelsContainer__1DLVJ{display:flex;flex-direction:column;height:700px}@media (min-width:768px){.styles_panelsContainer__1DLVJ{flex-direction:row}}.styles_codePanel__Ts_4a{background:#1e1e1e}.styles_codePanel__Ts_4a,.styles_previewPanel__pkvlE{flex:1 1;display:flex;flex-direction:column;min-height:300px}.styles_previewPanel__pkvlE{background:#fff;border-left:1px solid #ddd}.styles_panelHeader__bncq0{background:#2d2d2d;color:#fff;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.styles_previewPanel__pkvlE .styles_panelHeader__bncq0{background:#f8f9fa;color:#333;border-bottom:1px solid #ddd}.styles_runButton__qnNvs{background:#28a745;color:white;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px}.styles_runButton__qnNvs:hover{background:#218838}.styles_status__jAcZE{font-size:12px;color:#666}.styles_previewContainer__XVCuz{flex:1 1;position:relative}.styles_previewFrame__5LT4e{width:100%;height:100%;border:none;background:white}.styles_loadingOverlay__9vpi2{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.styles_spinner__d1Zf1{border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:30px;height:30px;animation:styles_spin__CglKD 1s linear infinite;margin-bottom:10px}@keyframes styles_spin__CglKD{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.styles_loadingOverlay__9vpi2 p{margin:0;color:#666}.styles_cm-editor__TB0kR{flex:1 1;font-size:14px}@media (max-width:767px){.styles_panelsContainer__1DLVJ{height:auto}.styles_codePanel__Ts_4a,.styles_previewPanel__pkvlE{min-height:400px}.styles_category__AKASF{flex-direction:column;align-items:flex-start}.styles_categoryLabel__2vIL_{margin-bottom:5px}.styles_toolbarBtn__6lIkA{flex:1 1;min-width:100px;text-align:center}}