.styles_editorContainer__19z4_{max-width:100%;margin:0 auto;padding:0}.styles_header__9YDZu{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:rgba(255,255,255,.02);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.styles_headerLeft__ABJXE{display:flex;flex-direction:column;gap:.25rem}.styles_title__zFSEv{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;display:flex;align-items:center;gap:.5rem}.styles_titleIcon__C6ev9{font-size:1.5rem}.styles_subtitle__haQGZ{color:#888;font-size:.9rem;margin:0}.styles_headerControls__dLq5w{display:flex;align-items:center;gap:1rem}.styles_layoutControls__LoAP_{display:flex;background:rgba(255,255,255,.05);border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.1)}.styles_layoutButton__2sRIu{padding:.5rem 1rem;border:none;background:transparent;color:#888;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.styles_layoutButton__2sRIu:hover{color:#fff;background:rgba(255,255,255,.1)}.styles_layoutButton__2sRIu.styles_active__NGYq_{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.styles_mainContent__xrYKG{display:grid;height:calc(100vh - 120px);grid-gap:1px;gap:1px;background:rgba(255,255,255,.05)}.styles_mainContent__xrYKG.styles_split__ydlfu{grid-template-columns:1fr 1fr}.styles_mainContent__xrYKG.styles_code__t1fYN{grid-template-columns:1fr 0fr}.styles_mainContent__xrYKG.styles_preview__S05Oa{grid-template-columns:0fr 1fr}.styles_codePanel__2zKyC{display:flex;flex-direction:column;background:#1a1a1a;border-right:1px solid rgba(255,255,255,.1)}.styles_tabNavigation__KBb4i{display:flex;background:#0c0c0c;border-bottom:1px solid rgba(255,255,255,.1);padding:0 1rem}.styles_tab__ETbtw{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;color:#888;font-size:.9rem;font-weight:500;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .3s ease;position:relative}.styles_tab__ETbtw:hover{color:#fff;background:rgba(255,255,255,.05)}.styles_tab__ETbtw.styles_active__NGYq_{color:#fff;border-bottom-color:#667eea;background:rgba(102,126,234,.1)}.styles_tabBadge__usZ8C{background:rgba(255,255,255,.1);color:#888;padding:.1rem .4rem;border-radius:10px;font-size:.7rem;font-weight:600}.styles_tab__ETbtw.styles_active__NGYq_ .styles_tabBadge__usZ8C{background:rgba(102,126,234,.3);color:#fff}.styles_editorWrapper__kd_Hm{flex:1 1;position:relative}.styles_codeEditor__BW1AT{width:100%;height:100%;background:#1a1a1a;color:#e0e0e0;border:none;padding:1.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;resize:none;outline:none;-moz-tab-size:2;tab-size:2}.styles_codeEditor__BW1AT::-webkit-scrollbar{width:8px}.styles_codeEditor__BW1AT::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.styles_codeEditor__BW1AT::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.styles_codeEditor__BW1AT::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.styles_editorControls__VXg1N{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0c0c0c;border-top:1px solid rgba(255,255,255,.1)}.styles_controlGroup__YndkO{display:flex;align-items:center;gap:.75rem}.styles_switch__2PL3W{display:flex;align-items:center;gap:.5rem;cursor:pointer}.styles_switch__2PL3W input{display:none}.styles_slider__uiCfm{width:40px;height:20px;background:rgba(255,255,255,.1);border-radius:20px;position:relative;transition:all .3s ease}.styles_slider__uiCfm:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#888;top:2px;left:2px;transition:all .3s ease}input:checked+.styles_slider__uiCfm{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.styles_slider__uiCfm:before{transform:translateX(20px);background:#fff}.styles_switchLabel__KkI_0{font-size:.85rem;color:#888}.styles_controlButton__BvQ61{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#888;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.styles_controlButton__BvQ61:hover:not(:disabled){background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.styles_controlButton__BvQ61:disabled{opacity:.5;cursor:not-allowed}.styles_uploadButton__DPwzX{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#888;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.styles_uploadButton__DPwzX:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.styles_previewPanel__6ROJ7{display:flex;flex-direction:column;background:#1a1a1a}.styles_previewHeader__QTJMe{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0c0c0c;border-bottom:1px solid rgba(255,255,255,.1)}.styles_previewTitle__lUixR{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#fff}.styles_previewControls__3VJqE{display:flex;gap:.5rem}.styles_iconButton__19Qob{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#888;border-radius:8px;cursor:pointer;transition:all .3s ease}.styles_iconButton__19Qob:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.styles_previewContainer__stdA3{flex:1 1;background:#fff;position:relative;transition:all .3s ease}.styles_previewContainer__stdA3.styles_fullscreen__Wt7iz{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.styles_previewFrame__izz17{width:100%;height:100%;border:none;background:#fff}.styles_previewStats__UuEsg{display:flex;justify-content:space-around;padding:1rem 1.5rem;background:#0c0c0c;border-top:1px solid rgba(255,255,255,.1)}.styles_stat__PtEWT{display:flex;flex-direction:column;align-items:center;gap:.25rem}.styles_statLabel__qnoh5{font-size:.75rem;color:#888;font-weight:500}.styles_statValue__wVe6a{font-size:.85rem;color:#fff;font-weight:600}@media (max-width:768px){.styles_header__9YDZu{flex-direction:column;gap:1rem;padding:1rem}.styles_headerControls__dLq5w{width:100%;justify-content:center}.styles_mainContent__xrYKG.styles_split__ydlfu{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.styles_tabNavigation__KBb4i{padding:0 .5rem}.styles_tab__ETbtw{padding:.75rem 1rem;font-size:.8rem}.styles_editorControls__VXg1N{flex-direction:column;gap:1rem;padding:1rem}.styles_controlGroup__YndkO{width:100%;justify-content:center}.styles_previewStats__UuEsg{padding:.75rem}.styles_statLabel__qnoh5,.styles_statValue__wVe6a{font-size:.7rem}}.styles_mainContent__xrYKG{transition:grid-template-columns .3s ease}