@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";*,:focus:not(:focus-visible){-webkit-tap-highlight-color:transparent!important;outline:none!important}:root{--bg-primary:#f6f6fe;--bg-secondary:#fff;--bg-tertiary:#ebebfa;--bg-glass:#ffffffbf;--bg-glass-hover:#ffffffe6;--bg-glass-active:#f0f0fef2;--accent-primary:#4b4ce2;--accent-secondary:#0ea5e9;--accent-pink:#ec4899;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--accent-gradient-glow:linear-gradient(135deg, #4b4ce226 0%, #0ea5e926 100%);--border-color:#4b4ce214;--border-hover:#4b4ce22e;--border-glow:#4b4ce24d;--text-primary:#555a91;--text-secondary:#7e85b7;--text-muted:#a4abc6;--bg-active-tab:#4b4ce20f;--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--topbar-height:70px;--sidebar-width:320px;--shadow-sm:0 2px 8px #4b4ce20f;--shadow-md:0 8px 24px #4b4ce21a;--shadow-lg:0 16px 36px #4b4ce226;--shadow-glow:0 0 20px #4b4ce233;--shadow-glow-cyan:0 0 20px #0ea5e933;--canvas-bg:#ebebfa;--canvas-grid:#4b4ce20d;--device-frame:#dcdcf6;--device-frame-border:#4b4ce226;--device-speaker:#b4b7df;--slider-track:#4b4ce22e;--panel-bg:#4b4ce205;--panel-border:#4b4ce21a;--block-border:#4b4ce224}body.dark-theme{--bg-primary:#0c0c1d;--bg-secondary:#13142b;--bg-tertiary:#1d1e3a;--bg-glass:#ffffff0f;--bg-glass-hover:#ffffff1a;--bg-glass-active:#ffffff26;--accent-primary:#6366f1;--accent-secondary:#22d3ee;--accent-pink:#f472b6;--accent-green:#34d399;--accent-amber:#fbbf24;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #22d3ee 100%);--accent-gradient-glow:linear-gradient(135deg, #6366f147 0%, #22d3ee47 100%);--border-color:#9495ff24;--border-hover:#9495ff47;--border-glow:#6366f18c;--text-primary:#f1f5f9;--text-secondary:#b0bdd6;--text-muted:#7c8ca8;--bg-active-tab:#6366f124;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #0000008c, 0 2px 8px #6366f11f;--shadow-lg:0 16px 40px #000000b3, 0 4px 16px #6366f12e;--shadow-glow:0 0 28px #6366f180;--shadow-glow-cyan:0 0 28px #22d3ee73;--canvas-bg:#09091a;--canvas-grid:#9495ff0a;--device-frame:#1d1e3a;--device-frame-border:#9495ff24;--device-speaker:#0a0a18;--slider-track:#9495ff2e;--panel-bg:#ffffff08;--panel-border:#9495ff21;--block-border:#9495ff2e}.glass-panel h1,.glass-panel h2,.glass-panel h3,.glass-panel h4,.glass-panel h5,.glass-panel h6{color:var(--text-primary)!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}#root{background-color:var(--bg-primary);text-align:left;border-inline:none;flex-direction:column;width:100vw;max-width:100%;height:100vh;display:flex;position:relative;overflow:hidden}body.dark-theme #root{background:radial-gradient(ellipse 60% 40% at 15% 0%, #6366f11a 0%, transparent 70%), radial-gradient(ellipse 50% 35% at 90% 100%, #22d3ee12 0%, transparent 70%), var(--bg-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}body.dark-theme ::-webkit-scrollbar-thumb{background:#9495ff38}body.dark-theme ::-webkit-scrollbar-thumb:hover{background:#9495ff6b}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:border-color .3s,box-shadow .3s}.glass-panel:hover{border-color:var(--border-hover)}.glass-panel-glow{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}input,select,textarea{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);background:#ffffff0a;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 0 2px #6366f133}input[type=range]{appearance:none;background:var(--slider-track);border:none;border-radius:999px;outline:none;width:100%;height:6px;margin:10px 0;padding:0;transition:background .15s}input[type=range]:hover{background:var(--slider-track)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bg-secondary);border:2px solid var(--accent-primary);cursor:pointer;width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .1s,border-color .1s}input[type=range]::-webkit-slider-thumb:hover{border-color:var(--accent-primary);transform:scale(1.2)}input[type=range]:active::-webkit-slider-thumb{background:var(--accent-primary);transform:scale(1.3)}input[type=range]::-moz-range-thumb{background:var(--bg-secondary);border:2px solid var(--accent-primary);cursor:pointer;width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .1s,border-color .1s}input[type=range]::-moz-range-thumb:hover{border-color:var(--accent-primary);transform:scale(1.2)}input[type=range]:active::-moz-range-thumb{background:var(--accent-primary);transform:scale(1.3)}.style-panel-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;gap:12px;margin-top:10px;padding:14px;transition:all .3s;display:flex}.style-panel-card:hover{border-color:var(--border-color);background:var(--panel-bg)}.segmented-control{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;gap:2px;padding:2px;display:flex}.segmented-control-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.segmented-control-btn:hover{color:var(--text-primary);background:var(--bg-active-tab)}.segmented-control-btn.active{background:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)!important}.btn-primary{background:var(--accent-gradient);color:#fff;font-weight:500;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.95;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-active-tab);border-color:var(--border-hover);color:var(--text-primary)}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-icon:hover{background:var(--bg-active-tab);color:var(--text-primary)}.btn-icon.active{background:var(--bg-secondary);color:var(--accent-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.gjs-editor-cont{width:100%!important;height:100%!important;font-family:var(--font-sans)!important}.gjs-pn-views-container,.gjs-pn-views,.gjs-pn-commands,.gjs-pn-options,.gjs-off-prv{display:none!important}.gjs-cv-canvas{background-color:var(--canvas-bg)!important;background-image:radial-gradient(var(--canvas-grid) 1px, transparent 1px)!important;background-size:20px 20px!important;width:100%!important;height:100%!important;top:0!important;left:0!important}.gjs-highlighter,.gjs-highlighter-sel{border:1.5px dashed var(--accent-secondary)!important;outline:none!important}.gjs-highlighter-sel{border:2px solid var(--accent-primary)!important}.gjs-badge{background-color:var(--accent-primary)!important;color:#fff!important;font-family:var(--font-sans)!important;box-shadow:var(--shadow-sm)!important;border-radius:4px!important;padding:3px 6px!important;font-size:10px!important;font-weight:600!important}.gjs-toolbar{display:none!important}.gjs-rte-toolbar{background:var(--bg-tertiary)!important;border:1px solid var(--border-hover)!important;box-shadow:var(--shadow-md)!important;-webkit-backdrop-filter:blur(20px)!important;border-radius:8px!important;align-items:center!important;gap:2px!important;min-height:36px!important;padding:4px 6px!important;display:flex!important}.gjs-rte-toolbar .gjs-rte-action{color:var(--text-primary)!important;cursor:pointer!important;width:30px!important;height:30px!important;font-size:13px!important;font-weight:700!important;font-family:var(--font-sans)!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:0!important;line-height:1!important;transition:background .12s,color .12s!important;display:flex!important}.gjs-rte-toolbar .gjs-rte-action:hover{background:var(--bg-active-tab)!important;color:var(--accent-primary)!important}.gjs-rte-toolbar .gjs-rte-action.gjs-rte-active{color:var(--accent-primary)!important;background:#4b4ce22e!important;border:1px solid #4b4ce24d!important}.sp-container{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-lg)!important;border-radius:8px!important}.gjs-canvas::-webkit-scrollbar{width:8px;height:8px}#custom-blocks-wrapper,#custom-blocks-wrapper .gjs-blocks-cs,#custom-blocks-wrapper .gjs-block-categories,#custom-blocks-wrapper .gjs-one-bg{background:0 0!important;border:none!important}#custom-blocks-wrapper .gjs-block-categories{flex-direction:column;gap:8px;display:flex}#custom-blocks-wrapper .gjs-block-category{border:none;background:0 0;border-bottom:1px solid #ffffff0d;border-radius:0;margin-bottom:4px;transition:all .2s;overflow:hidden}#custom-blocks-wrapper .gjs-block-category:hover{background:0 0}#custom-blocks-wrapper .gjs-title{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 4px;font-size:13px;font-weight:600;transition:color .2s;text-align:left!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;display:flex!important}#custom-blocks-wrapper .gjs-title:hover{color:var(--accent-primary)!important}#custom-blocks-wrapper .gjs-block-categories,#custom-blocks-wrapper .gjs-block-category,#custom-blocks-wrapper .gjs-title{border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important;background:0 0!important}#custom-blocks-wrapper .gjs-blocks-c{border-top:none;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 4px 16px;display:grid;background:0 0!important}#custom-blocks-wrapper .gjs-block{background:var(--panel-bg);border:1px solid var(--block-border);text-align:center;color:var(--text-secondary);cursor:grab;min-height:94px;box-shadow:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 8px;font-size:11px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;width:auto!important;height:auto!important}#custom-blocks-wrapper .gjs-block:hover{background:var(--bg-active-tab);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}#custom-blocks-wrapper .gjs-block-media{justify-content:center;align-items:center;margin-bottom:2px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;color:var(--text-primary)!important}#custom-blocks-wrapper .gjs-block:hover .gjs-block-media{filter:drop-shadow(0 0 8px #4b4ce233);transform:scale(1.12);color:var(--accent-primary)!important}#custom-blocks-wrapper .gjs-block:active{cursor:grabbing}#custom-blocks-wrapper .gjs-block-label{font-weight:500;line-height:1.3}#custom-layers-wrapper,#custom-layers-wrapper .gjs-layers,#custom-layers-wrapper .gjs-layers-c,#custom-layers-wrapper .gjs-layer-children{background:0 0!important;border:none!important}#custom-layers-wrapper .gjs-layers,#custom-layers-wrapper .gjs-layers-c{min-width:max-content!important;overflow:visible!important}#custom-layers-wrapper .gjs-one-bg,#custom-layers-wrapper .gjs-two-color,#custom-layers-wrapper .gjs-three-bg,#custom-layers-wrapper .gjs-four-color{color:inherit!important;background:0 0!important}#custom-layers-wrapper .gjs-layer{background-color:var(--bg-secondary)!important;border:1px solid var(--panel-border)!important;color:var(--text-secondary)!important;border-radius:8px!important;margin-bottom:6px!important;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;overflow:visible!important}#custom-layers-wrapper .gjs-layer>.gjs-layer-title{border-radius:7px!important;overflow:hidden!important}#custom-layers-wrapper .gjs-layer:hover{border-color:var(--border-hover)!important;background-color:var(--bg-secondary)!important}#custom-layers-wrapper .gjs-layer-title{color:var(--text-primary)!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;background:0 0!important;border:none!important;align-items:center!important;min-height:38px!important;padding:8px 12px!important;transition:all .15s!important;display:flex!important}#custom-layers-wrapper .gjs-layer-title:hover{background-color:var(--bg-active-tab)!important;color:var(--accent-primary)!important}#custom-layers-wrapper .gjs-layer.gjs-layer-selected{border-color:var(--accent-primary)!important;box-shadow:0 0 0 1px var(--accent-primary), var(--shadow-sm)!important}#custom-layers-wrapper .gjs-layer.gjs-layer-selected>.gjs-layer-title{background-color:var(--bg-active-tab)!important;color:var(--accent-primary)!important;font-weight:600!important}#custom-layers-wrapper .gjs-layer-children{border-left:1.5px dashed var(--border-hover)!important;margin-top:4px!important;margin-bottom:4px!important;margin-left:14px!important;padding-left:12px!important;transition:border-color .2s!important}#custom-layers-wrapper .gjs-layer:hover>.gjs-layer-children{border-left-color:var(--accent-primary)!important}#custom-layers-wrapper .gjs-layer-caret{color:var(--text-secondary)!important;justify-content:center!important;align-items:center!important;margin-right:8px!important;transition:transform .2s,color .15s!important;display:flex!important}#custom-layers-wrapper .gjs-layer-title:hover .gjs-layer-caret{color:var(--accent-primary)!important}#custom-layers-wrapper .gjs-layer-vis{color:var(--text-muted)!important;cursor:pointer!important;justify-content:center!important;align-items:center!important;margin-right:8px!important;font-size:13px!important;transition:color .15s!important;display:flex!important}#custom-layers-wrapper .gjs-layer-vis:hover{color:var(--accent-primary)!important}#custom-layers-wrapper .gjs-layer-vis.gjs-layer-vis-off{color:var(--text-muted)!important;opacity:.4!important}#custom-layers-wrapper .gjs-layer-move{color:var(--text-muted)!important;cursor:grab!important;opacity:.35!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;padding:0 4px!important;transition:opacity .15s,color .15s!important;display:flex!important}#custom-layers-wrapper .gjs-layer-title:hover .gjs-layer-move{opacity:.8!important;color:var(--text-secondary)!important}#custom-layers-wrapper .gjs-layer-title:hover .gjs-layer-move:hover{opacity:1!important;color:var(--accent-primary)!important;cursor:grab!important}#custom-layers-wrapper .gjs-layer-move:active{cursor:grabbing!important}#custom-layers-wrapper .gjs-placeholder{background:linear-gradient(to right, white 6px, var(--accent-primary) 6px)!important;opacity:1!important;z-index:10!important;border-radius:0 4px 4px 0!important;height:4px!important;margin:2px 0!important;display:block!important;position:static!important;box-shadow:0 0 10px #4b4ce2b3!important}#custom-layers-wrapper .gjs-placeholder-int{background-color:#0000!important;height:0!important}#custom-layers-wrapper .gjs-layer.gjs-drag-helper{opacity:.5!important;border-style:dashed!important}#custom-layers-wrapper .gjs-layer-name{color:inherit!important;font-size:13px!important;font-weight:500!important;font-family:var(--font-sans)!important}#custom-layers-wrapper .gjs-layer-count{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important;border:1px solid var(--panel-border)!important;border-radius:10px!important;margin-left:8px!important;padding:2px 6px!important;font-size:10px!important;font-weight:600!important;transition:all .15s!important}#custom-layers-wrapper .gjs-layer-title:hover .gjs-layer-count{background-color:var(--accent-primary)!important;color:#fff!important;border-color:var(--accent-primary)!important}.cb-ctx-menu{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--panel-border,#4b4ce233);z-index:99999;-webkit-backdrop-filter:blur(14px);border-radius:10px;flex-direction:column;min-width:160px;padding:5px;animation:.1s cbCtxIn;display:none;position:fixed;box-shadow:0 16px 40px #00000073,0 2px 8px #00000040}.cb-ctx-menu.cb-ctx-visible{display:flex}@keyframes cbCtxIn{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.cb-ctx-btn{color:var(--text-primary,#f8fafc);cursor:pointer;font-size:13px;font-family:var(--font-sans,"Outfit", sans-serif);text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-weight:500;transition:background .1s;display:flex}.cb-ctx-btn:hover{background:var(--bg-active-tab,#4b4ce21a)}.cb-ctx-btn i{text-align:center;flex-shrink:0;width:14px;font-size:12px}.cb-ctx-btn-danger{color:#ef4444!important}.cb-ctx-btn-danger:hover{background:#ef44441a!important}.cb-ctx-sep{background:var(--panel-border,#4b4ce226);height:1px;margin:4px 6px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.icon-category-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--font-sans);background:0 0;border:1px solid #0000;border-radius:8px;outline:none;padding:6px 14px;transition:all .2s}.icon-category-tab:hover{color:var(--text-primary);background:var(--bg-active-tab)}.icon-category-tab.active{background:var(--accent-gradient-glow);color:var(--accent-secondary);border:1px solid #0ea5e94d!important}