.flexlayout__layout{--color-text: #eeeeee;--color-background: black;--color-base: black;--color-1: rgb(17.85, 17.85, 17.85);--color-2: rgb(25.5, 25.5, 25.5);--color-3: rgb(38.25, 38.25, 38.25);--color-4: #333333;--color-5: rgb(63.75, 63.75, 63.75);--color-6: rgb(76.5, 76.5, 76.5);--color-drag1: rgb(207, 232, 255);--color-drag2: rgb(183, 209, 181);--color-drag1-background: rgba(128, 128, 128, .15);--color-drag2-background: rgba(128, 128, 128, .15);--font-size: medium;--font-family: Roboto, Arial, sans-serif;--color-overflow: gray;--color-icon: gray;--color-tabset-background: var(--color-1);--color-tabset-background-selected: var(--color-1);--color-tabset-background-maximized: var(--color-6);--color-tabset-divider-line: var(--color-4);--color-tabset-header-background: var(--color-1);--color-tabset-header: var(--color-text);--color-border-tab-content: var(--color-background);--color-border-background: var(--color-1);--color-border-divider-line: var(--color-4);--color-tab-content: var(--color-background);--color-tab-selected: var(--color-text);--color-tab-selected-background: var(--color-4);--color-tab-unselected: gray;--color-tab-unselected-background: transparent;--color-tab-textbox: var(--color-text);--color-tab-textbox-background: var(--color-3);--color-border-tab-selected: var(--color-text);--color-border-tab-selected-background: var(--color-4);--color-border-tab-unselected: gray;--color-border-tab-unselected-background: var(--color-2);--color-splitter: var(--color-2);--color-splitter-hover: var(--color-4);--color-splitter-drag: var(--color-5);--color-drag-rect-border: var(--color-4);--color-drag-rect-background: var(--color-1);--color-drag-rect: var(--color-text);--color-popup-border: var(--color-6);--color-popup-unselected: var(--color-text);--color-popup-unselected-background: var(--color-background);--color-popup-selected: var(--color-text);--color-popup-selected-background: var(--color-4);--color-edge-marker: gray;--color-edge-icon: #eee;--color-mini-scroll-indicator: rgba(128, 128, 128, .5);--color-mini-scroll-indicator-hovered: rgba(128, 128, 128, .8);--size-mini-scroll-indicator: 3px;--color-toolbar-button-hover: var(--color-4)}.flexlayout__layout{left:0;top:0;right:0;bottom:0;position:absolute;display:flex;background-color:var(--color-background)}.flexlayout__layout_overlay{left:0;top:0;right:0;bottom:0;position:absolute;z-index:1000}.flexlayout__layout_tab_stamps{position:absolute;top:-10000px;z-index:100;display:flex;flex-direction:column;align-items:start}.flexlayout__layout_moveables{visibility:hidden;position:absolute;width:100px;height:100px;top:-20000px}.flexlayout__layout_main{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-grow:1;position:relative}.flexlayout__layout_border_container,.flexlayout__layout_border_container_inner{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-grow:1}.flexlayout__splitter{display:flex;align-items:center;justify-content:center;background-color:var(--color-splitter);touch-action:none;z-index:10}@media(hover:hover){.flexlayout__splitter:hover{background-color:var(--color-splitter-hover);transition:background-color ease-in .1s;transition-delay:.05s;border-radius:5px}}.flexlayout__splitter_drag{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:5px;background-color:var(--color-splitter-drag)}.flexlayout__splitter_handle{background-color:#ccc;border-radius:3px}.flexlayout__splitter_handle_horz{width:3px;height:30px}.flexlayout__splitter_handle_vert{width:30px;height:3px}.flexlayout__splitter_extra{touch-action:none;background-color:transparent}.flexlayout__outline_rect{position:absolute;pointer-events:none;box-sizing:border-box;border:2px solid var(--color-drag1);background:var(--color-drag1-background);border-radius:5px;z-index:1000}.flexlayout__outline_rect_edge{pointer-events:none;border:2px solid var(--color-drag2);background:var(--color-drag2-background);border-radius:5px;z-index:1000;box-sizing:border-box}.flexlayout__edge_rect{position:absolute;z-index:1000;background-color:var(--color-edge-marker);pointer-events:none;display:flex;align-items:center;justify-content:center}.flexlayout__drag_rect{color:var(--color-drag-rect);background-color:var(--color-drag-rect-background);border:2px solid var(--color-drag-rect-border);border-radius:5px;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;overflow:hidden;padding:.3em .8em;word-wrap:break-word;font-size:var(--font-size);font-family:var(--font-family)}.flexlayout__row{display:flex;flex-basis:0px;min-width:0;min-height:0;position:relative;box-sizing:border-box;overflow:hidden}.flexlayout__tabset{display:flex;flex-direction:column;position:relative;background-color:var(--color-tabset-background);box-sizing:border-box;font-family:var(--font-family);overflow:hidden;flex-grow:1}.flexlayout__tabset_container{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-direction:column;overflow:hidden;flex-grow:1}.flexlayout__tabset_tab_divider{width:4px}.flexlayout__tabset_content{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-grow:1;box-sizing:border-box;position:relative}.flexlayout__tabset_leading{display:flex}.flexlayout__tabset_header{display:flex;align-items:center;padding:3px 3px 3px 5px;box-sizing:border-box;border-bottom:1px solid var(--color-tabset-divider-line);color:var(--color-tabset-header);background-color:var(--color-tabset-header-background);font-size:var(--font-size)}.flexlayout__tabset_header_content{flex-grow:1}.flexlayout__tabset_tabbar_outer{box-sizing:border-box;background-color:var(--color-tabset-background);overflow:hidden;display:flex;font-size:var(--font-size)}.flexlayout__tabset_tabbar_outer_top{padding:0 2px;border-bottom:1px solid var(--color-tabset-divider-line)}.flexlayout__tabset_tabbar_outer_bottom{padding:0 2px;border-top:1px solid var(--color-tabset-divider-line)}.flexlayout__tabset_tabbar_inner{position:relative;box-sizing:border-box;display:flex;flex-grow:1;scrollbar-width:none}.flexlayout__tabset_tabbar_inner::-webkit-scrollbar{display:none}.flexlayout__tabset_tabbar_inner_tab_container{position:relative;display:flex;padding-left:4px;padding-right:4px;box-sizing:border-box;white-space:nowrap}.flexlayout__tabset_tabbar_inner_tab_container_top{border-top:2px solid transparent}.flexlayout__tabset_tabbar_inner_tab_container_bottom{border-bottom:2px solid transparent}.flexlayout__tabset-selected{background-color:var(--color-tabset-background-selected)}.flexlayout__tabset-maximized{background-color:var(--color-tabset-background-maximized)}.flexlayout__tab_button_stamp{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;box-sizing:border-box}.flexlayout__tab{overflow:hidden;box-sizing:border-box;background-color:var(--color-tab-content);color:var(--color-text);position:relative}.flexlayout__tab_moveable{position:relative;height:100%;min-width:1px;min-height:1px;overflow:auto;box-sizing:border-box}.flexlayout__tab_overlay{z-index:20;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000003d}.flexlayout__tab_button{display:flex;gap:.3em;align-items:center;box-sizing:border-box;padding:3px .5em;cursor:pointer}.flexlayout__tab_button_stretch{background-color:transparent;color:var(--color-tab-selected);width:100%;padding:3px 0;text-wrap:nowrap;display:flex;gap:.3em;align-items:center;box-sizing:border-box;cursor:pointer}@media(hover:hover){.flexlayout__tab_button_stretch:hover{color:var(--color-tab-selected)}}.flexlayout__tab_button--selected{background-color:var(--color-tab-selected-background);color:var(--color-tab-selected)}@media(hover:hover){.flexlayout__tab_button:hover{color:var(--color-tab-selected)}}.flexlayout__tab_button--unselected{background-color:var(--color-tab-unselected-background);color:var(--color-tab-unselected)}.flexlayout__tab_button_leading{display:flex}.flexlayout__tab_button_content{display:flex;text-wrap:nowrap}.flexlayout__tab_button_textbox{border:none;font-family:var(--font-family);font-size:var(--font-size);color:var(--color-tab-textbox);background-color:var(--color-tab-textbox-background);border:1px inset var(--color-1);border-radius:3px;width:10em}.flexlayout__tab_button_textbox:focus{outline:none}.flexlayout__tab_button_trailing{display:flex;visibility:hidden;border-radius:4px}.flexlayout__tab_button_trailing:hover{background-color:var(--color-toolbar-button-hover)}@media(hover:hover){.flexlayout__tab_button:hover .flexlayout__tab_button_trailing{visibility:visible}}.flexlayout__tab_button--selected .flexlayout__tab_button_trailing{visibility:visible}.flexlayout__tab_button_overflow{display:flex;align-items:center;border:none;color:var(--color-overflow);font-size:inherit;background-color:transparent;width:2em;overflow:hidden}.flexlayout__tab_toolbar{display:flex;align-items:center;gap:.3em;padding-left:.5em;padding-right:.3em}.flexlayout__tab_toolbar_icon{border:none;outline:none;font-size:inherit;margin:0;background-color:transparent;padding:1px}.flexlayout__tab_toolbar_button{border:none;outline:none;font-size:inherit;margin:0;background-color:transparent;border-radius:4px;padding:1px}@media(hover:hover){.flexlayout__tab_toolbar_button:hover{background-color:var(--color-toolbar-button-hover)}}.flexlayout__tab_toolbar_sticky_buttons_container{display:flex;gap:.3em;padding-left:5px;align-items:center}.flexlayout__border{box-sizing:border-box;overflow:hidden;display:flex;font-size:var(--font-size);font-family:var(--font-family);color:var(--color-border);background-color:var(--color-border-background)}.flexlayout__border_tab_contents{box-sizing:border-box;overflow:hidden;background-color:var(--color-border-tab-content)}.flexlayout__border_leading{display:flex}.flexlayout__border_top{border-bottom:1px solid var(--color-border-divider-line);align-items:center}.flexlayout__border_bottom{border-top:1px solid var(--color-border-divider-line);align-items:center}.flexlayout__border_left{border-right:1px solid var(--color-border-divider-line);align-content:center;flex-direction:column}.flexlayout__border_right{border-left:1px solid var(--color-border-divider-line);align-content:center;flex-direction:column}.flexlayout__border_inner{position:relative;box-sizing:border-box;align-items:center;display:flex;flex-grow:1;scrollbar-width:none}.flexlayout__border_inner::-webkit-scrollbar{display:none}.flexlayout__border_inner_tab_container{white-space:nowrap;display:flex;padding-left:2px;padding-right:2px;box-sizing:border-box;position:absolute}.flexlayout__border_inner_tab_container_right{transform-origin:top left;transform:rotate(90deg)}.flexlayout__border_inner_tab_container_left{flex-direction:row-reverse;transform-origin:top right;transform:rotate(-90deg)}.flexlayout__border_tab_divider{width:4px}.flexlayout__border_button{display:flex;gap:.3em;align-items:center;cursor:pointer;padding:3px .5em;margin:2px 0;box-sizing:border-box;white-space:nowrap}.flexlayout__border_button--selected{background-color:var(--color-border-tab-selected-background);color:var(--color-border-tab-selected)}@media(hover:hover){.flexlayout__border_button:hover{color:var(--color-border-tab-selected)}}.flexlayout__border_button--unselected{background-color:var(--color-border-tab-unselected-background);color:var(--color-border-tab-unselected)}.flexlayout__border_button_leading,.flexlayout__border_button_content{display:flex}.flexlayout__border_button_trailing{display:flex;border-radius:4px;visibility:hidden}@media(hover:hover){.flexlayout__border_button:hover .flexlayout__border_button_trailing{visibility:visible}}.flexlayout__border_button--selected .flexlayout__border_button_trailing{visibility:visible}.flexlayout__border_toolbar{display:flex;gap:.3em;align-items:center}.flexlayout__border_toolbar_left,.flexlayout__border_toolbar_right{flex-direction:column;padding-top:.5em;padding-bottom:.3em}.flexlayout__border_toolbar_top,.flexlayout__border_toolbar_bottom{padding-left:.5em;padding-right:.3em}.flexlayout__border_toolbar_button{border:none;outline:none;font-size:inherit;background-color:transparent;border-radius:4px;padding:1px}@media(hover:hover){.flexlayout__border_toolbar_button:hover{background-color:var(--color-toolbar-button-hover)}}.flexlayout__border_toolbar_button_overflow{display:flex;align-items:center;border:none;color:var(--color-overflow);font-size:inherit;background-color:transparent;width:1.5em}.flexlayout__popup_menu{font-size:var(--font-size);font-family:var(--font-family)}.flexlayout__popup_menu_item{padding:2px .5em;white-space:nowrap;cursor:pointer;border-radius:2px}.flexlayout__popup_menu_item--selected{font-weight:500;background-color:var(--color-tab-selected-background);color:var(--color-tab-selected)}@media(hover:hover){.flexlayout__popup_menu_item:hover{background-color:var(--color-6)}}.flexlayout__popup_menu_container{box-shadow:inset 0 0 5px #00000026;border:1px solid var(--color-popup-border);color:var(--color-popup-unselected);background:var(--color-popup-unselected-background);border-radius:3px;position:absolute;z-index:1000;max-height:50%;min-width:100px;overflow:auto;padding:2px}.flexlayout__floating_window _body{height:100%}.flexlayout__floating_window_content{left:0;top:0;right:0;bottom:0;position:absolute}.flexlayout__error_boundary_container{left:0;top:0;right:0;bottom:0;position:absolute;display:flex;justify-content:center}.flexlayout__error_boundary_content{display:flex;align-items:center}.flexlayout__border_sizer{position:absolute;top:-30000px;padding-top:6px;padding-bottom:5px;font-size:var(--font-size);font-family:var(--font-family)}.flexlayout__mini_scrollbar{position:absolute;background-color:var(--color-mini-scroll-indicator);border-radius:5px;width:var(--size-mini-scroll-indicator);height:var(--size-mini-scroll-indicator);visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.flexlayout__mini_scrollbar:hover{background-color:var(--color-mini-scroll-indicator-hovered);transition:background-color .3s ease-in-out}.flexlayout__mini_scrollbar_container{position:relative;display:flex;flex-grow:1;overflow:hidden}@media(hover:hover){.flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar{opacity:1;visibility:visible}}.flexlayout__tabset_header{box-shadow:inset 0 0 3px #8888888a}.flexlayout__tabset-selected{background-image:linear-gradient(var(--color-background),var(--color-4))}.flexlayout__tabset-maximized{background-image:linear-gradient(var(--color-6),var(--color-2))}.flexlayout__tab_top{box-shadow:inset -2px 0 5px #0000001a;border-top-left-radius:3px;border-top-right-radius:3px}.flexlayout__tab_bottom{box-shadow:inset -2px 0 5px #0000001a;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.flexlayout__border_button{box-shadow:inset 0 0 5px #00000026;border-radius:3px}:root{--bg: #0b0f14;--panel: #0f1620;--muted: rgba(255, 255, 255, .65);--text: rgba(255, 255, 255, .92);--border: rgba(255, 255, 255, .08);--accent: #4f8cff}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#ffffff38;border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:#ffffff5c}html,body,#root{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text);overflow:hidden}button,input,textarea,select{font:inherit}select,select option,select optgroup{background-color:var(--panel);color:var(--text)}textarea{width:100%;height:100%;resize:none;padding:12px;border:1px solid var(--border);border-radius:10px;background:#ffffff08;color:var(--text);outline:none;line-height:1.35}textarea:focus{border-color:#4f8cff80;box-shadow:0 0 0 3px #4f8cff1f}.codeEditor{width:100%;height:100%;border:1px solid var(--border);border-radius:10px;background:#ffffff08;overflow:hidden}.codeEditor .cm-editor{height:100%}.codeEditor .cm-highlightPrimary{background:#4f8cff4d;border-radius:4px}.codeEditor .cm-highlightSecondary{background:#4f8cff2e;border-radius:4px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent)}.topbar .title{font-weight:700;letter-spacing:.2px}.topbarActions{display:flex;align-items:center;gap:8px}.tabBar{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:0 4px}.tab{height:22px;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;flex:0 0 auto;-webkit-user-select:none;user-select:none}.tab.active{border-color:#4f8cff8c;background:#4f8cff2e}.tab:focus-visible{outline:2px solid rgba(79,140,255,.6);outline-offset:2px}.tabLabel{max-width:140px;overflow:hidden;text-overflow:ellipsis}.tabClose{width:18px;height:18px;margin-left:2px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-size:14px;padding:0}.tabClose:hover{border-color:#ffffff2e;background:#ffffff0a;color:var(--text)}.tabClose:active{transform:translateY(.5px)}.tabAdd{height:22px;padding:0 8px;border-radius:7px;border:1px dashed rgba(255,255,255,.25);background:transparent;color:var(--text);cursor:pointer;flex:0 0 auto}.tabMenu{position:fixed;z-index:30;width:160px;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:10px;border:1px solid var(--border);background:#0f1620fa;box-shadow:0 14px 28px #00000059}.tabMenuItem{height:24px;padding:0 8px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left;cursor:pointer;font-size:11px}.tabMenuItem:hover{border-color:#ffffff2e;background:#ffffff0a}.tabMenuItem.danger{color:#ff8787f2}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#00000080}.modalPanel{width:min(420px,calc(100vw - 32px));padding:14px;border-radius:12px;border:1px solid var(--border);background:#0f1620fa;box-shadow:0 18px 40px #00000073}.modalTitle{font-size:12px;font-weight:600;margin-bottom:10px}.modalBody{font-size:11px;color:var(--muted);margin-bottom:12px;line-height:1.35}.modalInput{width:100%;height:32px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:12px;outline:none}.modalInput:focus{border-color:#4f8cff8c}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.welcomeModalPanel{width:min(640px,calc(100vw - 32px));max-height:min(80vh,760px);overflow:auto;position:relative;padding:18px 18px 14px}.modalCloseX{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:10px;border:1px solid transparent;background:#ffffff08;color:var(--muted);cursor:pointer;line-height:1;font-size:18px;display:inline-flex;align-items:center;justify-content:center}.modalCloseX:hover{border-color:#ffffff2e;background:#ffffff0d;color:var(--text)}.modalCloseX:focus-visible{outline:2px solid rgba(79,140,255,.6);outline-offset:2px}.welcomeTitle{font-size:16px;font-weight:750;margin:0;letter-spacing:.2px}.welcomeHeader{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-right:34px}.welcomeHeaderText{min-width:0}.welcomeIcon{width:56px;height:56px;border-radius:14px;flex:0 0 auto;box-shadow:0 14px 28px #00000059}.welcomeSectionTitle{font-size:13px;font-weight:700;margin:12px 0 6px}.welcomeList{margin:0 0 0 18px;padding:0;font-size:12.5px;color:var(--muted);line-height:1.55}.welcomeList li{margin:4px 0}.welcomeSupport{margin-top:12px;font-size:12.5px;color:var(--muted);line-height:1.55}.welcomeSupportTop{margin-top:0;margin-bottom:10px}.welcomeSupport a{color:#4f8cfff2;text-decoration:none}.welcomeSupport a:hover{text-decoration:underline}.welcomeActions{position:sticky;bottom:0;padding-top:12px;background:linear-gradient(to bottom,#0f162000,#0f1620fa 30%)}.primaryButton{padding:8px 10px;border-radius:10px;border:1px solid rgba(79,140,255,.55);background:#4f8cff2e;color:var(--text);cursor:pointer}.primaryButton.danger{border-color:#ff87878c;background:#ff87871f}.topbarActions button{height:22px;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer;line-height:1;font-size:11px}.topbarActions button:disabled{opacity:.45;cursor:not-allowed}.topbarActions button:hover{border-color:#ffffff2e}.topbarActions button.primary{border-color:#4f8cff8c;background:#4f8cff29}.content{flex:1;min-height:0;display:grid;grid-template-columns:1fr var(--splitter-size, 8px) 1.4fr var(--splitter-size, 8px) 1fr;gap:0;padding:10px;--splitter-size: 8px}.contentDock{flex:1;min-height:0;padding:10px;position:relative}.dockPanel{height:100%;min-height:0}.dockPanel .panel{height:100%}.flexlayout__layout{--color-background: var(--bg);--color-base: var(--bg);--color-text: var(--text);--font-family: inherit;--font-size: 11px;--color-tabset-background: transparent;--color-tabset-background-selected: transparent;--color-tabset-divider-line: var(--border);--color-tab-content: transparent;--color-splitter: transparent;--color-splitter-hover: rgba(255, 255, 255, .12);--color-splitter-drag: rgba(255, 255, 255, .18);--color-popup-border: rgba(255, 255, 255, .18);--color-popup-unselected-background: rgba(15, 22, 32, .98);--color-popup-selected-background: rgba(255, 255, 255, .06)}.flexlayout__tabset_tabbar_outer_top{padding:4px 4px 0;border-bottom:none}.flexlayout__tabset_tabbar_inner_tab_container_top{border-top:0}.flexlayout__tab_button{height:22px;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:11px;-webkit-user-select:none;user-select:none}.flexlayout__tab_button--selected{border-color:#4f8cff8c;background:#4f8cff2e}.flexlayout__tab_button--unselected:hover{border-color:#ffffff2e}.flexlayout__tab_button_content{line-height:22px}.flexlayout__splitter_handle{background-color:#ffffff38}.emptyState{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px}.emptyCreate{width:min(640px,calc(100vw - 48px));height:220px;border-radius:18px;border:2px dashed rgba(255,255,255,.22);background:#ffffff05;color:var(--text);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.2px}.emptyCreate:hover{border-color:#4f8cff8c;background:#4f8cff14}.emptyCreate:focus-visible{outline:2px solid rgba(79,140,255,.6);outline-offset:3px}.splitter{position:relative;cursor:col-resize;background:transparent;align-self:stretch;width:100%}.splitter:before{content:"";position:absolute;top:6px;bottom:6px;left:50%;width:1px;background:var(--border);transform:translate(-.5px)}.panel{min-width:0;min-height:0;background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;min-height:26px;height:26px;overflow:hidden}.previewControls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.previewSelect{padding:6px 8px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;font-size:12px}.previewCheckbox{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.previewCheckbox input{accent-color:var(--accent)}.previewHeader{align-items:center;min-height:26px;padding-bottom:0;height:26px;overflow:hidden}.previewHeader .previewControls{gap:3px;flex-wrap:nowrap;overflow-x:hidden;scrollbar-width:thin}.previewHeader .segmented{gap:3px}.previewHeader .segmented button{height:22px;padding:0 6px;line-height:1;font-size:10.5px;border-radius:7px}.previewHeader .previewSelect{height:22px;padding:0 5px;line-height:1;font-size:10.5px;border-radius:7px}.previewHeader .previewCheckbox{font-size:10.5px;gap:4px}.previewHeader h2{font-size:12px;line-height:1}.panelHeader h2{font-size:13px;margin:0;color:#fffc;text-transform:uppercase;letter-spacing:.08em}.panelHeaderHint{font-size:12px;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}.panelHeaderButton{height:22px;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-size:10.5px;cursor:pointer}.panelHeaderButton:hover{border-color:#ffffff2e}.panelHeaderButton:disabled{opacity:.5;cursor:not-allowed}.hint{font-size:12px;color:var(--muted)}.previewWrap{position:relative;flex:1;min-height:0;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#0003}.previewWrap.panning{cursor:grabbing}.previewStage{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform}.previewScale{transform-origin:top left;will-change:transform}.previewViewport{position:relative;background:#fff;overflow:hidden;border-radius:10px;box-shadow:0 16px 40px #0006}.previewViewport.deviceFrame{border-radius:28px;box-shadow:0 0 0 10px #080c12e6,0 20px 50px #00000073}.previewViewport iframe{display:block;border:0;background:#fff}.highlight{position:absolute;pointer-events:none;border:2px solid rgba(79,140,255,.95);box-shadow:0 0 0 3px #4f8cff26;border-radius:6px;z-index:2}.highlight.secondary{border-color:#4f8cfff2;border-style:dashed;box-shadow:none;z-index:1}.measureLine{position:absolute;pointer-events:none;z-index:3;border-color:#d946efbf}.measureLine.h{height:0;border-top:2px dotted rgba(217,70,239,.75)}.measureLine.v{width:0;border-left:2px dotted rgba(217,70,239,.75)}.measureLabel{position:absolute;pointer-events:none;z-index:4;font-size:12px;line-height:1.1;padding:0 4px;background:transparent;color:#d946eff2;font-weight:500;text-shadow:none;transform:translate(-50%,-50%);white-space:nowrap}.measureLabel.leftOf{transform:translate(-110%,-50%)}.measureLabel.above{transform:translate(-50%,-125%)}.contextMenu{position:absolute;z-index:5;min-width:180px;background:#0f1620fa;border:1px solid var(--border);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 30px #00000059}.contextMenu button{text-align:left;padding:6px 8px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer}.contextMenu button:hover:not(.disabled){background:#ffffff0f;border-color:#ffffff1f}.contextMenu button.disabled{opacity:.4;cursor:not-allowed}.contextMenuGroup{position:relative;width:100%}.contextMenuGroup:after{content:"";position:absolute;top:0;right:-8px;width:8px;height:100%}.contextMenu.left .contextMenuGroup:before{content:"";position:absolute;top:0;left:-8px;width:8px;height:100%}.contextMenuGroup .menuParent{width:100%}.contextMenuGroup.disabled{opacity:.4;pointer-events:none}.contextSubMenu{position:absolute;top:0;left:calc(100% + 6px);min-width:170px;background:#0f1620fa;border:1px solid var(--border);border-radius:10px;padding:6px;display:none;flex-direction:column;gap:4px;box-shadow:0 12px 30px #00000059;z-index:6}.contextMenu.left .contextSubMenu{left:auto;right:calc(100% + 6px)}.contextMenuGroup:hover .contextSubMenu,.contextMenuGroup:focus-within .contextSubMenu{display:flex}.propsScroll{overflow:auto;padding-right:4px}.sectionRow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;margin-bottom:8px}.dangerButton{height:22px;padding:0 8px;border-radius:7px;border:1px solid rgba(255,92,92,.6);background:#ff5c5c29;color:var(--text);cursor:pointer;font-size:10.5px}.dangerButton:hover{border-color:#ff5c5cd9}.section{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}.sectionTitle{font-size:12px;margin:0 0 8px;color:#ffffffc7;text-transform:uppercase;letter-spacing:.08em}.iconPickerMeta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px}.iconPickerTrigger{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:#ffffff08;color:var(--text);display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left}.iconPickerTrigger:hover{border-color:#4f8cff80}.iconPickerPreview{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:28px;background:#4f8cff26;border:1px solid rgba(79,140,255,.4);color:#cfe1ff}.iconPickerTriggerText{display:flex;flex-direction:column;gap:4px;flex:1}.iconPickerTriggerLabel{font-size:14px;color:var(--text)}.iconPickerTriggerMeta{font-size:11px;color:var(--muted)}.iconPickerTriggerChevron{font-size:16px;opacity:.7}.iconPickerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080cb3;display:flex;align-items:center;justify-content:center;z-index:80}.iconPickerPanel{width:min(980px,90vw);max-height:min(80vh,900px);background:#0b111a;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #00000073;display:flex;flex-direction:column;padding:18px 18px 12px;gap:14px}.iconPickerHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.iconPickerTitle{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.iconPickerClose{border:1px solid var(--border);background:#ffffff0f;color:var(--text);border-radius:10px;padding:6px 10px;cursor:pointer}.iconPickerControls{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.iconPickerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;padding:4px;overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;max-height:52vh}.iconPickerCell{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 8px 8px;background:#ffffff05;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-align:center;min-height:86px}.iconPickerCell:hover{border-color:#4f8cff73}.iconPickerCell.active{border-color:#4f8cffb3;background:#4f8cff29}.iconPickerIndex{position:absolute;top:6px;left:8px;font-size:9px;color:var(--muted)}.iconPickerGlyph{font-size:28px;line-height:1}.iconPickerLabel{font-size:10px;color:var(--muted);word-break:break-word}.iconPickerEmpty{grid-column:1 / -1;font-size:12px;color:var(--muted);padding:12px}.fontPickerTrigger{width:100%;height:28px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.fontPickerTrigger:hover{background:#ffffff0f}.fontPickerPreview{display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}.fontPickerPreviewName{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.fontPickerPreviewSample{font-size:13px;opacity:.7}.fontPickerChevron{font-size:11px;opacity:.7}.fontPickerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0fa6;z-index:300;display:flex;align-items:center;justify-content:center}.fontPickerPanel{width:min(520px,92vw);max-height:82vh;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 40px #00000059}.fontPickerHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.fontPickerTitle{font-size:13px;font-weight:600}.fontPickerMeta{font-size:11px;color:var(--muted);display:flex;gap:8px}.fontPickerClose{border:1px solid var(--border);background:#ffffff08;color:var(--text);border-radius:8px;padding:4px 10px;font-size:11px;cursor:pointer}.fontPickerClose:hover{background:#ffffff14}.fontPickerControls{display:flex;gap:12px}.fontPickerList{border:1px solid var(--border);border-radius:10px;overflow:auto;background:#ffffff05;padding:4px 0;flex:1;min-height:220px}.fontPickerGroup{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 12px}.fontPickerItem{width:100%;border:0;background:transparent;color:var(--text);padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.fontPickerItem:hover{background:#ffffff0f}.fontPickerItem.active{background:#4f8cff29;border-left:3px solid rgba(79,140,255,.65)}.fontPickerName{font-size:12px;font-weight:600;flex:1}.fontPickerSample{font-size:13px;opacity:.85;white-space:nowrap}.fontPickerEmpty{padding:14px;text-align:center;color:var(--muted);font-size:12px}.row{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:8px}.field{display:flex;flex-direction:column;gap:6px}.boxSpacing{display:flex;flex-direction:column;gap:8px}.boxSpacingHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.boxSpacingLabel{font-size:12px;color:#ffffffbf}.boxSpacingLock{border:1px solid var(--border);background:#ffffff08;color:var(--text);border-radius:10px;padding:4px 8px;cursor:pointer;font-size:12px}.boxSpacingLock:hover{border-color:#4f8cff73}.boxSpacingGrid{display:grid;grid-template-columns:72px 72px 72px;grid-template-rows:auto auto auto;grid-template-areas:". top ." "left center right" ". bottom .";gap:6px;align-items:center;justify-content:center}.field input.boxSpacingInput[type=number]{width:72px;height:22px;padding:0 6px;border-radius:7px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;font-size:10.5px;text-align:center}.boxSpacingInput.top{grid-area:top}.boxSpacingInput.right{grid-area:right}.boxSpacingInput.bottom{grid-area:bottom}.boxSpacingInput.left{grid-area:left}.boxSpacingCenter{grid-area:center;border:1px solid var(--border);background:#ffffff08;color:var(--muted);border-radius:7px;height:22px;padding:0 6px;cursor:pointer;font-size:10.5px}.boxSpacingCenter.linked{border-color:#4f8cff8c;background:#4f8cff29;color:var(--text)}.boxSpacingCenter:hover{border-color:#ffffff2e}.field label{font-size:11px;color:#ffffffbf}.field input[type=number],.field input[type=text],.field select{height:22px;padding:0 6px;border-radius:7px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;font-size:10.5px}.themeList{display:flex;flex-direction:column;gap:6px;margin-top:4px;margin-bottom:8px}.themeListRow{display:flex;align-items:center;gap:6px}.themeKeyInput{width:140px}.themeValueInput{flex:1;min-width:0}.dangerButton.compact{padding:0 6px}.secondaryButton.compact{height:22px;padding:0 6px;border-radius:7px;font-size:10.5px}.colorPicker{position:relative}.colorTrigger{height:22px;padding:0 6px;border-radius:7px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;font-size:10.5px;display:flex;align-items:center;gap:6px;cursor:pointer}.colorPicker.disabled .colorTrigger{opacity:.5;cursor:not-allowed}.colorSwatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.25)}.colorSwatch.transparent{background-image:linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.22) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.22) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.22) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.colorValue{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10.5px;opacity:.92}.colorChevron{font-size:10px;opacity:.75}.colorTrigger:hover{border-color:#ffffff2e}.colorTrigger:focus-visible{border-color:#4f8cff8c}.colorHiddenInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.colorPopover{position:absolute;z-index:20;top:calc(100% + 6px);left:0;padding:8px;border-radius:10px;border:1px solid var(--border);background:#0f1620fa;box-shadow:0 14px 28px #00000059}.colorPopoverRow{display:flex;align-items:center;gap:8px}.twColorPicker{display:flex;align-items:center;gap:8px;position:relative;flex:1;min-width:0}.twColorPopover{position:absolute;top:26px;right:0;width:min(420px,70vw);max-height:320px;overflow:hidden;background:#141414fa;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 18px 50px #00000080;z-index:20}.twColorPopover.portal{position:fixed;top:0;left:0;right:auto;z-index:32}.twColorSearchRow{padding:8px;border-bottom:1px solid rgba(255,255,255,.08)}.twColorSearchRow input{width:100%;height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;font-size:12px}.twColorOptions{max-height:282px;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:10px}.twColorGroupTitle{font-size:11px;color:#ffffffa6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.twColorGroupList{display:flex;flex-direction:column;gap:4px}.twColorOption{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text);cursor:pointer;text-align:left;font-size:12px}.twColorOption:hover{border-color:#ffffff24;background:#ffffff0d}.twColorOptionSwatch{width:14px;height:14px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;flex:0 0 auto}.twColorOptionSwatch.transparent{background-image:linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.22) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.22) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.22) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.twColorOptionLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colorPopoverSwatch{width:32px;height:32px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff08;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.colorPopoverSwatch>span{width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.25);display:inline-block}.colorPopoverSwatch:hover{border-color:#ffffff47;background:#ffffff0d}.colorPopoverRow input[type=text]{width:118px}.field textarea{padding:6px 8px;border-radius:7px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;height:72px;min-height:56px;resize:vertical;width:100%;font-size:10.5px}.field input[type=range]{width:100%}.segmented{display:flex;gap:4px;flex-wrap:wrap}.segmented button{height:22px;padding:0 6px;border-radius:7px;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer;font-size:10.5px}.segmented button.active{border-color:#4f8cff8c;background:#4f8cff29}.breadcrumb{font-size:12px;color:var(--muted);word-break:break-word;line-height:1.35}.breadcrumbBar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.breadcrumbChip{border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:999px;padding:2px 8px;cursor:pointer}.breadcrumbChip.ellipsis{cursor:default;opacity:.8;-webkit-user-select:none;user-select:none}.breadcrumbChip.active{border-color:#4f8cff80;background:#4f8cff29;color:var(--text)}.breadcrumbDivider{color:var(--muted);opacity:.7;-webkit-user-select:none;user-select:none}.kbd{font-size:11px;padding:2px 6px;border:1px solid var(--border);border-radius:6px;background:#ffffff0a}.propsSticky{position:sticky;top:0;z-index:20;background:linear-gradient(to bottom,#0b0f14f5,#0b0f14db);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:8px;border-bottom:1px solid var(--border)}.propsBreakpointRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.propsBreakpointLabel{font-size:11px;color:var(--muted);white-space:nowrap}.breakpointSegmented{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.breakpointBtn{height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:10.5px}.breakpointBtn.active{border-color:#4f8cff8c;background:#4f8cff29}.overrideDot{width:7px;height:7px;border-radius:999px;background:#4f8cfff2;display:inline-block}.accordion{display:flex;flex-direction:column;gap:8px;margin-top:8px}.accordionSection{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#ffffff05}.accordionHeader{width:100%;border:0;background:#ffffff05;color:var(--text);cursor:pointer;padding:6px 10px;min-height:26px;display:flex;justify-content:space-between;align-items:center;text-align:left}.accordionHeader:hover{background:#ffffff0a}.accordionHeaderLeft{display:flex;flex-direction:column;gap:2px}.accordionTitle{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.accordionSummary{font-size:12px;color:var(--muted)}.accordionChevron{opacity:.7;font-size:12px}.accordionBody{padding:8px 10px 4px;border-top:1px solid var(--border)}.bpGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;align-items:start}.stepper{display:flex;flex-direction:column;gap:6px}.stepperLabel{font-size:12px;color:#ffffffbf}.stepperRow{display:grid;grid-template-columns:34px 1fr 34px;gap:6px;align-items:center}.stepperBtn{border:1px solid var(--border);background:#ffffff08;color:var(--text);border-radius:10px;height:34px;cursor:pointer}.stepperBtn:hover:not(:disabled){border-color:#ffffff2e}.stepperBtn:disabled{opacity:.45;cursor:not-allowed}.stepperInput{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;height:34px}.chipRow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;font-size:12px;color:var(--text)}.secondaryButton{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer}.secondaryButton:hover{border-color:#ffffff2e}