@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--theme-mode:dark;--theme-page-bg:#000;--theme-main-gradient:linear-gradient(180deg,#60d2cd00,#60d2cd26),linear-gradient(90deg,#000,#000);--theme-main-bg:#000;--theme-header-bg:#00000080;--theme-header-border:#ffffff1a;--theme-header-blur:blur(6px);--theme-text-primary:#fff;--theme-text-secondary:#999;--theme-text-inverted:#020202;--theme-border-default:#191919;--theme-border-subtle:#ffffff1a;--theme-border-light:#1919191a;--theme-btn-bg:#ffffff08;--theme-btn-hover-bg:#ffffff0d;--theme-btn-active-bg:#60d2cc33;--theme-btn-border:#191919;--theme-card-bg:linear-gradient(90deg,#070707,#191919 50%,#070707);--theme-card-border:#191919;--theme-card-hover-border:#60d2cc66;--theme-sidebar-bg:#0000;--theme-sidebar-border:#191919;--theme-sidebar-item-active:#ffffff0d;--theme-input-bg:#1f1f1f;--theme-input-border:#ffffff1a;--theme-input-text:#fff;--theme-input-placeholder:#999;--theme-accent:#60d2cd;--theme-accent-bg:#60d2cc33;--theme-accent-border:#60d2cc66;--theme-accent-glow:#60d2cd33;--theme-mode-btn-bg:#0000;--theme-mode-btn-active-bg:#60d2cc33;--theme-mode-btn-border:#191919;--theme-mode-btn-active-border:#60d2cd;--theme-credits-bg:#0202024d;--theme-credits-border:#191919;--theme-credits-text:#fff;--theme-profile-bg:#eb459e;--theme-profile-text:#fafafa;--theme-divider:#ffffff4d;--theme-icon-filter:none;--theme-icon-filter-secondary:brightness(0.6);--theme-icon-invert:0;--bg-primary:#000;--bg-secondary:#070707;--bg-tertiary:#0d0d0d;--bg-elevated:#141414;--bg-hover:#ffffff0d;--bg-active:#ffffff14;--accent-primary:#60d2cc;--accent-primary-rgb:96,210,204;--accent-primary-hover:#7eddda;--accent-secondary:#86c4f6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-purple:#954de1;--accent-pink:#ff49da;--gradient-primary:linear-gradient(135deg,#60d2cc33,#60d2cc0d);--gradient-accent:linear-gradient(89.94deg,#a3fff9 0.1%,#86c4f6 30%,#954de1 56%,#c386e8 72%,#ff49da 87%,#f45b63);--gradient-teal-glow:linear-gradient(180deg,#60d2cd00,#60d2cd26);--gradient-card:linear-gradient(90deg,#070707,#070707);--gradient-card-border:linear-gradient(90deg,#070707,#191919 50%,#070707);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-swarm:linear-gradient(135deg,#f59e0b,#d97706);--gradient-graph:linear-gradient(135deg,#3b82f6,#2563eb);--text-primary:#fff;--text-secondary:#999;--text-tertiary:#9ca3af;--text-muted:#666;--text-placeholder:#666;--border-primary:#191919;--border-secondary:#262626;--border-focus:#60d2cc80;--border-accent:#60d2cc66;--glass-bg:#00000080;--glass-bg-solid:#0d0d0df2;--glass-border:#ffffff1a;--glass-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d;--glass-blur:6px;--node-agent-bg:linear-gradient(135deg,#0d0d0d,#070707);--node-agent-border:#60d2cc4d;--node-group-visual:#6b7280;--node-group-swarm:#f59e0b;--node-group-graph:#3b82f6;--input-bg:#1f1f1f;--input-icon:#a3a3a3;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-sans:"Figtree",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--panel-width:320px;--panel-collapsed:48px;--toolbar-height:56px;--bottom-panel-height:280px}[data-theme=light]{--theme-mode:light;--theme-page-bg:#fff;--theme-main-gradient:linear-gradient(180deg,#60d2cd00,#60d2cd26),linear-gradient(90deg,#fff,#fff);--theme-main-bg:#fff;--theme-header-bg:#fff;--theme-header-border:#1919191a;--theme-header-blur:blur(6px);--theme-text-primary:#020202;--theme-text-secondary:#999;--theme-text-inverted:#fff;--theme-border-default:#1919191a;--theme-border-subtle:#1919191a;--theme-border-light:#1919191a;--theme-btn-bg:#02020208;--theme-btn-hover-bg:#0202020d;--theme-btn-active-bg:#60d2cc1a;--theme-btn-border:#1919191a;--theme-card-bg:linear-gradient(90deg,#dff6f4,#effaf9 50%,#dff6f4);--theme-card-border:#1919191a;--theme-card-hover-border:#60d2cc66;--theme-sidebar-bg:#0000;--theme-sidebar-border:#1919191a;--theme-sidebar-item-active:#0202020d;--theme-input-bg:#fff;--theme-input-border:#1919191a;--theme-input-text:#020202;--theme-input-placeholder:#999;--theme-accent:#60d2cd;--theme-accent-bg:#60d2cc33;--theme-accent-border:#60d2cc66;--theme-accent-glow:#60d2cd33;--theme-mode-btn-bg:#0000;--theme-mode-btn-active-bg:#60d2cc1a;--theme-mode-btn-border:#1919191a;--theme-mode-btn-active-border:#60d2cc33;--theme-credits-bg:#60d2cc1a;--theme-credits-border:#60d2cc33;--theme-credits-text:#000;--theme-profile-bg:#eb459e;--theme-profile-text:#fafafa;--theme-divider:#1919191a;--theme-icon-filter:invert(1) brightness(0.2);--theme-icon-filter-secondary:invert(1) brightness(0.4);--theme-icon-invert:1;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-elevated:#fff;--bg-hover:#00000008;--bg-active:#0000000d;--text-primary:#020202;--text-secondary:#666;--text-tertiary:#9ca3af;--text-muted:#999;--text-placeholder:#999;--border-primary:#1919191a;--border-secondary:#19191926;--glass-bg:#fffc;--glass-bg-solid:#fffffff2;--glass-border:#1919191a;--input-bg:#fff}[data-theme=light] .toolbar-btn{background:#fff;border:1px solid #1919191a;color:#666}[data-theme=light] .toolbar-btn:hover{background:#f3f4f6;color:#020202}[data-theme=light] .toolbar-btn.active{background:#60d2cc;color:#000}[data-theme=light] .toolbar-btn.icon-btn{background:#fff;border-color:#1919191a}[data-theme=light] .toolbar-btn.icon-btn:hover{background:#f3f4f6;border-color:#60d2cd4d}[data-theme=light] .toolbar-btn.icon-btn svg,[data-theme=light] .toolbar-btn.icon-btn svg circle,[data-theme=light] .toolbar-btn.icon-btn svg path,[data-theme=light] .toolbar-btn.icon-btn svg rect{stroke:#666!important;color:#666!important}[data-theme=light] .toolbar-btn.icon-btn.active svg,[data-theme=light] .toolbar-btn.icon-btn.active svg circle,[data-theme=light] .toolbar-btn.icon-btn.active svg path,[data-theme=light] .toolbar-btn.icon-btn.active svg rect,[data-theme=light] .toolbar-btn.icon-btn:hover svg,[data-theme=light] .toolbar-btn.icon-btn:hover svg path{stroke:#020202!important;color:#020202!important}[data-theme=light] .toolbar-btn.primary{background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cc66;color:#020202}[data-theme=light] .toolbar-btn.secondary{background:#fff;border:1px solid #1919191a;color:#666}[data-theme=light] .toolbar-btn.secondary:hover{background:#f3f4f6;color:#020202}[data-theme=light] .tabs,[data-theme=light] .toolbar{background:#fff;border-color:#1919191a}[data-theme=light] .tab{color:#02020299}[data-theme=light] .tab:hover{color:#020202cc}[data-theme=light] .tab.active{background:#60d2cc1a;border:1px solid #60d2cc66;color:#020202}[data-theme=light] .category-header{background:#fff;border-color:#1919191a;color:#020202}[data-theme=light] .category-header:hover{background:#f3f4f6;border-color:#19191926}[data-theme=light] .category-header svg,[data-theme=light] .category-header svg path{stroke:#666!important}[data-theme=light] .category-name{color:#020202}[data-theme=light] .category-count{color:#666}[data-theme=light] .top-toolbar{background:#ffffffe6;border:1px solid #1919191a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}[data-theme=light] .toolbar-divider{background:linear-gradient(180deg,#0000,#19191933 50%,#0000)}.workflow-tabs{border:1px solid #191919;border-radius:10px;gap:0;height:32px;overflow:hidden;padding:0}.workflow-tab,.workflow-tabs{background:#0000;display:flex}.workflow-tab{align-items:center;border:none;border-radius:10px;color:#fff9;cursor:pointer;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:12px;font-weight:500;gap:6px;padding:4px 10px 4px 8px;transition:all .15s ease}.workflow-tab:hover{color:#fffc}.workflow-tab.active{background:#60d2cc33;border:1px solid #60d2cd;border-radius:10px;color:#fff}.workflow-tab svg{color:#999;transition:color .15s ease}.workflow-tab.active svg{color:#60d2cc}[data-theme=light] .workflow-tabs{background:#fff;border-color:#1919191a}[data-theme=light] .workflow-tab{color:#02020299}[data-theme=light] .workflow-tab:hover{color:#020202cc}[data-theme=light] .workflow-tab.active{background:#60d2cc1a;border:1px solid #60d2cc66;color:#020202}[data-theme=light] .workflow-tab svg{color:#666}[data-theme=light] .workflow-tab.active svg{color:#60d2cc}[data-theme=light] .search-input{border-bottom-color:#19191926}[data-theme=light] .search-input:hover{border-bottom-color:#19191940}[data-theme=light] .search-input:focus{border-bottom-color:#60d2cc80}[data-theme=light] .search-input::placeholder{color:#999}[data-theme=light] .alert-info{color:#0a8a83}[data-theme=light] .alert-success{color:#059669}[data-theme=light] .alert-warning{color:#b45309}[data-theme=light] .alert-danger{color:#dc2626}[data-theme=light] .category-header .chevron-icon,[data-theme=light] .category-toggle svg{color:#666}[data-theme=light] .toolbar-btn.primary span{color:#020202}[data-theme=light] .toolbar-btn.primary svg,[data-theme=light] .toolbar-btn.primary svg path{stroke:#020202!important;color:#020202!important}[data-theme=light] .tool-checkbox{background:#fff;border-color:#19191933}[data-theme=light] .tool-checkbox:hover{background:#f3f4f6;border-color:#1919194d}[data-theme=light] .tool-checkbox:checked{background:#60d2cc;border-color:#60d2cc}[data-theme=light] .input{background:#fff;border-color:#19191926;color:#020202}[data-theme=light] .input:hover{background:#fafafa;border-color:#19191940}[data-theme=light] .input:focus{background:#fff;border-color:#60d2cc80}[data-theme=light] .input::placeholder{color:#02020266}[data-theme=light] select.input{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#19191926;color:#020202}[data-theme=light] select.input:hover{border-color:#19191940}[data-theme=light] select.input:focus{background-color:#fff;border-color:#60d2cc80}[data-theme=light] select.input option{background:#fff;color:#020202}[data-theme=light] textarea.input{background:#fff}[data-theme=light] textarea.input::-webkit-resizer{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.636 14.121h8.485V5.636'/%3E%3C/svg%3E")}[data-theme=light] .input-label{color:#666}[data-theme=light] .section-title,[data-theme=light] .section-title span{color:#020202}[data-theme=light] .tool-item{background:#fff;border-color:#1919191a}[data-theme=light] .tool-item:hover{background:#f9fafb;border-color:#19191926}[data-theme=light] .tool-name{color:#020202}[data-theme=light] .tool-description{color:#666}[data-theme=light] .custom-dropdown-trigger{background:#fff;border-color:#19191926;color:#020202}[data-theme=light] .custom-dropdown-trigger:hover{background:#fafafa;border-color:#19191940}[data-theme=light] .custom-dropdown-trigger.open{background:#fff;border-color:#60d2cc80}[data-theme=light] .custom-dropdown-trigger svg path{stroke:#666!important}[data-theme=light] .custom-dropdown-menu{background:#fff;border-color:#19191926}[data-theme=light] .custom-dropdown-option{color:#020202}[data-theme=light] .custom-dropdown-option:hover{background:#0000000d}[data-theme=light] .custom-dropdown-option.selected{background:#60d2cc26;border-color:#60d2cc4d}[data-theme=light] .custom-dropdown-menu::-webkit-scrollbar-thumb{background:#ccc}[data-theme=light] .custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#aaa}[data-theme=light] .react-flow,[data-theme=light] .react-flow__background{background:#f3f4f6!important}[data-theme=light] .react-flow__background pattern circle{fill:#60d2cc80!important}[data-theme=light] .canvas-container{background:#f8f9fa;border-color:#1919191a}[data-theme=light] .node-inline-select{background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#19191926!important;color:#020202!important}[data-theme=light] .node-inline-select:hover{background-color:#fafafa!important;border-color:#19191940!important}[data-theme=light] .node-inline-select:focus{background-color:#60d2cc0d!important;border-color:#60d2cc66!important}[data-theme=light] .node-inline-select option{background:#fff;color:#020202}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);overflow:hidden}code,pre{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.App{background:#000;background:var(--bg-primary);display:flex;height:100vh;overflow:hidden;position:relative;width:100vw}.App:before{background:linear-gradient(180deg,#60d2cd00,#60d2cd26);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.canvas-container{background:#020202;border:1px solid #191919;border-radius:16px;display:flex;flex:1 1;flex-direction:column;margin:16px;overflow:hidden;position:relative;z-index:1}.canvas-hints{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#00000080;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:10px;border-radius:var(--radius-md);bottom:12px;color:#666;color:var(--text-muted);display:flex;font-size:11px;gap:6px;left:140px;padding:6px 12px;pointer-events:none;position:absolute;z-index:5}.canvas-hints .kbd{font-size:10px;padding:2px 6px}.panel-resize-handle{background:#0000;cursor:ns-resize;height:8px;left:0;position:absolute;right:0;top:0;transition:background .15s ease;transition:background var(--transition-fast);z-index:1002}.panel-resize-handle:before{background:#262626;background:var(--border-secondary);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:2px;transform:translateX(-50%);transition:all .15s ease;transition:all var(--transition-fast);width:48px}.panel-resize-handle:active:before,.panel-resize-handle:hover:before{background:#60d2cc;background:var(--accent-primary);width:64px}.panel-resize-handle:active,.panel-resize-handle:hover{background:linear-gradient(180deg,#60d2cc1a,#0000)}.react-flow,.react-flow__background{background:#000!important;background:var(--bg-primary)!important}.react-flow__background pattern circle{fill:rgba(96,210,204,.375)!important;r:1.15!important}.react-flow__node{cursor:pointer}.react-flow__node.selected{box-shadow:none!important}.react-flow__node-agent,.react-flow__node-group{background:#0000!important}.react-flow__node-group{background-color:initial!important;border:#0000!important;border-radius:0!important;padding:0!important}.react-flow__node-group,.react-flow__node-group.selectable:hover{box-shadow:none!important}.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-group.selected{border:none!important;box-shadow:none!important;outline:none!important}.react-flow__resize-control.line{border-color:#0000!important}.react-flow__resize-control.handle{background:#60d2cc!important;background:var(--accent-primary)!important;border-radius:2px!important;height:8px!important;opacity:.6;transition:opacity .2s,transform .2s;width:8px!important}.react-flow__resize-control.handle:hover{opacity:1;transform:scale(1.3)}.react-flow__edge,.react-flow__edges{z-index:100!important}.react-flow__edge{cursor:pointer}.react-flow__edge-path{stroke:#666;stroke:var(--text-muted);stroke-width:2;stroke-linecap:round;cursor:pointer;transition:all .15s ease;transition:all var(--transition-fast)}.react-flow__edge:hover .react-flow__edge-path{stroke:#60d2cc;stroke:var(--accent-primary);stroke-width:3;filter:drop-shadow(0 0 6px rgba(96,210,204,.6))}.react-flow__edge.selected .react-flow__edge-path{stroke:#60d2cc;stroke:var(--accent-primary);stroke-width:3;filter:drop-shadow(0 0 10px rgba(96,210,204,.7))}.react-flow__edge.animated .react-flow__edge-path{stroke:#f59e0b;stroke:var(--accent-warning);stroke-width:3;animation:edgePulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(245,158,11,.6))}@keyframes edgePulse{0%,to{stroke-opacity:1;filter:drop-shadow(0 0 8px rgba(245,158,11,.6))}50%{stroke-opacity:.7;filter:drop-shadow(0 0 15px rgba(245,158,11,.9))}}.react-flow__edge-interaction{stroke:#0000;stroke-width:25px;cursor:pointer}.react-flow__edge.selected .react-flow__arrowhead,.react-flow__edge:hover .react-flow__arrowhead{fill:#60d2cc;fill:var(--accent-primary)}.react-flow__edge-textbg{fill:#141414;fill:var(--bg-elevated);rx:6;ry:6}.react-flow__edge-text{fill:#999;fill:var(--text-secondary);font-size:11px;font-weight:600}.react-flow__edge:hover .react-flow__edge-textbg{fill:#0d0d0d;fill:var(--bg-tertiary)}.react-flow__edge:hover .react-flow__edge-text{fill:#60d2cc;fill:var(--accent-primary)}.react-flow__handle{background:#60d2cc;background:var(--accent-primary);border:2px solid #000;border:2px solid var(--bg-primary);height:12px;transition:transform .15s ease,background .15s ease;transition:transform var(--transition-fast),background var(--transition-fast);width:12px}.react-flow__handle:hover{background:#7eddda;background:var(--accent-primary-hover);transform:scale(1.3)}.react-flow__handle-connecting{background:#86c4f6;background:var(--accent-secondary)}.react-flow__handle-valid{background:#10b981;background:var(--accent-success)}.react-flow__controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#00000080!important;background:var(--glass-bg)!important;border:1px solid #ffffff1a!important;border:1px solid var(--glass-border)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d!important;box-shadow:var(--glass-shadow)!important;overflow:hidden}.react-flow__controls-button{fill:#999!important;fill:var(--text-secondary)!important;background:#0000!important;border:none!important;border-bottom:1px solid #191919!important;border-bottom:1px solid var(--border-primary)!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.react-flow__controls-button:hover{fill:#fff!important;fill:var(--text-primary)!important;background:#ffffff0d!important;background:var(--bg-hover)!important}.react-flow__controls-button:last-child{border-bottom:none!important}.react-flow__minimap{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#00000080!important;background:var(--glass-bg)!important;border:1px solid #ffffff1a!important;border:1px solid var(--glass-border)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d!important;box-shadow:var(--glass-shadow)!important}.react-flow__minimap-mask{fill:#60d2cc1a!important}.react-flow__minimap-node{fill:#60d2cc!important;fill:var(--accent-primary)!important}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000;border:none;display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease,min-width .25s ease,transform .25s ease,opacity .25s ease;transition:width var(--transition-base),min-width var(--transition-base),transform var(--transition-base),opacity var(--transition-base);z-index:200}.panel.collapsed{opacity:0}.panel:not(.collapsed){opacity:1}.panel>*{transition:opacity .25s ease,transform .25s ease;transition:opacity var(--transition-base),transform var(--transition-base)}.panel:not(.collapsed)>*{opacity:1;transform:translateX(0)}.panel-left.collapsed>*{opacity:0;transform:translateX(-20px)}.panel-right.collapsed>*{opacity:0;transform:translateX(20px)}.panel-left{border-radius:0;border-right:none}.panel-right{border-left:none;border-radius:0}.panel-left .panel-header,.panel-left .section{border-bottom:none;padding-right:0;position:relative}.panel-left .panel-header:after,.panel-left .section:after{background:#191919;background:var(--border-primary);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.panel-left .section:last-child:after{display:none}.panel-left .panel-section-divider{position:relative}.panel-left .panel-section-divider:after{background:#191919;background:var(--border-primary);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.panel-right .panel-section-divider{position:relative}.panel-right .panel-section-divider:after{background:#191919;background:var(--border-primary);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.panel-right .panel-header,.panel-right .section{border-bottom:none;padding-left:0;position:relative}.panel-right .panel-header:after,.panel-right .section:after{background:#191919;background:var(--border-primary);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.panel-right .section:last-child:after{display:none}.panel-bottom{border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid #191919;border-top:1px solid var(--border-primary)}.panel-header{align-items:center;background:#0000;border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:16px;gap:var(--spacing-md);justify-content:space-between;padding:16px;padding:var(--spacing-md)}.panel-title{color:#fff;color:var(--text-primary);font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--spacing-sm)}.panel-title,.panel-title-icon{align-items:center;display:flex;font-size:14px}.panel-title-icon{background:#60d2cc33;border:1px solid #60d2cc66;border-radius:10px;border-radius:var(--radius-md);height:28px;justify-content:center;width:28px}.panel-toggle{align-items:center;background:#ffffff0d;background:var(--bg-hover);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:10px;border-radius:var(--radius-md);color:#999;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.panel-toggle:hover{background:#ffffff14;background:var(--bg-active);border-color:#262626;border-color:var(--border-secondary);color:#fff;color:var(--text-primary)}.panel-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.panel-rail{flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:16px 8px;padding:var(--spacing-md) var(--spacing-sm);width:48px;width:var(--panel-collapsed)}.panel-rail,.rail-button{align-items:center;display:flex}.rail-button{background:#0000;border:1px solid #191919;border:1px solid var(--border-primary);border-radius:10px;border-radius:var(--radius-md);color:#999;color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;position:relative;transition:all .15s ease;transition:all var(--transition-fast);width:36px}.rail-button:hover{background:#ffffff0d;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.rail-button.active,.rail-button:hover{border-color:#60d2cc;border-color:var(--accent-primary)}.rail-button.active{background:#60d2cc33;color:#60d2cc;color:var(--accent-primary)}.rail-tooltip{background:#070707;border:1px solid #60d2cc33;border-radius:16px;box-shadow:0 8px 10px -6px #60d2cc33;color:#a3a3a3;font-size:12px;left:100%;line-height:18px;margin-left:8px;margin-left:var(--spacing-sm);opacity:0;padding:12px;position:absolute;transition:all .15s ease;transition:all var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:100}.rail-button:hover .rail-tooltip{opacity:1;visibility:visible}.mode-container{height:100%;width:100%}.mode-container.builder-mode{bottom:0;left:0;position:absolute;right:0;top:0}.mode-container.agent-designer-mode{display:contents}.agent-designer-container{display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.main-app .agent-designer-container.standalone{bottom:0;height:auto;left:0;position:fixed;right:0;top:60px}.agent-designer-container.embedded{display:contents}.agent-designer-container .reactflow-wrapper{flex:1 1;height:100%;position:relative}.top-toolbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#030303cc;border:none;border-radius:12px;box-shadow:0 20px 25px -5px #0006,0 8px 10px -6px #0000004d;gap:8px;left:50%;padding:8px;position:fixed;top:92px;transform:translateX(-50%);z-index:1000}.toolbar-group,.top-toolbar{align-items:center;display:flex}.toolbar-group{gap:4px;padding:0}.toolbar-group:not(:last-child){border-right:none}.toolbar-btn{align-items:center;background:#151515;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;font-weight:500;gap:8px;justify-content:center;overflow:visible;padding:11px;transition:all .15s ease;white-space:nowrap}.toolbar-btn:hover{background:#1f1f1f;color:#fff}.toolbar-btn.active{background:#60d2cc;color:#000}.toolbar-btn.icon-btn{background:#151515;border:1px solid #0000;border-radius:8px;height:38px;overflow:visible;padding:0;transition:all .15s ease;width:38px}.toolbar-btn.icon-btn:hover{background:#1f1f1f;border-color:#60d2cd33}.toolbar-btn.icon-btn.active{background:#60d2cd1a;border:1px solid #60d2cd66}.toolbar-btn.icon-btn.active svg,.toolbar-btn.icon-btn.active svg circle,.toolbar-btn.icon-btn.active svg path,.toolbar-btn.icon-btn.active svg rect{stroke:#fff!important;color:#fff!important}.toolbar-btn.primary{background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cc66;border-radius:10px;color:#fff;font-size:14px;font-weight:500;height:38px;padding:0 16px}.toolbar-btn.primary:hover{background:linear-gradient(90deg,#60d2cd1a,#60d2cd4d);border-color:#60d2cc99;box-shadow:0 0 20px #60d2cc4d}.toolbar-btn.secondary{background:#151515;border-radius:10px;color:#999;font-size:12px;height:38px;padding:0 11px}.toolbar-btn.secondary:hover{background:#252525;color:#fff}.toolbar-btn.danger{color:#ef4444}.toolbar-btn.danger:hover{background:#ef444426}.toolbar-divider{background:linear-gradient(180deg,#0000,#333 50%,#0000);flex-shrink:0;height:38px;margin:0 4px;width:1px}.workflow-dropdown-container{position:relative}.workflow-preset-btn{align-items:center;background:#070707;border:1px solid #191919;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;font-weight:500;gap:6px;height:38px;max-width:240px;min-width:140px;padding:0 12px;transition:all .15s ease}.workflow-preset-btn:hover{background-color:#0a0a0a;border-color:#252525}.workflow-preset-btn .preset-name{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.workflow-preset-btn .dirty-indicator{color:#60d2cc;margin-left:2px}.workflow-preset-btn .system-badge{background:#60d2cc26;border:1px solid #60d2cc4d;border-radius:4px;color:#60d2cc;font-size:9px;letter-spacing:.5px;padding:2px 5px;text-transform:uppercase}.workflow-dropdown{background:#0a0a0a;border:1px solid #252525;border-radius:8px;box-shadow:0 8px 32px #00000080;left:0;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.workflow-dropdown button{align-items:center;background:#0000;border:none;color:#ccc;cursor:pointer;display:flex;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:13px;gap:8px;padding:10px 14px;text-align:left;transition:all .1s ease;width:100%}.workflow-dropdown button:hover{background:#1a1a1a;color:#fff}.workflow-dropdown button:disabled{cursor:not-allowed;opacity:.5}.workflow-dropdown .dropdown-divider{background:#252525;height:1px;margin:4px 0}.modal-overlay{background:#000000b3;bottom:0;left:0;right:0;top:0;z-index:9999}.modal-dialog{background:#0a0a0a;border:1px solid #252525;border-radius:12px;box-shadow:0 16px 64px #0009;max-width:480px;min-width:360px;padding:24px}.modal-dialog h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.modal-dialog input[type=text]{background:#020202;border:1px solid #191919;border-radius:8px;color:#fff;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:14px;outline:none;padding:12px 14px;transition:all .15s ease;width:100%}.modal-dialog input[type=text]:focus{border-color:#60d2cc66}.modal-dialog .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;font-size:13px;margin-top:8px;padding:8px 12px}.modal-actions{gap:12px;justify-content:flex-end;margin-top:20px}.modal-actions .btn-secondary{background:#151515;border:1px solid #252525;border-radius:8px;color:#999;cursor:pointer;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:13px;font-weight:500;padding:10px 20px;transition:all .15s ease}.modal-actions .btn-secondary:hover{background:#1a1a1a;color:#fff}.modal-actions .btn-primary{background:linear-gradient(90deg,#60d2cd1a,#60d2cd4d);border:1px solid #60d2cc66;border-radius:8px;color:#fff;cursor:pointer;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:13px;font-weight:500;padding:10px 20px;transition:all .15s ease}.modal-actions .btn-primary:hover{background:linear-gradient(90deg,#60d2cd33,#60d2cd66);box-shadow:0 0 20px #60d2cc4d}.modal-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}.preset-list-dialog{max-width:520px;min-width:400px}.preset-list-dialog .empty-message,.preset-list-dialog .loading-message{color:#666;font-size:14px;padding:24px;text-align:center}.preset-list{margin:0 -24px;max-height:400px;overflow-y:auto;padding:0 24px}.preset-section-header{border-bottom:1px solid #1a1a1a;color:#666;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:8px;padding:12px 0 8px;text-transform:uppercase}.preset-item{align-items:center;background:#0f0f0f;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin:4px 0;padding:12px;transition:all .15s ease}.preset-item:hover{background:#151515;border-color:#252525}.preset-item.active{background:#60d2cc0d;border-color:#60d2cc66}.preset-item .preset-info{flex:1 1;min-width:0}.preset-item .preset-name{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-item .preset-description{color:#666;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-item .delete-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.preset-item .delete-btn:hover{background:#ef444426;color:#ef4444}.toolbar-select{appearance:none;-webkit-appearance:none;background:#070707;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #191919;border-radius:8px;color:#fff;cursor:pointer;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;font-weight:500;height:38px;outline:none;padding:0 32px 0 12px;transition:all .15s ease}.toolbar-select:hover{background-color:#0a0a0a;border-color:#252525}.toolbar-select:focus{background-color:#60d2cc1a;border-color:#60d2cc66}.toolbar-select option{background:#070707;color:#fff;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;padding:4px 6px}.toolbar-select option:checked,.toolbar-select option:hover{background:#60d2cc33;color:#fff}.input{background:#020202;border:1px solid #191919;border-radius:12px;color:#ffffffe6;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:14px;outline:none;padding:10px 14px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input:hover{background:#0a0a0a;border-color:#252525}.input:focus{border-color:#60d2cc66;box-shadow:none}.input::placeholder{color:#fff6}.input-mono{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:12px}textarea.input{line-height:1.5;min-height:80px;position:relative;resize:vertical}textarea.input::-webkit-resizer{background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.636 14.121h8.485V5.636'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;cursor:nwse-resize}select.input{-webkit-appearance:none;appearance:none;background-color:#070707;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #191919;border-radius:8px;color:#fff;cursor:pointer;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;padding-right:36px}select.input:hover{border-color:#252525}select.input:focus{background-color:#60d2cc1a;border-color:#60d2cc66}select.input option{background:#070707;color:#fff;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;padding:4px 6px}select.input option:checked,select.input option:hover{background:#60d2cc33;color:#fff}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{align-items:center;background:#070707;border:1px solid #191919;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;justify-content:space-between;padding:10px 12px;transition:all .15s ease;width:100%}.custom-dropdown-trigger:hover{background:#0a0a0a;border-color:#252525}.custom-dropdown-trigger.open{background:#60d2cc1a;border-color:#60d2cc66}.custom-dropdown-trigger svg{flex-shrink:0;transition:transform .2s ease}.custom-dropdown-trigger.open svg{transform:rotate(180deg)}.custom-dropdown-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-menu{animation:dropdownFadeIn .15s ease;background:#070707;border:1px solid #191919;border-radius:8px;left:0;max-height:200px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.custom-dropdown-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;line-height:16px;padding:6px 8px;text-align:left;transition:all .1s ease;width:100%}.custom-dropdown-option:hover{background:#ffffff0d}.custom-dropdown-option.selected{background:#60d2cc33;border-color:#60d2cc66}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{background:#0000}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#444}.input-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.input-label{color:#999;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;font-weight:var(--font-semibold);letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.input-hint{color:#666;color:var(--text-muted);font-size:11px;margin-top:4px;margin-top:var(--spacing-xs)}.checkbox-label{align-items:center;color:#999;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;gap:var(--spacing-sm)}.checkbox-label:hover{color:#fff;color:var(--text-primary)}.checkbox-label input[type=checkbox]{accent-color:#60d2cc;accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}[data-theme=light] .checkbox-label{color:#666}[data-theme=light] .checkbox-label:hover{color:#020202}[data-theme=light] .checkbox-label input[type=checkbox]{accent-color:#60d2cc}.btn{align-items:center;background:#1f1f1f;background:var(--input-bg);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--spacing-sm);justify-content:center;outline:none;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.btn:hover:not(:disabled){background:#ffffff0d;background:var(--bg-hover);border-color:#262626;border-color:var(--border-secondary)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#60d2cc33;border:1px solid #60d2cc66;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;color:var(--text-primary)}.btn-primary:hover:not(:disabled){background:#60d2cc4d;box-shadow:0 0 20px #60d2cc4d}.btn-success{background:#10b98133;border:1px solid #10b98166;color:#10b981;color:var(--accent-success)}.btn-success:hover:not(:disabled){background:#10b9814d;box-shadow:0 0 15px #10b9814d}.btn-danger{background:#0000;border-color:#ef444466;color:#ef4444;color:var(--accent-danger)}.btn-danger:hover:not(:disabled){background:#ef444426}.btn-ghost{background:#0000;border:none;color:#999;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#ffffff0d;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.btn-sm{border-radius:10px;border-radius:var(--radius-md);font-size:12px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:14px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.btn-block{width:100%}.card{background:linear-gradient(90deg,#070707,#070707);background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-secondary) 100%);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);overflow:hidden}.card-header{background:#0d0d0d;background:var(--bg-tertiary);border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary);font-size:14px;font-weight:600;font-weight:var(--font-semibold)}.card-body,.card-header,.section{padding:16px;padding:var(--spacing-md)}.section{border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary)}.section:last-child{border-bottom:none}.section-title{align-items:center;color:#999;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--spacing-sm);letter-spacing:.5px;margin-bottom:16px;margin-bottom:var(--spacing-md);text-transform:uppercase}.tabs{border:1px solid #191919;border-radius:10px;display:flex;gap:0;height:32px;overflow:hidden;padding:0}.tab,.tabs{background:#0000}.tab{border:none;border-radius:10px;color:#fff9;cursor:pointer;flex:1 1;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:12px;font-weight:500;padding:4px 10px 4px 8px;transition:all .15s ease}.tab:hover{color:#fffc}.tab.active{background:#60d2cc33;border:1px solid #60d2cd;border-radius:10px;color:#fff}.badge{align-items:center;background:#ffffff0d;background:var(--bg-hover);border-radius:9999px;border-radius:var(--radius-full);color:#999;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;font-weight:var(--font-semibold);gap:4px;gap:var(--spacing-xs);padding:4px 12px}.node-inline-select{appearance:none;-webkit-appearance:none;background-color:#070707!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid #191919!important;border-radius:8px!important;color:#fff!important;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;padding-right:24px!important;transition:all .15s ease;transition:all var(--transition-fast)}.node-inline-select:hover{background-color:#0a0a0a!important;border-color:#252525!important}.node-inline-select:focus{background-color:#60d2cc1a!important;border-color:#60d2cc66!important;outline:none}.node-inline-select option{background:#070707;color:#fff;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-family:"Figtree",var(--font-sans);font-size:12px;padding:4px 6px}.node-inline-select option:checked,.node-inline-select option:hover{background:#60d2cc33;color:#fff}.badge-primary{background:#60d2cc33;color:#60d2cc;color:var(--accent-primary)}.badge-success{background:#10b98133;color:#10b981;color:var(--accent-success)}.badge-warning{background:#f59e0b33;color:#f59e0b;color:var(--accent-warning)}.badge-danger{background:#ef444433;color:#ef4444;color:var(--accent-danger)}.tool-tag{align-items:center;background:#60d2cc26;border:1px solid #60d2cc4d;border-radius:6px;border-radius:var(--radius-sm);color:#60d2cc;color:var(--accent-primary);display:inline-flex;font-size:11px;font-weight:600;font-weight:var(--font-semibold);gap:4px;padding:4px 10px}.alert{border-radius:12px;border-radius:var(--radius-lg);font-size:14px;line-height:1.5;padding:16px;padding:var(--spacing-md)}.alert-info{background:#60d2cc1a;border:1px solid #60d2cc4d;color:#60d2cc;color:var(--accent-primary)}.alert-success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981;color:var(--accent-success)}.alert-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--accent-warning)}.alert-danger{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;color:var(--accent-danger)}.tooltip{background:#070707;border:1px solid #60d2cc33;border-radius:16px;box-shadow:0 8px 10px -6px #60d2cc33;color:#a3a3a3;font-size:12px;line-height:18px;padding:12px;pointer-events:none;position:absolute;white-space:nowrap;z-index:10000}[data-tooltip]{position:relative}[data-tooltip]:after{background:#070707;border:1px solid #60d2cc33;border-radius:16px;box-shadow:0 8px 10px -6px #60d2cc33;color:#a3a3a3;content:attr(data-tooltip);font-size:12px;left:50%;line-height:18px;opacity:0;padding:12px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%) translateY(8px);transition:all .15s ease;visibility:hidden;white-space:nowrap;z-index:10000}[data-tooltip]:hover:after{opacity:1;visibility:visible}.modal-overlay{animation:fadeIn .15s ease;animation:fadeIn var(--transition-fast)}.modal{animation:slideUp .25s ease;animation:slideUp var(--transition-base);background:#070707;background:var(--bg-secondary);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.modal-lg{max-width:800px}.modal-header{align-items:center;background:#0d0d0d;background:var(--bg-tertiary);border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary);border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg)}.modal-title{font-size:18px;font-weight:600;font-weight:var(--font-semibold)}.modal-close{align-items:center;background:#0000;border:1px solid #191919;border:1px solid var(--border-primary);border-radius:10px;border-radius:var(--radius-md);color:#9ca3af;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:#ffffff0d;background:var(--bg-hover);border-color:#262626;border-color:var(--border-secondary);color:#fff;color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:24px;padding:var(--spacing-lg)}.modal-footer{align-items:center;background:#0d0d0d;background:var(--bg-tertiary);border-radius:0 0 16px 16px;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #191919;border-top:1px solid var(--border-primary);display:flex;gap:8px;gap:var(--spacing-sm);justify-content:flex-end;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#262626;background:var(--border-secondary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#666;background:var(--text-muted)}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 15px #60d2cc4d}50%{box-shadow:0 0 25px #60d2cc99}}@keyframes tealPulse{0%,to{box-shadow:0 0 15px #60d2cc4d}50%{box-shadow:0 0 30px #60d2cc80}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(8px)}}.fade-in{animation:fadeIn .25s ease;animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp .25s ease;animation:slideUp var(--transition-base)}.slide-in-right{animation:slideInRight .25s ease;animation:slideInRight var(--transition-base)}.slide-in-left{animation:slideInLeft .25s ease;animation:slideInLeft var(--transition-base)}.tool-card{background:#0d0d0d;background:var(--bg-tertiary);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:16px;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.tool-card:hover{background:#ffffff0d;background:var(--bg-hover);border-color:#262626;border-color:var(--border-secondary)}.tool-card.assigned{background:#60d2cc14;border-color:#60d2cc;border-color:var(--accent-primary)}.tool-card-header{align-items:flex-start;display:flex;gap:8px;gap:var(--spacing-sm)}.tool-checkbox{appearance:none;-webkit-appearance:none;background:#191919;border:1px solid #2a2a2a;border-radius:4px;cursor:pointer;height:18px;margin-top:2px;position:relative;transition:all .15s ease;transition:all var(--transition-fast);width:18px}.tool-checkbox:hover{background:#222;border-color:#333}.tool-checkbox:checked{background:#60d2cc;border-color:#60d2cc}.tool-checkbox:checked:after{border:solid #000;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.tool-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;font-weight:var(--font-semibold)}.tool-description{color:#666;color:var(--text-muted);font-size:12px;line-height:1.4;margin-top:4px;margin-top:var(--spacing-xs)}.category-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.category-header{align-items:center;background:#020202;border:1px solid #191919;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:8px 14px;transition:all .15s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.category-header:hover{background:#0a0a0a;border-color:#252525}.category-info{gap:8px}.category-icon,.category-info{align-items:center;display:flex}.category-icon{flex-shrink:0;justify-content:center}.category-icon,.category-icon svg{height:16px;width:16px}.category-name{color:#fff;font-size:14px;font-weight:500;letter-spacing:.28px}.category-count{background:#ffffff14;border-radius:100px;color:#fff9;font-size:11px;font-weight:500;padding:2px 8px}.category-toggle{align-items:center;color:#fff;display:flex;justify-content:center;transition:transform .15s ease;transition:transform var(--transition-fast)}.category-toggle,.category-toggle svg{height:16px;width:16px}.category-toggle.expanded{transform:rotate(180deg)}.category-content{border-left:2px solid #191919;border-left:2px solid var(--border-primary);margin-left:12px;margin-top:8px;margin-top:var(--spacing-sm);padding-left:16px;padding-left:var(--spacing-md)}.execution-panel{background:#070707;background:var(--bg-secondary);border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid #191919;border-top:1px solid var(--border-primary);overflow:hidden;transition:height .25s ease;transition:height var(--transition-base)}.execution-header{align-items:center;background:#0d0d0d;background:var(--bg-tertiary);cursor:pointer;display:flex;justify-content:space-between}.execution-header,.execution-input{padding:16px;padding:var(--spacing-md)}.execution-input{border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary)}.execution-results{max-height:300px;overflow-y:auto}.event-card,.execution-results{padding:16px;padding:var(--spacing-md)}.event-card{background:#0d0d0d;background:var(--bg-tertiary);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.event-icon{font-size:18px;line-height:1}.event-content{flex:1 1}.event-title{font-size:14px;font-weight:600;font-weight:var(--font-semibold);margin-bottom:4px}.event-body{font-size:12px}.empty-state,.event-body{color:#666;color:var(--text-muted)}.empty-state{padding:32px;padding:var(--spacing-xl);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{color:#999;color:var(--text-secondary);font-size:14px;line-height:1.6}.search-wrapper{position:relative}.search-icon{color:#fff6;font-size:14px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#0000;border:none;border-bottom:1px solid #fff3;border-radius:0;color:#fff;color:var(--text-primary);padding:8px 8px 8px 24px}.search-input:hover{border-bottom-color:#ffffff4d}.search-input:focus{border-bottom-color:#ffffff80;box-shadow:none}.kbd{align-items:center;background:#0d0d0d;background:var(--bg-tertiary);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:4px;color:#666;color:var(--text-muted);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;justify-content:center;padding:2px 6px}.entry-point-badge{background:#10b98133;border:1px solid #10b98166;border-radius:9999px;border-radius:var(--radius-full);color:#10b981;color:var(--accent-success);font-size:10px;font-weight:700;font-weight:var(--font-bold);left:50%;letter-spacing:.5px;padding:4px 12px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap}.active-indicator{align-items:center;animation:pulse 1.5s infinite;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:50%;box-shadow:0 0 15px #f59e0b66;display:flex;font-size:12px;height:28px;justify-content:center;position:absolute;right:-10px;top:-10px;width:28px}.active-tool-badge{animation:pulse 1s infinite;background:#954de133;border:1px solid #954de166;border-radius:9999px;border-radius:var(--radius-full);bottom:-14px;color:#954de1;color:var(--accent-purple);font-size:10px;font-weight:600;font-weight:var(--font-semibold);left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap}.status-dot{background:#10b981;background:var(--accent-success)}.status-dot.running{animation:pulse 1s infinite}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(89.94deg,#a3fff9 .1%,#86c4f6 30%,#954de1 56%,#c386e8 72%,#ff49da 87%,#f45b63);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:4px;gap:var(--spacing-xs)}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.text-center{text-align:center}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-mono{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.font-bold{font-weight:600;font-weight:var(--font-semibold)}.font-light{font-weight:300;font-weight:var(--font-light)}.text-muted{color:#666;color:var(--text-muted)}.text-secondary{color:#999;color:var(--text-secondary)}.text-primary{color:#fff;color:var(--text-primary)}.text-accent{color:#60d2cc;color:var(--accent-primary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markdown-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.markdown-modal{background:#070707;background:var(--bg-secondary);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:80vh;max-width:1400px;overflow:hidden;width:80vw}.markdown-modal-header{align-items:center;background:#000;background:var(--bg-primary);border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.markdown-modal-header h2{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;font-weight:var(--font-semibold);margin:0}.markdown-modal-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.markdown-modal-close{align-items:center;background:#0000;border:1px solid #191919;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-sm);color:#999;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.markdown-modal-close:hover{background:#ffffff0d;background:var(--bg-hover);border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.markdown-toolbar{align-items:center;background:#0d0d0d;background:var(--bg-tertiary);border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary);display:flex;gap:4px;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.markdown-toolbar .toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#999;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;font-weight:var(--font-medium);height:28px;justify-content:center;transition:all .15s ease;width:32px}.markdown-toolbar .toolbar-btn:hover{background:#ffffff0d;background:var(--bg-hover);border-color:#191919;border-color:var(--border-primary);color:#fff;color:var(--text-primary)}.markdown-toolbar .toolbar-divider{background:#191919;background:var(--border-primary);height:20px;margin:0 4px;margin:0 var(--spacing-xs);width:1px}.markdown-content{display:flex;flex:1 1;overflow:hidden}.markdown-content.split .markdown-editor{border-right:1px solid #191919;border-right:1px solid var(--border-primary);width:50%}.markdown-content.full .markdown-editor{width:100%}.markdown-editor{display:flex;flex-direction:column;height:100%}.markdown-editor textarea{background:#000;background:var(--bg-primary);border:none;color:#fff;color:var(--text-primary);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:13px;line-height:1.6;outline:none;padding:24px;padding:var(--spacing-lg);resize:none;width:100%}.markdown-editor textarea::placeholder{color:#666;color:var(--text-muted)}.markdown-preview{background:#0d0d0d;background:var(--bg-tertiary);height:100%;overflow-y:auto;width:50%}.markdown-preview-content{color:#fff;color:var(--text-primary);font-size:14px;line-height:1.7;padding:24px;padding:var(--spacing-lg)}.markdown-preview-content h1{border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary);font-size:24px;font-weight:700;font-weight:var(--font-bold);margin:0 0 16px;margin:0 0 var(--spacing-md) 0;padding-bottom:8px;padding-bottom:var(--spacing-sm)}.markdown-preview-content h2{color:#60d2cc;color:var(--accent-primary);font-size:20px;font-weight:600;font-weight:var(--font-semibold);margin:24px 0 8px;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.markdown-preview-content h3{font-size:16px;font-weight:600;font-weight:var(--font-semibold);margin:16px 0 4px;margin:var(--spacing-md) 0 var(--spacing-xs) 0}.markdown-preview-content code{background:#60d2cc1a;border-radius:4px;color:#60d2cc;color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:12px;padding:2px 6px}.markdown-preview-content pre{background:#000;background:var(--bg-primary);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:10px;border-radius:var(--radius-md);margin:8px 0;margin:var(--spacing-sm) 0;overflow-x:auto;padding:16px;padding:var(--spacing-md)}.markdown-preview-content pre code{background:none;color:#fff;color:var(--text-primary);font-size:12px;padding:0}.markdown-preview-content ul{margin:8px 0;margin:var(--spacing-sm) 0;padding-left:24px;padding-left:var(--spacing-lg)}.markdown-preview-content li{margin:4px 0;margin:var(--spacing-xs) 0}.markdown-preview-content strong{color:#fff;color:var(--text-primary);font-weight:600;font-weight:var(--font-semibold)}.markdown-preview-content em{color:#999;color:var(--text-secondary);font-style:italic}.markdown-modal-footer{align-items:center;background:#000;background:var(--bg-primary);border-top:1px solid #191919;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.markdown-stats{color:#666;color:var(--text-muted);font-size:12px}.markdown-stats.context-stats{font-style:italic;opacity:.8}.markdown-modal-buttons{display:flex;gap:8px;gap:var(--spacing-sm)}.view-mode-toggle{background:#070707;background:var(--bg-secondary);border-radius:6px;border-radius:var(--radius-sm);display:flex;margin-right:8px;margin-right:var(--spacing-sm);padding:2px}.view-mode-toggle .toggle-btn{background:#0000;border:none;border-radius:4px;border-radius:calc(var(--radius-sm) - 2px);color:#666;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.view-mode-toggle .toggle-btn:hover{color:#fff;color:var(--text-primary)}.view-mode-toggle .toggle-btn.active{background:#60d2cc;background:var(--accent-primary);color:#000;color:var(--bg-primary)}.markdown-content.context-mode{overflow-y:auto;padding:24px;padding:var(--spacing-lg)}.llm-context-view{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);margin:0 auto;max-width:900px}.context-section{background:#070707;background:var(--bg-secondary);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:10px;border-radius:var(--radius-md);overflow:hidden}.context-section-header{align-items:center;background:#60d2cc14;border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary);color:#fff;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.context-icon{font-size:16px}.context-badge{background:#60d2cc26;border-radius:10px;color:#60d2cc;color:var(--accent-primary);font-size:10px;font-weight:500;letter-spacing:.5px;margin-left:auto;padding:2px 8px;text-transform:uppercase}.context-section-content{padding:16px;padding:var(--spacing-md)}.context-info{color:#666;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.context-code{border:1px solid #191919;border:1px solid var(--border-primary);color:#999;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.context-code,.context-empty{background:#000;background:var(--bg-primary);border-radius:6px;border-radius:var(--radius-sm);padding:16px;padding:var(--spacing-md)}.context-empty{color:#666;color:var(--text-muted);font-size:13px;font-style:italic;text-align:center}.context-list{list-style:none;margin:8px 0 0;margin:var(--spacing-sm) 0 0 0;padding:0}.context-list li{border-bottom:1px solid var(--border-subtle);color:#999;color:var(--text-secondary);font-size:13px;padding:6px 0}.context-list li:last-child{border-bottom:none}.context-list li strong{color:#fff;color:var(--text-primary)}.context-tools-list{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.context-tool{background:#000;background:var(--bg-primary);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.context-tool-name{color:#60d2cc;color:var(--accent-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:600;margin-bottom:4px}.context-tool-desc{color:#999;color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:4px}.context-tool-params{font-size:11px}.context-tool-params code{background:#60d2cc1a;border-radius:3px;color:#666;color:var(--text-muted);padding:2px 6px}.context-tool-schema{border-top:1px solid #ffffff0d;margin-top:8px;padding-top:8px}.schema-toggle{background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-size:11px;padding:0}.schema-toggle:hover{text-decoration:underline}.schema-json{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#999;color:var(--text-secondary);font-size:11px;margin-top:8px;max-height:300px;overflow-x:auto;overflow-y:auto;padding:12px}.context-tool-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:4px}.context-tool.auto-injected{border-left:3px solid #60d2cc;border-left:3px solid var(--accent-primary)}.auto-badge{background:#60d2cc33;color:#60d2cc;color:var(--accent-primary);letter-spacing:.5px;text-transform:uppercase}.auto-badge,.category-badge{border-radius:3px;font-size:9px;padding:2px 6px}.category-badge{background:#64646433;margin-left:auto}.category-badge,.injection-when{color:#666;color:var(--text-muted)}.injection-when{font-size:11px;font-style:italic;margin-top:4px}.context-loading{align-items:center;color:#666;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.context-loading .spinner{animation:spin 1s linear infinite;border:3px solid #191919;border-top-color:#60d2cc;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:32px;margin-bottom:16px;margin-bottom:var(--spacing-md);width:32px}.context-icon{background:#60d2cc26;border-radius:3px;font-family:JetBrains Mono,Fira Code,monospace;font-size:10px;font-weight:600;padding:2px 6px}.context-icon,.expand-btn{color:#60d2cc;color:var(--accent-primary)}.expand-btn{align-items:center;background:#60d2cc1a;border:1px solid #60d2cc4d;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .15s ease;width:24px}.expand-btn:hover{background:#60d2cc33;border-color:#60d2cc;border-color:var(--accent-primary)}.kb-manager-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c12eb;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.kb-manager-modal{animation:slideUp .2s ease-out;background:linear-gradient(180deg,#070707,#000);background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:1px solid #191919;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 0 0 1px #60d2cc0d,0 25px 80px #0009,0 0 120px -40px #60d2cc26;display:flex;flex-direction:column;height:85vh;max-width:1100px;overflow:hidden;width:90vw}.kb-manager-header{align-items:center;background:#0000004d;border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:16px 24px}.kb-header-title{align-items:center;display:flex;gap:10px}.kb-header-title svg{color:#60d2cc;color:var(--accent-primary);opacity:.9}.kb-manager-header h2{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.01em;margin:0}.kb-close-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#666;color:var(--text-muted);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s ease;width:30px}.kb-close-btn:hover{background:#ffffff0d;border-color:#191919;border-color:var(--border-primary);color:#fff;color:var(--text-primary)}.kb-error{align-items:center;background:#ef444414;border-bottom:1px solid #ef444433;color:#f87171;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 24px}.kb-error button{background:#0000;border:none;color:#f87171;cursor:pointer;font-size:16px;line-height:1;opacity:.7;padding:4px;transition:opacity .15s ease}.kb-error button:hover{opacity:1}.kb-manager-content{display:flex;flex:1 1;overflow:hidden}.kb-list-panel{background:#00000026;border-right:1px solid #191919;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;width:320px}.kb-list-header{align-items:center;border-bottom:1px solid #191919;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:14px 16px}.kb-list-header h3{color:#999;color:var(--text-secondary);font-size:12px;font-weight:500;font-weight:var(--font-medium);letter-spacing:.04em;margin:0;text-transform:uppercase}.kb-list-header .btn{align-items:center;background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cc3d;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:400;gap:3px;height:24px;margin-left:12px;padding:3px 10px;transition:all .15s ease}.kb-list-header .btn:hover{background:linear-gradient(90deg,#60d2cd1a,#60d2cd4d);border-color:#60d2cc66}.kb-list{flex:1 1;overflow-y:auto;padding:12px}.kb-loading{align-items:center;color:#666;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:12px;padding:40px 20px}.kb-loading-spinner{animation:spin .8s linear infinite;border:2px solid #191919;border-top-color:#60d2cc;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:24px;width:24px}.kb-empty{align-items:center;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.kb-empty-icon{color:#666;color:var(--text-muted);margin-bottom:16px;opacity:.5}.kb-empty p{color:#999;color:var(--text-secondary);font-size:14px;margin:0}.kb-empty-hint{color:#666!important;color:var(--text-muted)!important;font-size:12px!important;margin-top:6px!important}.kb-list-item{background:#ffffff05;border:1px solid #191919;border:1px solid var(--border-primary);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;margin-bottom:8px;padding:12px 14px;transition:all .15s ease}.kb-list-item:hover{background:#ffffff0a;border-color:var(--border-hover)}.kb-list-item.active{background:#60d2cc0f;border-color:#60d2cc;border-color:var(--accent-primary);box-shadow:0 0 0 1px #60d2cc1a}.kb-list-item.testing{background:#f59e0b0f;border-color:#f59e0b}.kb-list-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.kb-list-item-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;font-weight:var(--font-medium)}.kb-status-dot{background:#666;background:var(--text-muted);border-radius:50%;height:8px;opacity:.4;width:8px}.kb-status-dot.success{background:#10b981;box-shadow:0 0 8px #10b98166;opacity:1}.kb-status-dot.failed{background:#ef4444;box-shadow:0 0 8px #ef444466;opacity:1}.kb-list-item-info{align-items:center;color:#666;color:var(--text-muted);display:flex;font-size:11px;gap:8px;margin-bottom:10px}.kb-list-item-info code{background:#60d2cc1a;border-radius:4px;color:#60d2cc;color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;padding:2px 8px}.kb-index{font-size:10px;opacity:.6}.kb-list-item-actions{display:flex;gap:6px}.kb-action-btn{background:#ffffff0d;border:1px solid #191919;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-sm);color:#999;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;font-weight:var(--font-medium);padding:5px 10px;transition:all .15s ease}.kb-action-btn:hover{background:#ffffff14;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.kb-action-btn-danger:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.kb-detail-panel{flex:1 1;overflow-y:auto;padding:24px 32px}.kb-panel-header{margin-bottom:20px}.kb-panel-header h3{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.01em;margin:0}.kb-panel-subtitle{color:#666;color:var(--text-muted);display:block;font-size:13px;margin-top:4px}.kb-empty-detail{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.kb-empty-detail-icon{color:#60d2cc;color:var(--accent-primary);margin-bottom:20px;opacity:.3}.kb-empty-detail h3{color:#fff;color:var(--text-primary);font-size:18px;margin:0 0 8px}.kb-empty-detail>p{color:#666;color:var(--text-muted);font-size:14px;margin:0}.kb-help-section{background:#0003;border:1px solid #191919;border:1px solid var(--border-primary);border-radius:10px;border-radius:var(--radius-md);margin-top:32px;max-width:440px;padding:20px 24px;text-align:left}.kb-help-section h4{color:#60d2cc;color:var(--accent-primary);font-size:12px;font-weight:600;font-weight:var(--font-semibold);letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.kb-help-section p{line-height:1.6;margin:0 0 20px}.kb-help-section ol,.kb-help-section p{color:#999;color:var(--text-secondary);font-size:13px}.kb-help-section ol{line-height:1.8;margin:0;padding-left:20px}.kb-help-section li{padding-left:4px}.kb-form{max-width:560px}.kb-form-section{border-bottom:1px solid #ffffff0d;margin-bottom:24px;padding-bottom:24px}.kb-form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.kb-section-title{color:#60d2cc;color:var(--accent-primary);font-size:11px;font-weight:600;font-weight:var(--font-semibold);letter-spacing:.06em;margin:0 0 16px;text-transform:uppercase}.kb-form .input-group{margin-bottom:16px}.kb-form .input-group:last-child{margin-bottom:0}.kb-form .input-label{color:#999;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;font-weight:var(--font-medium);margin-bottom:6px}.kb-form .input-label .required{color:#60d2cc;color:var(--accent-primary);font-weight:var(--font-normal)}.kb-form .input{background:#00000040;border:1px solid #191919;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:13px;padding:10px 14px;transition:all .15s ease;width:100%}.kb-form .input:focus{background:#00000059;border-color:#60d2cc;border-color:var(--accent-primary);box-shadow:0 0 0 3px #60d2cc14;outline:none}.kb-form .input::placeholder{color:#666;color:var(--text-muted);opacity:.6}.kb-form textarea.input{line-height:1.5;min-height:60px;resize:vertical}.kb-form select.input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238E9AAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.kb-form .input-hint{color:#666;color:var(--text-muted);font-size:11px;line-height:1.5;margin-top:6px}.kb-form .font-mono{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:12px;letter-spacing:-.02em}.kb-form-actions{border-top:1px solid #ffffff0d;display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:24px}.kb-form-actions .btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:400;height:32px;justify-content:center;padding:6px 16px;transition:all .15s ease}.kb-form-actions .btn-secondary{background:#ffffff08;border:1px solid #ffffff1a;color:#666;color:var(--text-muted)}.kb-form-actions .btn-secondary:hover{background:#ffffff0f;border-color:#ffffff26;color:#fff;color:var(--text-primary)}.kb-form-actions .btn-primary{background:linear-gradient(90deg,#60d2cd1a,#60d2cd40);border:1px solid #60d2cc66;color:#fff}.kb-form-actions .btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#60d2cd26,#60d2cd59);border-color:#60d2cc99;box-shadow:0 0 15px #60d2cc33}.kb-form-actions .btn-primary:disabled{cursor:not-allowed;opacity:.4}.kb-test-panel{max-width:560px}.kb-test-desc{color:#666;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:20px}.kb-test-actions{display:flex;gap:10px;margin-top:16px}.kb-test-actions .btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:400;height:32px;justify-content:center;padding:6px 16px;transition:all .15s ease}.kb-test-actions .btn-primary{background:linear-gradient(90deg,#60d2cd1a,#60d2cd40);border:1px solid #60d2cc66;color:#fff}.kb-test-actions .btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#60d2cd26,#60d2cd59);box-shadow:0 0 15px #60d2cc33}.kb-test-actions .btn-primary:disabled{cursor:not-allowed;opacity:.4}.kb-test-actions .btn-secondary{background:#ffffff08;border:1px solid #ffffff1a;color:#666;color:var(--text-muted)}.kb-test-actions .btn-secondary:hover{background:#ffffff0f;color:#fff;color:var(--text-primary)}.kb-test-results{border-radius:10px;border-radius:var(--radius-md);margin-top:24px;padding:16px}.kb-test-results.success{background:#10b98114;border:1px solid #10b98133}.kb-test-results.error{background:#ef444414;border:1px solid #ef444433}.kb-test-results-header{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;font-weight:var(--font-medium);gap:10px}.kb-test-status-icon{border-radius:50%;height:10px;width:10px}.kb-test-status-icon.success{background:#10b981;box-shadow:0 0 10px #10b98180}.kb-test-status-icon.error{background:#ef4444;box-shadow:0 0 10px #ef444480}.kb-test-latency{color:#666;color:var(--text-muted);font-size:12px;font-weight:var(--font-normal);margin-left:auto}.kb-test-error{color:#f87171;font-size:13px;margin:12px 0 0}.kb-test-results-list{margin-top:16px}.kb-test-results-label{color:#666;color:var(--text-muted);font-size:11px;font-weight:500;font-weight:var(--font-medium);letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.kb-test-result-item{background:#0003;border:1px solid #ffffff0d;border-radius:6px;border-radius:var(--radius-sm);margin-bottom:8px;padding:12px}.kb-test-result-item:last-child{margin-bottom:0}.kb-test-result-item .result-score{color:#60d2cc;color:var(--accent-primary);font-size:12px;font-weight:500;font-weight:var(--font-medium);margin-bottom:8px}.kb-test-result-item .result-metadata{background:#0000;color:#666;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;line-height:1.6;margin:0;white-space:pre-wrap}.kb-step-number{background:#60d2cc;background:var(--accent-primary);border-radius:50%;color:#000;display:inline-flex;font-size:11px;font-weight:700;font-weight:var(--font-bold);height:20px;margin-right:8px;width:20px}.btn-discover,.kb-step-number{align-items:center;justify-content:center}.btn-discover{background:linear-gradient(90deg,#60d2cd00,#60d2cd26);border:1px solid #60d2cc4d;border-radius:8px;color:#60d2cc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;height:32px;padding:6px 16px;transition:all .15s ease;width:100%}.btn-discover:hover:not(:disabled){background:linear-gradient(90deg,#60d2cd1a,#60d2cd40);border-color:#60d2cc80;box-shadow:0 0 15px #60d2cc33}.btn-discover:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{border:2px solid #0000;border-top-color:initial;height:14px;width:14px}.kb-discovery-result{background:#22c55e0d;border:1px solid #22c55e33;border-radius:6px;border-radius:var(--radius-sm);margin-top:20px;padding:16px}.kb-discovery-stats{display:flex;gap:24px;margin-bottom:16px}.kb-discovery-stats .stat{display:flex;flex-direction:column;gap:2px}.kb-discovery-stats .stat-value{color:#22c55e;font-size:18px;font-weight:700;font-weight:var(--font-bold)}.kb-discovery-stats .stat-label{color:#666;color:var(--text-muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.kb-namespace-select{margin-top:16px}.kb-namespace-list{display:flex;flex-direction:column;gap:8px;margin:10px 0}.kb-namespace-item{align-items:center;background:#0003;border:1px solid #ffffff14;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .15s ease}.kb-namespace-item:hover{background:#0000004d;border-color:#ffffff1f}.kb-namespace-item.selected{background:#6366f11a;border-color:#6366f14d}.kb-namespace-item input[type=checkbox]{accent-color:#60d2cc;accent-color:var(--accent-primary);height:16px;width:16px}.kb-namespace-item .ns-name{color:#fff;color:var(--text-primary);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:13px}.kb-namespace-item .ns-count{background:#ffffff0d;border-radius:10px;color:#666;color:var(--text-muted);font-size:12px;padding:2px 8px}.kb-discovered-fields{margin-top:16px}.kb-field-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.kb-field-tag{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;color:#a78bfa;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;padding:4px 10px}.builder-header{align-items:center;backdrop-filter:var(--theme-header-blur);-webkit-backdrop-filter:var(--theme-header-blur);background:var(--theme-header-bg);border:1px solid var(--theme-header-border);border-radius:16px;display:flex;height:52px;left:16px;position:fixed;right:16px;top:12px;transition:background .3s ease,border-color .3s ease;z-index:1000}.header-content{justify-content:space-between;padding:8px 16px 8px 24px;width:100%}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:4px}.header-logo,.header-logo-nav{align-items:center;display:flex}.header-logo{flex-shrink:0;height:32px;justify-content:center;padding-right:8px;width:32px}.header-logo img{filter:var(--theme-icon-filter);height:32px;object-fit:contain;transition:filter .3s ease;width:32px}.header-nav-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;gap:4px;padding:9.5px 16px 10.5px;transition:all .15s ease}.header-nav-btn:hover{background:var(--theme-btn-hover-bg);color:var(--theme-text-primary)}.header-nav-btn svg{transform:rotate(0deg)}.header-page-title{color:var(--theme-text-primary);font-family:Figtree,sans-serif;font-size:14px;font-weight:500;padding:0 8px}.header-left-ribbon{align-items:center;display:flex;gap:4px;margin-left:24px}.header-separator{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:0}.header-separator:after{background:var(--theme-divider);content:"";height:24px;position:absolute;transition:background .3s ease;width:1px}.header-icon-btn{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.header-icon-btn img{filter:var(--theme-icon-filter);height:16px;object-fit:contain;opacity:.6;transition:opacity .15s ease,filter .3s ease;width:16px}.header-icon-btn:hover img{opacity:1}.header-icon-btn.active{background:var(--theme-btn-active-bg)}.header-icon-btn.active img{filter:var(--theme-icon-filter);opacity:1}.header-sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--theme-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.header-sidebar-toggle:hover{background:var(--theme-btn-hover-bg);color:var(--theme-text-primary)}.header-sidebar-toggle.active{background:var(--theme-btn-active-bg);color:var(--theme-text-primary)}.header-sidebar-toggle .sidebar-toggle-icon{transition:transform .2s ease}.header-sidebar-toggle:hover .sidebar-toggle-icon{transform:scale(1.05)}.header-icon-btn-dark{align-items:center;background:var(--theme-btn-bg);border:1px solid var(--theme-btn-border);border-radius:10px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.header-icon-btn-dark img{filter:var(--theme-icon-filter);height:16px;object-fit:contain;opacity:.8;transition:filter .3s ease,opacity .15s ease;width:16px}.header-icon-btn-dark:hover{background:var(--theme-btn-hover-bg);border-color:var(--theme-border-default)}.header-icon-btn-dark:hover img{opacity:1}.header-device-toggle,.header-theme-toggle{align-items:center;display:flex;gap:0}.header-preview-code{gap:0}.header-text-btn{gap:0;padding:0 8px 0 0}.header-text-btn img{margin:6px;object-fit:contain}.header-text-btn span{color:#999;transition:color .15s ease}.header-text-btn:hover span{color:#fff}.header-text-btn.active{background:#60d2cc1a}.header-text-btn.active span{color:#fff}.header-center{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.mode-switcher{border:1px solid var(--theme-mode-btn-border);border-radius:10px;gap:0;height:32px;overflow:hidden;padding:0;transition:border-color .3s ease}.mode-btn,.mode-switcher{background:#0000;display:flex}.mode-btn{align-items:center;border:none;border-radius:10px;color:var(--theme-text-secondary);cursor:pointer;font-family:Figtree,sans-serif;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:4px 12px;transition:all .15s ease}.mode-btn.active,.mode-btn:hover{color:var(--theme-text-primary)}.mode-btn.active{background:var(--theme-mode-btn-active-bg);border:1px solid var(--theme-mode-btn-active-border);border-radius:10px}.mode-btn svg{height:14px;width:14px}.header-right{align-items:center;display:flex;gap:4px}.header-credits-badge{align-items:center;background:var(--theme-credits-bg);border:1px solid var(--theme-credits-border);border-radius:10px;display:flex;gap:10px;height:28px;padding:0 12px;transition:background .3s ease,border-color .3s ease}.header-credits-badge .credits-section{align-items:center;display:flex;gap:6px}.header-credits-badge .credits-icon{filter:var(--theme-icon-filter);height:15px;object-fit:contain;transition:filter .3s ease;width:15px}.header-credits-badge .credits-amount{color:var(--theme-credits-text);font-family:Figtree,sans-serif;font-size:14px;font-weight:600;line-height:16px;transition:color .3s ease}.header-credits-badge .credits-divider{background:var(--theme-divider);height:16px;transition:background .3s ease;width:1px}.header-credits-badge .upgrade-section{align-items:center;display:flex;gap:6px}.header-credits-badge .upgrade-icon{filter:var(--theme-icon-filter);height:10px;object-fit:contain;transition:filter .3s ease;width:10px}.header-credits-badge .upgrade-text{color:var(--theme-credits-text);font-family:Figtree,sans-serif;font-size:14px;font-weight:600;line-height:16px;transition:color .3s ease}.header-copy-btn{align-items:center;background:#020202;border:1px solid #191919;border-radius:10px;cursor:pointer;display:flex;height:28px;padding:0 12px;transition:all .15s ease}.header-copy-btn span{color:#fff;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap}.header-copy-btn:hover{background:#0a0a0a;border-color:#333}.header-publish-btn{align-items:center;background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cc3d;border-radius:8px;cursor:pointer;display:flex;gap:8px;height:28px;justify-content:center;padding:4px 16px;transition:all .15s ease}.header-publish-btn span{color:#fff;font-family:Figtree,sans-serif;font-size:14px;font-weight:400;line-height:20px}.builder-image-result{display:flex;justify-content:flex-start;margin:10px 0}.image-thumbnail{border:1px solid var(--theme-border-default);border-radius:8px;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:200px}.image-thumbnail img{height:100%;object-fit:cover;width:100%}.image-thumbnail:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.image-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.image-thumbnail:hover .image-overlay{opacity:1}.image-overlay span{background:#0009;border-radius:4px;color:#fff;font-size:14px;font-weight:600;padding:4px 8px}.builder-image-modal{align-items:center;animation:fadeIn .2s ease-out;background:#000000d9;display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:9999}.builder-image-modal .modal-content{border-radius:4px;box-shadow:0 0 20px #00000080;max-height:90vh;max-width:90vw;position:relative}.builder-image-modal img{display:block;max-height:90vh;max-width:100%;object-fit:contain}.builder-image-modal .close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;padding:10px;position:absolute;right:-40px;top:-40px;transition:opacity .2s}.builder-image-modal .close-btn:hover{opacity:.8}[data-theme=light] .header-credits-badge .credits-icon{filter:none}[data-theme=light] .header-credits-badge .upgrade-icon{filter:brightness(0) saturate(100%)}[data-theme=light] .header-copy-btn{background:#fff;border-color:#1919191a}[data-theme=light] .header-copy-btn span{color:#000}[data-theme=light] .header-copy-btn:hover{background:#fafafa;border-color:#19191933}[data-theme=light] .header-publish-btn{background:linear-gradient(90deg,#60d2ccb8,#60d2cc00),linear-gradient(90deg,#fff,#fff);border-color:#60d2cd3d}[data-theme=light] .header-publish-btn span{color:#020202}[data-theme=light] .header-publish-btn:hover{background:linear-gradient(90deg,#60d2ccd9,#60d2cc1a),linear-gradient(90deg,#fff,#fff)}[data-theme=light] .header-icon-btn-dark{background:#fff;border-color:#1919191a}[data-theme=light] .header-icon-btn-dark:hover{background:#fafafa;border-color:#19191933}.header-nav-btn span{color:#999}.header-text-btn{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;gap:4px;height:28px;padding:0 8px;transition:all .15s ease}.header-text-btn img{filter:var(--theme-icon-filter);height:16px;opacity:.6;transition:filter .3s ease,opacity .15s ease;width:16px}.header-text-btn span{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:14px;font-weight:500;line-height:20px;transition:color .3s ease}.header-text-btn:hover img{opacity:1}.header-text-btn:hover span{color:var(--theme-text-primary)}.header-text-btn.active{background:var(--theme-accent-bg);padding-right:8px}.header-text-btn.active img{filter:var(--theme-icon-filter);opacity:1}.header-text-btn.active span{color:var(--theme-text-primary)}.header-preview-code{align-items:center;display:flex}.header-divider-vertical{background:var(--theme-divider);height:24px;margin:0 2px;transition:background .3s ease;width:1px}.header-profile{align-items:center;display:flex;position:relative}.header-profile .profile-avatar{align-items:center;background:#eb459e;border-radius:10px;box-shadow:0 0 0 1px #2626264d,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fafafa;display:flex;font-family:Figtree,sans-serif;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.header-profile .profile-status-dot{background:#fafafa80;border:1px solid #0d0d0d;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.header-profile-container{position:relative}.header-profile-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0;position:relative}.header-profile-btn .profile-avatar{align-items:center;background:linear-gradient(135deg,#60d2cc,#a855f7);border-radius:10px;color:#fff;display:flex;font-family:Figtree,sans-serif;font-size:13px;font-weight:700;height:32px;justify-content:center;overflow:hidden;transition:transform .2s,box-shadow .2s;width:32px}.header-profile-btn .profile-avatar img{height:100%;object-fit:cover;width:100%}.header-profile-btn:hover .profile-avatar{box-shadow:0 0 0 3px #60d2cc4d;transform:scale(1.05)}.header-profile-btn .profile-status-dot{background:#22c55e;border:2px solid #0d0d0d;border-radius:50%;height:10px;position:absolute;right:-2px;top:-2px;width:10px}.header-cloud-status{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.header-cloud-status .cloud-dot{border-radius:50%;height:8px;transition:background .3s;width:8px}.header-cloud-status.connected .cloud-dot{background:#22c55e;box-shadow:0 0 8px #22c55e99}.header-cloud-status.disconnected .cloud-dot{background:#ef4444;box-shadow:0 0 8px #ef444466}.header-session-warning{align-items:center;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:6px;color:#f59e0b;display:flex;font-size:12px;gap:6px;padding:6px 10px}.header-session-warning .session-warning-icon{font-size:14px}.header-login-btn{background:linear-gradient(135deg,#60d2cc,#4db3ad);border-radius:8px;color:#0f0f23;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.header-login-btn:hover{box-shadow:0 4px 12px #60d2cc66;transform:translateY(-1px)}.header-menu-backdrop{inset:0;position:fixed;z-index:998}.header-user-menu{animation:menuSlideIn .15s ease-out;background:#0d0d0d;border:1px solid #141414;border-radius:16px;box-shadow:0 8px 12px 0 #9999991f;overflow:hidden;padding:0;position:absolute;right:0;top:calc(100% + 12px);width:224px;z-index:999}[data-theme=light] .header-user-menu{background:#fff;border-color:#e5e5e5;box-shadow:0 8px 24px #00000026}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.header-menu-section{border-bottom:1px solid #1f1f1f;padding:12px 16px}.header-menu-section:last-child{border-bottom:none}.header-menu-section-logout{border-bottom:none;border-top:1px solid #1f1f1f;margin-top:-1px}[data-theme=light] .header-menu-section{border-bottom-color:#e5e5e5}[data-theme=light] .header-menu-section-logout{border-top-color:#e5e5e5}.header-menu-profile{align-items:center;display:flex;gap:10px}.header-menu-avatar{align-items:center;background:#eb459e;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.header-menu-avatar span{color:#151515;font-size:14px;font-weight:700;line-height:1}.header-menu-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.header-menu-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.header-menu-name{color:#fff;font-size:13px;font-weight:500}.header-menu-email,.header-menu-name{line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-menu-email{color:#a3a3a3;font-size:12px;font-weight:400}[data-theme=light] .header-menu-name{color:#1a1a1a}[data-theme=light] .header-menu-email{color:#666}.header-menu-tier-section{align-items:center;display:flex;padding:8px 16px}.header-menu-tier-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.header-menu-tier-badge.free{background:#9ca3af26;color:#9ca3af}.header-menu-tier-badge.pro{background:#60d2cc26;color:#60d2cc}.header-menu-tier-badge.ultra{background:linear-gradient(135deg,#a855f733,#ec489933);color:#c084fc}.header-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;letter-spacing:.2px;line-height:1.4;margin:0;padding:0;text-decoration:none;transition:color .15s ease;width:100%}.header-menu-item:hover{color:#fff}.header-menu-item svg{color:#999;flex-shrink:0;height:16px;transition:color .15s ease;width:16px}.header-menu-item:hover svg{color:#fff}[data-theme=light] .header-menu-item{color:#666}[data-theme=light] .header-menu-item:hover{color:#1a1a1a}[data-theme=light] .header-menu-item svg{color:#666}[data-theme=light] .header-menu-item:hover svg{color:#1a1a1a}.header-menu-item.logout{color:#999}.header-menu-item.logout:hover,.header-menu-item.logout:hover svg{color:#f87171}[data-theme=light] .header-menu-item.logout{color:#666}[data-theme=light] .header-menu-item.logout:hover,[data-theme=light] .header-menu-item.logout:hover svg{color:#dc2626}.header-tier-badge{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.header-tier-badge.free{background:#9ca3af26;color:#9ca3af}.header-tier-badge.pro{background:#60d2cc26;color:#60d2cc}.header-tier-badge.ultra{background:linear-gradient(135deg,#a855f733,#ec489933);color:#c084fc}.header-menu-divider{background:#1f1f1f;height:1px;margin:0}[data-theme=light] .header-menu-divider{background:#e5e5e5}.builder-page{background:var(--theme-page-bg);display:flex;height:100%;padding-top:80px;transition:background .3s ease;width:100%}.builder-page.workspace-mode{background:var(--theme-main-gradient)}.builder-page.content-mode{background:var(--theme-page-bg)}.builder-main{display:flex;flex:1 1;overflow:hidden}.builder-page.content-mode .builder-main{margin:0 16px}.builder-page.workspace-mode .builder-main{margin:0 16px 0 0}.builder-sidebar{align-items:center;background:#0000;display:flex;flex-direction:column;gap:24px;height:100%;overflow:hidden;padding:0 32px 0 16px;width:272px}.sidebar-section{border-bottom:1px solid var(--theme-sidebar-border);padding:16px 0;transition:border-color .3s ease;width:208px}.sidebar-section.chats-section,.sidebar-section:last-child{border-bottom:none;flex:1 1;min-height:0;overflow-y:auto}.sidebar-section-title{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:14px;font-weight:600;line-height:16px;margin-bottom:16px;transition:color .3s ease}.sidebar-group-title{font-size:11px;font-weight:500;letter-spacing:.5px;margin-top:4px;padding:12px 8px 6px;text-transform:uppercase}.sidebar-empty,.sidebar-group-title,.sidebar-loading{color:#666;color:var(--theme-text-tertiary,#666);font-family:Figtree,sans-serif}.sidebar-empty,.sidebar-loading{font-size:13px;font-style:italic;padding:16px 8px;text-align:center}.sidebar-create-btn{align-items:center;background:#0000;border:none;color:var(--theme-text-primary);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;gap:8px;line-height:16px;padding:0;transition:all .15s ease}.sidebar-create-btn:hover{color:var(--theme-accent)}.create-icon{align-items:center;background:var(--theme-btn-bg);border:1px solid var(--theme-btn-border);border-radius:10px;display:flex;height:36px;justify-content:center;padding:8px 10px;transition:all .15s ease;width:36px}.sidebar-create-btn:hover .create-icon{background:var(--theme-accent-bg);border-color:var(--theme-accent-border)}.sidebar-back-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;transition:all .15s ease;width:100%}.sidebar-back-btn:hover{background:#ffffff0d;color:var(--theme-text-primary)}[data-theme=light] .sidebar-back-btn:hover{background:#0000000d}.sidebar-item{border-radius:10px;cursor:pointer;padding:8px 0;transition:all .15s ease;width:100%}.sidebar-item:hover{background:var(--theme-btn-hover-bg)}.sidebar-item.active{background:var(--theme-sidebar-item-active)}.sidebar-item-content{display:flex;flex-direction:column;gap:6px;padding-left:6px;padding-right:8px}.sidebar-item-title{color:var(--theme-text-primary);font-size:14px;font-weight:600}.sidebar-item-subtitle,.sidebar-item-title{font-family:Figtree,sans-serif;line-height:16px;transition:color .3s ease}.sidebar-item-subtitle{color:var(--theme-text-secondary);font-size:12px;font-weight:400}.sidebar-section.new-chat-section .sidebar-item .sidebar-item-subtitle{color:var(--theme-text-primary)!important}.builder-prompt-screen,.builder-start-screen{align-items:center;background:var(--theme-main-gradient);border-radius:16px;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:48px;position:relative;transition:background .3s ease}.builder-back-to-projects{align-items:center;background:#ffffff0d;background:var(--theme-btn-secondary-bg,#ffffff0d);border:1px solid var(--theme-input-border);border-radius:10px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;gap:8px;left:24px;padding:10px 16px;position:absolute;top:24px;transition:all .2s ease;z-index:10}.builder-back-to-projects:hover{background:var(--theme-btn-hover-bg);border-color:var(--theme-card-hover-border);color:var(--theme-text-primary)}.builder-bg-grid{background:linear-gradient(0deg,#60d2cc33 1px,#0000 0),linear-gradient(90deg,#60d2cc33 1px,#0000 0);background-size:100px 100px;bottom:0;height:800px;mask-image:linear-gradient(0deg,#000 0,#00000080 25%,#00000026 45%,#0000 65%);-webkit-mask-image:linear-gradient(0deg,#000 0,#00000080 25%,#00000026 45%,#0000 65%);transform:translateX(-50%) perspective(600px) rotateX(60deg);transform-origin:center bottom;width:300%}.builder-bg-grid,.builder-bg-grid:before{left:50%;pointer-events:none;position:absolute}.builder-bg-grid:before{background:linear-gradient(180deg,#60d2cc0d 0,#0000);content:"";height:100px;top:0;transform:translateX(-50%);width:100%}.builder-prompt-container,.builder-start-container{align-items:center;display:flex;flex-direction:column;gap:48px;max-width:1152px;position:relative;z-index:1}.builder-heading{gap:16px;max-width:580px;text-align:center}.builder-heading,.builder-heading-titles{align-items:center;display:flex;flex-direction:column;width:100%}.builder-heading-titles{gap:4px}.builder-title{color:var(--theme-text-primary);font-weight:300;letter-spacing:1.8px;text-align:center;transition:color .3s ease}.builder-title,.builder-title-gradient{font-family:Figtree,sans-serif;font-size:40px;line-height:1;margin:0}.builder-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(89.94deg,#a3fff9 .1%,#86c4f6 29.97%,#954de1 56.1%,#c386e8 72.09%,#ff49da 87.2%,#f45b63);-webkit-background-clip:text;background-clip:text;font-weight:800}.builder-subtitle{color:#9ca3af;font-family:Figtree,sans-serif;font-size:20px;font-weight:300;letter-spacing:.5px;line-height:28px;margin:0;padding-top:8px;text-align:center}.builder-cards{align-items:flex-start;display:flex;gap:40px}.builder-card{align-items:center;background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:24px;padding:24px 16px 32px;transition:all .25s ease;width:268px}.builder-card:hover{border-color:var(--theme-card-hover-border)}.builder-card.selected,.builder-card:hover{box-shadow:0 20px 25px -5px #60d2cd33,0 8px 10px -6px #60d2cc33}.builder-card.selected{border-color:var(--theme-accent)}.builder-card-content{align-items:center;display:flex;flex-direction:column;gap:12px}.builder-card-icon{align-items:center;background:var(--theme-accent-bg);border:1px solid var(--theme-accent-border);border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.builder-card-icon img{filter:var(--theme-icon-filter);transition:filter .3s ease}.builder-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--theme-text-primary) 0,var(--theme-accent) 50%,var(--theme-text-primary) 100%);-webkit-background-clip:text;background-clip:text;font-family:Figtree,sans-serif;font-size:20px;font-weight:300;letter-spacing:.4px;line-height:24px;margin:0;text-align:center}.builder-card-description{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:14px;font-weight:400;line-height:18px;margin:0;text-align:center;transition:color .3s ease;width:236px}.builder-projects-grid-screen{background:var(--theme-main-gradient);border-radius:16px;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;transition:background .3s ease}.builder-projects-with-sidebar{display:flex;flex:1 1;overflow:hidden;position:relative;z-index:1}.builder-projects-container{display:flex;flex:1 1;flex-direction:column;gap:32px;overflow-y:auto;padding:32px 48px;position:relative;z-index:1}.builder-projects-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:24px;justify-content:space-between;margin-bottom:8px;padding-bottom:20px}[data-theme=light] .builder-projects-header{border-bottom-color:#0000000f}.builder-projects-title-section{text-align:left}.builder-projects-title{color:var(--theme-text-primary);font-family:Figtree,sans-serif;font-size:20px;font-weight:500;margin:0 0 4px}.builder-projects-subtitle{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:13px;font-weight:400;margin:0;opacity:.7}.builder-projects-actions{align-items:center;display:flex;gap:12px}.builder-projects-search{align-items:center;display:flex;gap:8px;position:relative}.builder-projects-search svg{color:var(--theme-text-secondary);flex-shrink:0;left:0;pointer-events:none;position:absolute}.builder-projects-search input{background:#0000;border:none;border-bottom:1px solid #fff3;border-radius:0;color:var(--theme-text-primary);font-family:Figtree,sans-serif;font-size:14px;outline:none;padding:8px 8px 8px 28px;transition:border-color .2s ease;width:240px}.builder-projects-search input:hover{border-bottom-color:#ffffff4d}.builder-projects-search input:focus{border-bottom-color:var(--theme-accent)}.builder-projects-search input::placeholder{color:var(--theme-text-secondary)}[data-theme=light] .builder-projects-search input{border-bottom-color:#19191926}[data-theme=light] .builder-projects-search input:hover{border-bottom-color:#19191940}[data-theme=light] .builder-projects-search input:focus{border-bottom-color:#60d2cc80}.builder-create-btn{align-items:center;background:#0000;border:1px solid var(--theme-accent);border-radius:8px;color:var(--theme-accent);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.builder-create-btn:hover{background:var(--theme-accent-bg);border-color:var(--theme-accent)}.builder-create-btn svg{height:14px;width:14px}.builder-projects-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.builder-project-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}[data-theme=light] .builder-project-card{background:#ffffff80;border-color:#00000014}.builder-project-card:hover{background:#ffffff0a;border-color:#60d2cc4d;transform:translateY(-1px)}[data-theme=light] .builder-project-card:hover{background:#fffc;border-color:#60d2cc66}.builder-project-thumbnail{align-items:center;background:#0003;display:flex;height:140px;justify-content:center;overflow:hidden;width:100%}[data-theme=light] .builder-project-thumbnail{background:#0000000d}.builder-project-thumbnail img{height:100%;object-fit:cover;width:100%}.builder-thumbnail-placeholder{color:var(--theme-text-secondary);opacity:.3}.builder-thumbnail-placeholder svg{height:32px;width:32px}.builder-project-info{display:flex;flex-direction:column;gap:6px;padding:12px 14px}.builder-project-name{color:var(--theme-text-primary);font-family:Figtree,sans-serif;font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-project-tech-name{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:11px;opacity:.5}.builder-project-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.builder-project-date{align-items:center;color:var(--theme-text-secondary);display:flex;font-family:Figtree,sans-serif;font-size:11px;gap:4px;opacity:.6}.builder-project-template{background:#60d2cc1a;border-radius:3px;color:var(--theme-accent);font-family:Figtree,sans-serif;font-size:10px;font-weight:500;letter-spacing:.5px;opacity:.8;padding:2px 6px;text-transform:uppercase}.builder-project-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.builder-project-live-badge{align-items:center;background:#22c55e26;border:1px solid #22c55e4d;border-radius:10px;color:#22c55e;display:flex;flex-shrink:0;font-family:Figtree,sans-serif;font-size:10px;font-weight:600;gap:5px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.builder-project-live-badge .live-dot{animation:livePulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:5px;width:5px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.builder-no-results,.builder-projects-loading{align-items:center;color:var(--theme-text-secondary);display:flex;flex-direction:column;font-family:Figtree,sans-serif;font-size:13px;gap:12px;grid-column:1/-1;opacity:.6;padding:60px 24px;text-align:center}.builder-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:24px 0}.pagination-btn{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:var(--theme-text-primary);cursor:pointer;font-family:Figtree,sans-serif;font-size:13px;padding:8px 16px;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--theme-accent)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}[data-theme=light] .pagination-btn{border-color:#0000001a}[data-theme=light] .pagination-btn:hover:not(:disabled){background:#0000000d}.pagination-info{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:12px}.builder-project-card.loading{opacity:.7;pointer-events:none}.builder-project-loading{align-items:center;background:#000000b3;border-radius:12px;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.builder-project-loading span{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:13px}.builder-project-spinner{animation:spin .8s linear infinite;border:2px solid #60d2cc33;border-radius:50%;border-top:2px solid var(--theme-accent);height:24px;width:24px}.builder-project-card{position:relative}.builder-folders-sidebar{background:#0000;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;min-width:220px;overflow-y:auto;padding:24px 0;width:220px}[data-theme=light] .builder-folders-sidebar{border-right-color:#00000014}.folders-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 16px}.folders-sidebar-header h3{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:11px;font-weight:600;letter-spacing:.8px;margin:0;opacity:.7;text-transform:uppercase}.folder-add-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--theme-text-secondary);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:.6;transition:all .15s ease;width:22px}.folder-add-btn:hover{background:#ffffff1a;color:var(--theme-accent);opacity:1}.folder-add-btn svg{height:14px;width:14px}.folders-list{display:flex;flex-direction:column;gap:1px}.folders-divider{background:#ffffff0f;height:1px;margin:8px 16px}[data-theme=light] .folders-divider{background:#0000000f}.folder-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 16px;position:relative;transition:all .15s ease}.folder-item:hover{background:#ffffff0a}[data-theme=light] .folder-item:hover{background:#0000000a}.folder-item.active{background:#60d2cc14}.folder-item.active .folder-name{color:var(--theme-accent)}.folder-item.drag-over{background:#60d2cc26}.folder-item .folder-name{color:var(--theme-text-primary);flex:1 1;font-family:Figtree,sans-serif;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-item .folder-count{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:11px;min-width:20px;opacity:.6;text-align:right}.folder-item .folder-actions{display:none;gap:2px}.folder-item:hover .folder-actions{display:flex}.folder-item:hover .folder-count{display:none}.folder-item .folder-actions button{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--theme-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;opacity:.6;transition:all .15s ease;width:20px}.folder-item .folder-actions button:hover{background:#ffffff1a;color:var(--theme-text-primary);opacity:1}[data-theme=light] .folder-item .folder-actions button:hover{background:#00000014}.folders-empty,.folders-loading{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:12px;opacity:.6;padding:16px;text-align:center}.folders-empty button{background:#0000;border:1px solid #60d2cc66;border-radius:4px;color:var(--theme-accent);cursor:pointer;font-family:Figtree,sans-serif;font-size:11px;margin-top:8px;padding:5px 10px;transition:all .15s ease}.folders-empty button:hover{background:#60d2cc1a;border-color:var(--theme-accent)}.project-drag-handle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:3px;color:#fff9;cursor:grab;display:flex;height:20px;justify-content:center;left:6px;opacity:0;position:absolute;top:6px;transition:opacity .15s ease;width:20px;z-index:5}.project-drag-handle svg{height:10px;width:10px}.builder-project-card:hover .project-drag-handle{opacity:1}.builder-project-card.dragging{opacity:.4;transform:scale(.97)}.builder-project-card.selected{background:#60d2cc14;border-color:#60d2cc;box-shadow:0 0 0 2px #60d2cc33}.project-checkbox{color:#666;cursor:pointer;left:8px;position:absolute;top:8px;transition:color .2s ease;z-index:5}.project-checkbox:hover{color:#60d2cc}.builder-select-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#999;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.builder-select-btn:hover{background:#ffffff0d;border-color:#fff3;color:#fff}.builder-select-btn.active{background:#60d2cc26;border-color:#60d2cc66;color:#60d2cc}.builder-bulk-actions{align-items:center;background:#60d2cc0f;border:1px solid #60d2cc26;border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}[data-theme=light] .builder-bulk-actions{background:#60d2cc14;border-color:#60d2cc40}.bulk-select-controls{align-items:center;display:flex;gap:8px}.bulk-select-controls button{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--theme-border-color,#ffffff1a);border-radius:6px;color:var(--theme-text-secondary);cursor:pointer;font-family:Figtree,sans-serif;font-size:12px;padding:6px 12px;transition:all .2s ease}.bulk-select-controls button:hover{background:#ffffff0d;background:var(--theme-hover-bg,#ffffff0d);color:var(--theme-text-primary)}.selection-count{color:#60d2cc;color:var(--accent-primary,#60d2cc);font-family:Figtree,sans-serif;font-size:12px;font-weight:500;margin-left:8px}.bulk-action-buttons{align-items:center;display:flex;gap:8px}.bulk-action-buttons button{align-items:center;background:#ffffff0d;background:var(--theme-hover-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--theme-border-color,#ffffff1a);border-radius:8px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:12px;gap:6px;padding:8px 14px;transition:all .2s ease}.bulk-action-buttons button:hover{background:#ffffff14;color:var(--theme-text-primary)}[data-theme=light] .bulk-action-buttons button:hover{background:#0000000d}.bulk-action-buttons button.danger{border-color:#ef44444d;color:#ef4444}.bulk-action-buttons button.danger:hover{background:#ef44441a;border-color:#ef444480}.bulk-action-buttons button:disabled{cursor:not-allowed;opacity:.5}.project-context-menu{background:var(--theme-card-bg);border:1px solid #ffffff14;border-radius:10px;box-shadow:0 10px 40px #0006;min-width:160px;padding:6px}[data-theme=light] .project-context-menu{border-color:#0000001a;box-shadow:0 10px 40px #00000026}.project-context-menu button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:13px;gap:10px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.project-context-menu button:hover{background:#ffffff0d;background:var(--theme-hover-bg,#ffffff0d);color:var(--theme-text-primary)}.project-context-menu button.danger{color:#ef4444}.project-context-menu button.danger:hover{background:#ef44441a}[data-theme=light] .project-context-menu button.danger:hover{background:#ef444414}.context-menu-divider{background:#ffffff14;background:var(--theme-border-color,#ffffff14);height:1px;margin:6px 0}.move-folder-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;max-height:300px;overflow-y:auto}.move-folder-option{align-items:center;background:#ffffff08;background:var(--theme-hover-bg,#ffffff08);border:1px solid #ffffff14;border:1px solid var(--theme-border-color,#ffffff14);border-radius:8px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:13px;gap:10px;padding:12px 14px;text-align:left;transition:all .15s ease}.move-folder-option:hover{background:#60d2cc14;border-color:#60d2cc4d;color:var(--theme-text-primary)}.move-folder-option:disabled{cursor:not-allowed;opacity:.5}.modal-subtitle{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:13px;margin-bottom:16px}.confirm-modal{background:var(--theme-card-bg);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 16px 48px #0006;max-width:360px;padding:24px;text-align:center;width:100%}[data-theme=light] .confirm-modal{border-color:#0000001a;box-shadow:0 16px 48px #00000026}.confirm-icon{align-items:center;background:#60d2cc1a;border-radius:50%;color:#60d2cc;color:var(--accent-primary,#60d2cc);display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.confirm-icon.danger{background:#ef44441a;color:#ef4444}[data-theme=light] .confirm-icon{background:#60d2cc26}[data-theme=light] .confirm-icon.danger{background:#ef44441f}.confirm-modal h2{color:var(--theme-text-primary);font-family:Figtree,sans-serif;font-size:16px;font-weight:600;margin:0 0 8px}.confirm-message{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:13px;line-height:1.5;margin-bottom:20px}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-modal-actions button{border-radius:8px;cursor:pointer;font-family:Figtree,sans-serif;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-modal-actions .btn-secondary{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--theme-border-color,#ffffff1a);color:var(--theme-text-secondary)}.confirm-modal-actions .btn-secondary:hover{background:#ffffff0d;background:var(--theme-hover-bg,#ffffff0d);color:var(--theme-text-primary)}.confirm-modal-actions .btn-primary{background:#60d2cc;background:var(--accent-primary,#60d2cc);border:1px solid #0000;color:#000}.confirm-modal-actions .btn-primary:hover{filter:brightness(1.1)}.confirm-modal-actions .btn-primary.danger{background:#ef4444;color:#fff}.confirm-modal-actions .btn-primary.danger:hover{background:#dc2626}.folder-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.folder-modal{background:var(--theme-card-bg);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 16px 48px #0006;max-width:340px;padding:20px;width:100%}[data-theme=light] .folder-modal{border-color:#0000001a;box-shadow:0 16px 48px #00000026}.folder-modal h2{color:var(--theme-text-primary);font-family:Figtree,sans-serif;font-size:16px;font-weight:600;margin:0 0 16px}.folder-modal-form{display:flex;flex-direction:column;gap:14px}.folder-modal-form .form-group{display:flex;flex-direction:column;gap:6px}.folder-modal-form label{color:var(--theme-text-secondary);font-family:Figtree,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.folder-modal-form input{background:#0000;border:none;border-bottom:1px solid #ffffff26;border-radius:0;color:var(--theme-text-primary);font-family:Figtree,sans-serif;font-size:14px;outline:none;padding:10px 0;transition:all .15s ease}[data-theme=light] .folder-modal-form input{border-bottom-color:#0000001f}.folder-modal-form input:focus{border-bottom-color:var(--theme-accent)}.folder-modal-form input::placeholder{color:var(--theme-text-secondary);opacity:.5}.color-picker{display:flex;gap:6px}.color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:all .15s ease;width:24px}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#fffc;box-shadow:0 0 0 1px var(--theme-accent)}[data-theme=light] .color-swatch.active{border-color:#0000004d}.folder-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.folder-modal-actions .btn-primary,.folder-modal-actions .btn-secondary{border-radius:6px;cursor:pointer;font-family:Figtree,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.folder-modal-actions .btn-secondary{background:#0000;border:1px solid #ffffff1f;color:var(--theme-text-secondary)}[data-theme=light] .folder-modal-actions .btn-secondary{border-color:#0000001f}.folder-modal-actions .btn-secondary:hover{background:#ffffff0d;color:var(--theme-text-primary)}[data-theme=light] .folder-modal-actions .btn-secondary:hover{background:#0000000d}.folder-modal-actions .btn-primary{background:var(--theme-accent);border:none;color:#000}.folder-modal-actions .btn-primary:hover{filter:brightness(1.1)}.folder-modal-actions .btn-primary:disabled{cursor:not-allowed;opacity:.4}.builder-dropdown-container{position:relative;width:100%}.builder-solution-picker-container{padding:0;width:100%}.builder-solution-picker-container .solution-picker{margin:0}.builder-solution-picker-container .solution-picker label{display:none}.builder-solution-picker-container .picker-trigger{background:#1a1a2e;background:var(--theme-input-bg,#1a1a2e);border:1px solid #ffffff1a;border:1px solid var(--theme-input-border,#ffffff1a);border-radius:8px;padding:10px 12px}.builder-solution-picker-container .picker-trigger:hover{border-color:#60d2cc66}.builder-dropdown-trigger{align-items:center;background:var(--theme-input-bg);border:1px solid var(--theme-input-border);border-radius:6px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:14px;height:32px;justify-content:space-between;padding:0 8px;transition:all .15s ease;width:100%}.builder-dropdown-trigger:hover{background:var(--theme-btn-hover-bg)}.builder-dropdown-trigger.open{background:var(--theme-accent-bg);color:var(--theme-text-primary)}.builder-dropdown-trigger svg{transition:transform .2s ease}.builder-dropdown-trigger.open svg{transform:rotate(180deg)}.builder-dropdown-menu{animation:dropdownFadeIn .15s ease;background:#070707;border:1px solid #191919;border-radius:8px;left:0;max-height:200px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.builder-dropdown-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:13px;justify-content:space-between;padding:8px 10px;text-align:left;transition:all .1s ease;width:100%}.builder-dropdown-option:hover{background:#ffffff0d}.builder-dropdown-option.selected{background:#60d2cc33;border-color:#60d2cc66}.option-name{font-weight:500}.option-id{color:#666;font-size:11px}.builder-experience-details{padding-top:8px;width:100%}.experience-detail-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.experience-detail-row.with-border{border-top:1px solid #191919}.experience-date,.experience-id,.experience-project{color:#999;font-family:Figtree,sans-serif;font-size:12px}.experience-date{background:#0006;border:1px solid #191919;border-radius:12px;padding:4px 9px}.builder-use-btn{align-items:center;background:linear-gradient(90deg,#60d2cc,#06b6d4);border:none;border-radius:12px;box-shadow:0 20px 25px -5px #60d2cc33,0 8px 10px -6px #60d2cc33;color:#000;cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:18px;font-weight:600;justify-content:center;padding:10px 24px;transition:all .2s ease;white-space:nowrap;width:100%}.builder-use-btn:hover{box-shadow:0 25px 30px -5px #60d2cc4d,0 10px 15px -6px #60d2cc4d;transform:translateY(-2px)}.builder-template-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--theme-accent-bg);border:1px solid var(--theme-accent-border);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;color:var(--theme-text-primary);cursor:pointer;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;height:32px;line-height:28px;transition:all .15s ease;width:100%}.builder-template-btn:hover{background:#60d2cc4d;box-shadow:0 0 20px #60d2cc4d}.builder-prompt-input-container{width:580px}.builder-prompt-input-wrapper,.builder-workspace-input-wrapper{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000;border:none;border-radius:24px;box-shadow:0 0 40px 0 #60d2cd33;overflow:visible;position:relative}.builder-prompt-input-wrapper:before,.builder-workspace-input-wrapper:before{background:linear-gradient(90deg,#60d2cc 10%,#000);border-radius:24px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;padding:1px;pointer-events:none;position:absolute;transition:opacity .5s ease}.builder-prompt-input-wrapper:after,.builder-workspace-input-wrapper:after{background:linear-gradient(178.4deg,#60d2cc00 6.55%,#60d2cc33 95.7%);border-radius:23px;content:"";inset:1px;pointer-events:none;position:absolute}.builder-prompt-input-inner,.builder-workspace-input-inner{background:#0000;border-radius:24px;box-shadow:inset 0 1px 0 1px #ffffff0d;display:flex;flex-direction:column;gap:12px;padding:14px 16px;position:relative;z-index:1}.builder-prompt-bottom-row{align-items:center;display:flex;justify-content:space-between;width:100%}.builder-prompt-textarea-container{display:flex;flex-direction:column;max-height:120px;min-height:24px;padding-bottom:7px;width:100%}.builder-prompt-textarea,.builder-workspace-textarea{background:#0000;border:none;color:#fff;font-family:Figtree,sans-serif;font-size:14px;font-weight:300;letter-spacing:.4px;line-height:1.4;max-height:120px;min-height:24px;outline:none;padding:0;resize:none;width:100%}.builder-prompt-textarea::placeholder,.builder-workspace-textarea::placeholder{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffffff80,#60d2cc99 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.builder-prompt-tags,.builder-workspace-tags{align-items:center;display:flex;gap:12px}.builder-tag-btn{align-items:center;background:#0000004d;border:1px solid #191919;border-radius:99px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .15s ease;width:28px}.builder-tag-btn:hover{background:#ffffff0d;border-color:#333}.builder-tag-btn svg{height:16px;width:16px}.builder-tag{align-items:center;background:#0000004d;border:1px solid #191919;border-radius:99px;display:flex;gap:0;height:28px;padding:8px 12px}.builder-tag svg{flex-shrink:0;height:16px;width:16px}.builder-tag .tag-text{align-items:center;display:flex;padding-left:6px;padding-right:8px}.builder-tag span{font-family:Figtree,sans-serif;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap}.builder-tag.experience-tag span{color:#60d2cc}.builder-tag.model-tag span{color:#999}.builder-prompt-submit{align-items:center;background:#60d2cd;border:none;border-radius:20px;box-shadow:0 0 25px -5px #60d2cd66,0 0 10px -6px #60d2cc66;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:12px;transition:all .15s ease;width:40px}.builder-prompt-submit svg{height:16px;width:16px}.builder-prompt-submit:hover:not(:disabled){box-shadow:0 0 30px -5px #60d2cd99,0 0 15px -6px #60d2cc99;transform:scale(1.05)}.builder-prompt-submit:disabled{cursor:not-allowed;opacity:.5}.builder-workspace{display:flex;flex:1 1;gap:16px;height:100%;padding:0 16px}.builder-chat-panel{background:#0000;display:flex;flex-direction:column;height:100%;min-height:0;min-width:523px;padding:0 0 20px;transform-origin:left center;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1);width:523px}.builder-chat-panel.collapsed{min-width:0;opacity:0;pointer-events:none;transform:translateX(-20px);width:0}.builder-workspace.chat-collapsed{gap:0}.builder-preview-panel{flex:1 1;padding:0 0 20px}.builder-chat-messages,.builder-preview-panel{display:flex;flex-direction:column;min-height:0}.builder-chat-messages{flex:1 1;gap:16px;overflow-y:auto;padding:16px 0}.builder-message-user-wrapper{position:relative;width:100%}.builder-message-user{background:#ffffff0d;border-radius:16px;box-sizing:border-box;padding:16px;position:relative}.builder-message-user p{color:#fff;font-family:Figtree,sans-serif;font-size:14px;font-weight:400;letter-spacing:.4px;line-height:1.4;margin:0;max-width:100%;white-space:pre-wrap;width:491px}.message-undo-button{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#999;cursor:pointer;display:none;font-size:12px;font-weight:500;gap:4px;margin-left:auto;margin-top:10px;padding:6px 10px;transition:all .2s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.builder-message-user:hover .message-undo-button{display:flex}.message-undo-button:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#8b5cf6;color:var(--theme-accent,#8b5cf6)}.message-undo-button svg{height:14px;width:14px}.undo-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.undo-modal{animation:slideUp .3s ease;background:#0a0a14;background:var(--theme-dropdown-bg,#0a0a14);border:1px solid #ffffff1a;border:1px solid var(--theme-border-subtle,#ffffff1a);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:420px;padding:24px;width:90%}.undo-modal-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--theme-border-subtle,#ffffff14);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.undo-modal-header svg{color:#8b5cf6;color:var(--theme-accent,#8b5cf6);flex-shrink:0}.undo-modal-header h3{color:#fff;color:var(--theme-text-primary,#fff);font-family:Figtree,sans-serif;font-size:16px;font-weight:600;letter-spacing:.3px;margin:0}.undo-modal-body p{color:#fff9;color:var(--theme-text-secondary,#fff9);font-family:Figtree,sans-serif;font-size:14px;line-height:1.6;margin:0 0 12px}.undo-warning{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;color:#f59e0b!important;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 14px}.undo-message-preview{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--theme-border-subtle,#ffffff0f);border-radius:10px;margin-top:16px;padding:14px}.undo-preview-label{color:#fff6;color:var(--theme-text-secondary,#fff6);font-size:11px;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.undo-preview-content,.undo-preview-label{display:block;font-family:Figtree,sans-serif}.undo-preview-content{color:#fff9;color:var(--theme-text-secondary,#fff9);font-size:13px;font-style:italic;line-height:1.5}.undo-modal-actions{display:flex;gap:12px;margin-top:24px}.undo-cancel-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--theme-border-subtle,#ffffff1a);border-radius:10px;color:#fff9;color:var(--theme-text-secondary,#fff9);cursor:pointer;flex:1 1;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.undo-cancel-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff26;color:#fff}.undo-confirm-btn{align-items:center;background:#8b5cf6;background:var(--theme-accent,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.undo-confirm-btn:hover:not(:disabled){background:#7c3aed;background:var(--theme-accent-hover,#7c3aed);transform:translateY(-1px)}.undo-cancel-btn:disabled,.undo-confirm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.builder-message-assistant{display:block;padding:0 0 0 16px;width:100%}.builder-message-assistant p{font-weight:400;letter-spacing:.4px;margin:0 0 8px}.builder-message-assistant p,.markdown-content{color:#fff;font-family:Figtree,sans-serif;font-size:14px;line-height:1.6;max-width:100%}.markdown-content{display:block;overflow-x:auto}.markdown-content p{margin:0 0 12px}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:#60d2cc;font-weight:600;margin:16px 0 8px}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.1em}.markdown-content code{background:#60d2cc1a;border:1px solid #60d2cc33;border-radius:4px;color:#60d2cc;font-family:Fira Code,SF Mono,monospace;font-size:.9em;padding:2px 6px}.markdown-content pre{background:#0006;border:1px solid #333;border-radius:8px;margin:12px 0;overflow-x:auto;padding:12px 16px}.markdown-content pre code{background:none;border:none;color:#e0e0e0;font-size:13px;line-height:1.5;padding:0}.markdown-content ol,.markdown-content ul{margin:8px 0;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content blockquote{border-left:3px solid #60d2cc;color:#999;font-style:italic;margin:12px 0;padding-left:16px}.markdown-content a{color:#60d2cc;text-decoration:underline}.markdown-content strong{color:#fff;font-weight:600}.markdown-content em{font-style:italic}.markdown-content table{border-collapse:collapse;display:table!important;font-size:13px;margin:12px 0;max-width:100%;width:100%}.markdown-content thead{background:#60d2cc1a;display:table-header-group}.markdown-content tbody{display:table-row-group}.markdown-content tr{display:table-row}.markdown-content td,.markdown-content th{border:1px solid #333;display:table-cell;padding:8px 12px;vertical-align:top}.markdown-content th{border-color:#60d2cc4d;color:#60d2cc;font-weight:600;text-align:left}.markdown-content td{color:#e0e0e0}.markdown-content tr:nth-child(2n){background:#0003}.markdown-content tr:hover{background:#60d2cc0d}.markdown-content table code{white-space:nowrap}.builder-generation-steps{display:flex;flex-direction:column;gap:6px}.builder-generation-steps.collapsed{gap:4px}.builder-generation-steps.collapsed .builder-step{opacity:.7;padding:4px 8px}.builder-generation-steps.collapsed .builder-step:hover{opacity:1}.builder-generation-steps.active{display:flex}.builder-step{align-items:center;background:#ffffff05;border-radius:6px;display:flex;gap:8px;padding:6px 10px;transition:all .2s ease;width:100%}.builder-step.in-progress{background:#60d2cc14;border:1px solid #60d2cc26}.builder-step.completed{opacity:.7}.builder-step-icon{flex-shrink:0;height:16px;transition:filter .3s ease;width:16px}.builder-step .step-text{color:#999;flex:1 1;font-family:Figtree,sans-serif;font-size:12px;font-weight:400;letter-spacing:.4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-step.in-progress .step-text{color:#60d2cc}.builder-step span.completed{color:#999}.step-spinner{animation:spin .8s linear infinite;border:2px solid #60d2cc33;border-radius:50%;border-top-color:#60d2cc;flex-shrink:0;height:12px;width:12px}.step-check{color:#60d2cc;flex-shrink:0;font-size:12px}.step-expand-icon{color:#666;flex-shrink:0;font-size:8px;margin-left:4px;transition:transform .2s ease}.builder-step.clickable{cursor:pointer;transition:background .2s ease,border-color .2s ease}.builder-step.clickable:hover{background:#60d2cc0d;border-color:#60d2cc33}.builder-step.clickable:hover .step-expand-icon{color:#60d2cc}.builder-generation-steps.expanded .builder-step.completed{background:#60d2cc0d;border-color:#60d2cc33;opacity:1}.builder-generation-steps.expanded .step-expand-icon{color:#60d2cc}.tool-streaming-preview{background:linear-gradient(135deg,#141419f2,#1e1e23e6);border:1px solid #60d2cc26;border-radius:8px;display:flex;flex-direction:column;margin-top:8px;max-height:280px;position:relative}.streaming-path{background:#0003;border-bottom:1px solid #60d2cc1a;color:#60d2ccb3;flex-shrink:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:10px;letter-spacing:.3px;padding:8px 12px 4px}.streaming-code{flex:1 1;margin:0;max-height:230px;overflow:hidden;padding:8px 12px}.streaming-code::-webkit-scrollbar{width:6px}.streaming-code::-webkit-scrollbar-track{background:#0003;border-radius:3px}.streaming-code::-webkit-scrollbar-thumb{background:#60d2cc4d;border-radius:3px}.streaming-code::-webkit-scrollbar-thumb:hover{background:#60d2cc80}.streaming-code code{color:#a0a0a0;display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.builder-generation-steps.active .tool-streaming-preview{animation:streamingGlow 2s ease-in-out infinite alternate}@keyframes streamingGlow{0%{border-color:#60d2cc26;box-shadow:0 0 0 #60d2cc00}to{border-color:#60d2cc40;box-shadow:0 0 15px #60d2cc0d}}.tool-kb-result{background:linear-gradient(135deg,#191923f2,#23232de6);border:1px solid #8b5cf633;border-radius:8px;margin-top:8px;max-height:400px;overflow-y:auto}.kb-result-header{align-items:center;background:#8b5cf61a;border-bottom:1px solid #8b5cf626;color:#8b5cf6e6;display:flex;font-size:12px;font-weight:500;gap:8px;padding:10px 12px}.kb-header-icon{filter:brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(238deg) brightness(100%) contrast(93%);height:14px;opacity:.9;width:14px}.kb-result-content{color:silver;font-size:12px;line-height:1.6;padding:12px}.kb-result-content h3{border-bottom:1px solid #8b5cf61a;color:#8b5cf6e6;font-size:13px;margin:16px 0 8px;padding-bottom:4px}.kb-result-content h3:first-child{margin-top:0}.kb-result-content p{margin:8px 0}.kb-result-content code{background:#0000004d;border-radius:4px;color:#10b981;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;padding:2px 6px}.kb-result-content pre{background:#0006;border:1px solid #8b5cf61a;border-radius:6px;margin:8px 0;overflow-x:auto;padding:10px}.kb-result-content pre code{background:#0000;padding:0}.kb-result-content hr{border:none;border-top:1px solid #8b5cf61a;margin:12px 0}.kb-result-content em{color:#8b5cf6b3;font-style:italic}.kb-result-content strong{color:#e0e0e0}.builder-chat-spacer{flex-shrink:0;height:16px}.builder-chat-input{overflow:visible;width:100%}.builder-chat-input-container{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000;border:none;border-radius:24px;box-shadow:0 0 40px 0 #60d2cd33;display:flex;flex-direction:column;height:120px;overflow:visible;position:relative;width:100%}.builder-chat-input-container:before{background:linear-gradient(90deg,#60d2cc 10%,#000);border-radius:24px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;padding:1px;pointer-events:none;position:absolute;transition:opacity .5s ease}.builder-chat-input-container:after{background:linear-gradient(178.4deg,#60d2cc00 6.55%,#60d2cc33 95.7%);border-radius:23px;content:"";inset:1px;pointer-events:none;position:absolute}.builder-chat-input-content{background:#0000;border-radius:24px;box-shadow:inset 0 1px 0 1px #ffffff0d;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:14px 16px;position:relative;z-index:1}.builder-chat-bottom-row{align-items:center;display:flex;justify-content:space-between;width:100%}.builder-chat-textarea-container{display:flex;flex-direction:column;max-height:50px;min-height:24px;padding-bottom:7px;width:100%}.builder-chat-textarea{background:#0000;border:none;color:#fff;font-family:Figtree,sans-serif;font-size:14px;font-weight:300;letter-spacing:.4px;line-height:1.4;max-height:50px;min-height:24px;outline:none;padding:0;resize:none;width:100%}.builder-chat-textarea::placeholder{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffffff80,#60d2cc99 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.builder-chat-tags{align-items:center;display:flex;gap:12px}.builder-chat-tag-btn.attachment{align-items:center;background:#0000004d;border:1px solid #191919;border-radius:99px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .15s ease;width:28px}.builder-chat-tag-btn.attachment img{height:16px;width:16px}.builder-chat-tag-btn.attachment:hover{background:#ffffff0d;border-color:#333}.builder-chat-tag{align-items:center;background:#0000004d;border:1px solid #191919;border-radius:99px;display:flex;gap:6px;height:28px;padding:8px 12px}.builder-chat-tag .tag-icon{flex-shrink:0;height:16px;width:16px}.builder-chat-tag span{font-family:Figtree,sans-serif;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap}.builder-chat-tag.experience span{color:#60d2cc}.builder-chat-tag.model span{color:#999}.builder-chat-send{align-items:center;background:#60d2cd;border:none;border-radius:20px;box-shadow:0 0 25px -5px #60d2cd66,0 0 10px -6px #60d2cc66;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:12px;transition:all .15s ease;width:40px}.builder-chat-send svg{height:16px;width:16px}.builder-chat-send:hover:not(:disabled){box-shadow:0 0 30px -5px #60d2cd99,0 0 15px -6px #60d2cc99;transform:scale(1.05)}.builder-chat-send:disabled{cursor:not-allowed;opacity:.5}.builder-preview-container{align-items:center;background:#030303;border:1px solid #191919;border-radius:16px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.code-editor-wrapper,.preview-wrapper{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.code-editor-wrapper.hidden,.preview-wrapper.hidden{pointer-events:none;visibility:hidden;z-index:0}.code-editor-wrapper.visible,.preview-wrapper.visible{pointer-events:auto;visibility:visible;z-index:1}.builder-preview-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;font-family:Figtree,sans-serif;font-size:14px;gap:16px;justify-content:center;padding:40px;text-align:center}.builder-preview-placeholder .placeholder-content{align-items:center;display:flex;flex-direction:column;gap:12px}.builder-preview-placeholder .placeholder-icon{font-size:48px}.builder-preview-placeholder h3{color:#fff;font-size:18px;font-weight:600;margin:0}.builder-preview-placeholder p{color:#666;font-size:14px;margin:0}.builder-preview-placeholder .placeholder-hint{color:#555;font-size:12px;font-style:italic}.vite-loading-spinner{margin-top:16px}.vite-loading-spinner .spinner{animation:spin 1s linear infinite;border:3px solid #60d2cc33;border-radius:50%;border-top-color:#60d2cc;height:32px;width:32px}.npm-install-help{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:16px 24px}.npm-install-help p{color:#f59e0b}.npm-install-help a.preview-action-btn{background:linear-gradient(90deg,#f59e0b1a,#f59e0b33);border-color:#f59e0b66;color:#f59e0b;text-decoration:none}.npm-install-help a.preview-action-btn:hover{background:linear-gradient(90deg,#f59e0b26,#f59e0b4d);border-color:#f59e0b99}.builder-preview-header{align-items:center;background:#0000004d;border:1px solid #191919;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;margin-bottom:-1px;padding:8px 12px}.preview-status{align-items:center;color:#999;display:flex;font-family:Figtree,sans-serif;font-size:12px;gap:8px}.status-dot{background:#666;border-radius:50%;height:8px;transition:background .3s ease;width:8px}.status-dot.running{background:#60d2cc;box-shadow:0 0 8px #60d2cc80}.status-dot.stopped{background:#666}.preview-actions{display:flex;gap:8px}.preview-action-btn{align-items:center;background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cc3d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:13px;font-weight:400;gap:6px;height:28px;justify-content:center;padding:4px 14px;transition:all .15s ease}.preview-action-btn:hover{background:linear-gradient(90deg,#60d2cd1a,#60d2cd4d);border-color:#60d2cc66;box-shadow:0 0 15px #60d2cc4d}.preview-action-btn.stop{background:linear-gradient(90deg,#ef444400,#ef444426);border-color:#ef44444d;color:#f87171}.preview-action-btn.stop:hover{background:linear-gradient(90deg,#ef44441a,#ef444440);border-color:#ef444480;box-shadow:0 0 15px #ef444433}.preview-action-btn.retry{margin-top:12px}.preview-action-btn:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:12px;width:12px}.status-dot.loading{animation:pulse 1.5s ease-in-out infinite;background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.builder-preview-loading{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-radius:0 0 16px 16px;height:100%;justify-content:center;width:100%}.builder-preview-loading,.preview-loader{align-items:center;display:flex;flex-direction:column}.preview-loader{gap:16px;padding:40px;text-align:center}.loader-spinner{animation:spin 1s linear infinite;border:3px solid #60d2cc33;border-radius:50%;border-top-color:#60d2cc;height:48px;width:48px}.preview-loader h3{color:#fff;font-size:16px;font-weight:600}.preview-loader h3,.preview-loader p{font-family:Figtree,sans-serif;margin:0}.preview-loader p{color:#666;font-size:13px;max-width:280px}.builder-preview-iframe{background:#fff;border:none;border-radius:0 0 16px 16px;height:100%;width:100%}.preview-overlay-actions{display:flex;gap:6px;opacity:0;pointer-events:none;position:absolute;right:12px;top:12px;transition:opacity .2s ease;z-index:20}.preview-wrapper:hover .preview-overlay-actions{opacity:1;pointer-events:auto}.preview-overlay-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;transition:all .15s ease;width:30px}.preview-overlay-btn:hover{background:#000000b3;border-color:#fff3;color:#fff;transform:scale(1.05)}.preview-overlay-btn:active{transform:scale(.95)}.preview-overlay-btn svg{flex-shrink:0}.device-frame-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:auto;padding:20px;width:100%}.device-label{color:#ffffff80;font-family:Figtree,sans-serif;font-size:12px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.device-frame{background:#000;border-radius:24px;box-shadow:0 0 0 2px #ffffff1a,0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d;flex-shrink:0;overflow:hidden;position:relative}.device-frame.device-desktop{background:#0000;border-radius:0;box-shadow:none;height:100%;width:100%}.device-frame.device-mobile{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:36px;padding:12px}.device-frame.device-tablet{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:28px;padding:16px}.device-frame .builder-preview-iframe{border-radius:20px}.device-frame.device-mobile .builder-preview-iframe{border-radius:24px}.device-frame.device-tablet .builder-preview-iframe{border-radius:16px}.preview-wrapper.device-desktop .device-frame-container{background:#0000;padding:0}.preview-wrapper.device-desktop .device-label{display:none}.preview-wrapper.device-desktop .device-frame{height:100%!important;width:100%!important}.preview-wrapper.device-desktop .builder-preview-iframe{border-radius:0 0 16px 16px}.builder-error-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:10px 16px}.builder-error-banner span{color:#ef4444;font-family:Figtree,sans-serif;font-size:13px}.builder-error-banner button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px}.builder-message-error{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;padding:12px 16px}.builder-message-error p{color:#ef4444;font-family:Figtree,sans-serif;font-size:14px;margin:0}.builder-message-warning{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;display:flex;gap:12px;margin:8px 0;padding:16px}.builder-message-warning .warning-icon{flex-shrink:0;font-size:20px}.builder-message-warning .warning-content{display:flex;flex-direction:column;gap:4px}.builder-message-warning .warning-title{color:#f59e0b;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;margin:0}.builder-message-warning .warning-message{color:var(--text-secondary);font-family:Figtree,sans-serif;font-size:13px;line-height:1.5;margin:0}.builder-message-warning .warning-hint{color:var(--text-muted);font-family:Figtree,sans-serif;font-size:12px;font-style:italic;margin:4px 0 0}.builder-reconnecting-banner{align-items:center;animation:fadeInBanner .3s ease;background:#ffb4321f;border:1px solid #ffb4324d;border-radius:8px;color:#e0a030;display:flex;font-size:13px;font-weight:500;gap:8px;margin:0 0 8px;padding:10px 16px}.reconnecting-spinner{animation:spin .8s linear infinite;border:2px solid #ffb4324d;border-radius:50%;border-top-color:#e0a030;flex-shrink:0;height:14px;width:14px}.builder-resuming-banner{background:#64a0ff1f;border-color:#64a0ff4d;color:#60a0ff}.builder-resuming-banner .reconnecting-spinner{border-color:#60a0ff #64a0ff4d #64a0ff4d}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.builder-message-assistant.streaming{opacity:.8}.builder-message-assistant.streaming .markdown-content:not(.completed):last-of-type p:last-child:after{animation:blink .8s infinite;content:"▋";margin-left:2px}.builder-message-assistant.streaming .markdown-content.completed p:after{content:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.builder-generation-steps.active{background:#60d2cc0d;border:1px solid #60d2cc1a;border-radius:8px;margin-top:8px;padding:12px 16px}.builder-step-icon.loading{animation:pulse 1.5s infinite}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:true}.prompt-input-bar{max-width:578px;width:100%}.prompt-input-container{background:#000;border-radius:24px;box-shadow:0 0 40px 0 #60d2cd33;overflow:visible;position:relative}.prompt-input-container:before{background:linear-gradient(90deg,#60d2cc 10%,#000);border-radius:24px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;padding:1px;pointer-events:none;position:absolute;transition:opacity .5s ease}.prompt-input-container.executing{animation:rotate-border 3s linear infinite;background:#0000;box-shadow:none}.prompt-input-container.executing .prompt-input-inner{background:#000;transition:background 2s ease}.prompt-input-container.executing>.prompt-teal-overlay{opacity:0;transition:opacity 2s ease}.prompt-input-container.executing:before{background:conic-gradient(from var(--border-angle),#60d2cc 0,#60d2cc4d 25%,#0000 50%,#60d2cc4d 75%,#60d2cc 100%);z-index:2}.prompt-input-container.executing:after{background:conic-gradient(from var(--border-angle),#60d2cc66 0,#0000 20%,#0000 50%,#0000 80%,#60d2cc66 100%);border-radius:36px;filter:blur(25px);inset:-15px}@keyframes rotate-border{to{--border-angle:360deg}}.prompt-input-container:not(.executing):after{content:""}.prompt-input-container:not(.executing):after,.prompt-teal-overlay{background:linear-gradient(178.55deg,#60d2cc00 6.55%,#60d2cc33 95.7%);border-radius:23px;inset:1px;pointer-events:none;position:absolute}.prompt-teal-overlay{opacity:1;transition:opacity 2s ease;z-index:1}.prompt-teal-overlay.hidden{opacity:0}.prompt-input-inner{align-items:flex-end;background:#0000;border-radius:24px;display:flex;flex-direction:column;gap:0;padding:14px 16px;position:relative;transition:background 2s ease;z-index:1}.prompt-content-area{align-items:flex-start;display:flex;flex-direction:column;gap:12px;width:100%}.prompt-textarea-container{display:flex;flex-direction:column;min-height:20px;padding-bottom:7px;position:relative;width:100%}.prompt-textarea{background:#0000;border:none;color:#fff;font-family:Figtree,sans-serif;font-size:14px;font-weight:400;height:20px;letter-spacing:.4px;line-height:20px;max-height:140px;min-height:20px;outline:none;overflow-y:auto;padding:0;resize:none;scrollbar-color:#60d2cd4d #0000;scrollbar-width:thin;width:100%}.prompt-textarea::-webkit-scrollbar{width:6px}.prompt-textarea::-webkit-scrollbar-track{background:#0000}.prompt-textarea::-webkit-scrollbar-thumb{background:#60d2cd4d;border-radius:3px}.prompt-textarea::-webkit-scrollbar-thumb:hover{background:#60d2cd80}.prompt-textarea::placeholder{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffffff80,#60d2cc99 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.prompt-shimmer-text{-webkit-text-fill-color:#0000;animation:shimmer-sweep 2.5s linear infinite;background:linear-gradient(110deg,#ffffff4d 35%,#fffc 50%,#ffffff4d 65%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Figtree,sans-serif;font-size:14px;font-weight:400;left:0;letter-spacing:.4px;line-height:20px;pointer-events:none;position:absolute;top:0}@keyframes shimmer-sweep{0%{background-position:100%}to{background-position:-100%}}.prompt-bottom-row{align-items:center;display:flex;justify-content:space-between;width:100%}.prompt-tags{gap:12px}.prompt-tag-btn,.prompt-tags{align-items:center;display:flex}.prompt-tag-btn{background:#0000004d;border:1px solid #191919;border-radius:99px;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:28px;justify-content:center;padding:6px;transition:all .15s ease;width:28px}.prompt-tag-btn:hover{background:#ffffff0d;border-color:#333}.prompt-tag-btn img,.prompt-tag-btn svg{display:block;height:16px;transition:filter .3s ease;width:16px}[data-theme=light] .prompt-tag-btn img{filter:brightness(.2)}.prompt-tag{align-items:center;background:#0000004d;border:1px solid #191919;border-radius:99px;box-sizing:border-box;display:flex;flex-shrink:0;gap:0;height:28px;padding:8px 12px}.prompt-tag .tag-icon{display:block;flex-shrink:0;height:16px;transition:filter .3s ease;width:16px}[data-theme=light] .prompt-tag .tag-icon{filter:brightness(.2)}.prompt-tag .tag-text{color:#999;font-family:Figtree,sans-serif;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap}.prompt-tag.model .tag-text{padding-left:6px}.prompt-tag.experience .tag-text,.prompt-tag.model .tag-text{color:#999}.prompt-send-btn{align-items:center;background:#60d2cd;border:none;border-radius:20px;box-shadow:0 0 25px -5px #60d2cd66,0 0 10px -6px #60d2cc66;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:12px;transition:all .15s ease;width:40px}.prompt-send-btn img,.prompt-send-btn svg{display:block;height:16px;transition:filter .3s ease;width:16px}[data-theme=light] .prompt-send-btn img{filter:brightness(0) saturate(100%)}.prompt-send-btn:hover:not(:disabled){box-shadow:0 0 30px -5px #60d2cd99,0 0 15px -6px #60d2cc99;transform:scale(1.05)}.prompt-send-btn:disabled{cursor:not-allowed;opacity:.5}.prompt-stop-btn{align-items:center;background:#ef4444;border:none;border-radius:20px;box-shadow:0 0 25px -5px #ef444466,0 0 10px -6px #ef444466;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:12px;transition:all .15s ease;width:40px}.prompt-stop-btn:hover{box-shadow:0 0 30px -5px #ef444499,0 0 15px -6px #ef444499;transform:scale(1.05)}[data-theme=light] .prompt-input-container{background:#fff;box-shadow:0 0 40px 0 #60d2cd40}[data-theme=light] .prompt-input-container:before{background:linear-gradient(90deg,#60d2cc 10%,#fff)}[data-theme=light] .prompt-input-container.executing .prompt-input-inner{background:#fff}[data-theme=light] .prompt-input-container.executing:before{background:conic-gradient(from var(--border-angle),#60d2cc 0,#60d2cc4d 25%,#ffffff1a 50%,#60d2cc4d 75%,#60d2cc 100%)}[data-theme=light] .prompt-input-container.executing:after{background:conic-gradient(from var(--border-angle),#60d2cc59 0,#0000 20%,#0000 50%,#0000 80%,#60d2cc59 100%)}[data-theme=light] .prompt-input-container:after{background:linear-gradient(178.55deg,#60d2cc00 6.55%,#60d2cc66 95.7%)}[data-theme=light] .prompt-textarea{color:#020202}[data-theme=light] .prompt-textarea::placeholder{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00000080,#60d2cc99 50%,#00000080);-webkit-background-clip:text;background-clip:text}[data-theme=light] .prompt-shimmer-text{-webkit-text-fill-color:#0000;background:linear-gradient(110deg,#00000040 35%,#0009 50%,#00000040 65%);-webkit-background-clip:text;background-clip:text;background-size:200% auto}[data-theme=light] .prompt-tag-btn{background:#ffffff4d;border-color:#1919191a}[data-theme=light] .prompt-tag-btn:hover{background:#ffffff80;border-color:#19191933}[data-theme=light] .prompt-tag{background:#ffffff4d;border-color:#1919191a}[data-theme=light] .prompt-tag .tag-text{color:#999}.prompt-tag.clickable{cursor:pointer;padding-right:8px;transition:all .15s ease}.prompt-tag.clickable:hover{background:#60d2cd26;border-color:#60d2cd66}.prompt-tag.clickable.active{background:#60d2cd33;border-color:#60d2cd80}.prompt-tag.clickable:disabled{cursor:not-allowed;opacity:.5}.tag-chevron{flex-shrink:0;margin-left:4px;opacity:.6;transition:transform .2s ease}.tag-chevron.open{transform:rotate(180deg)}.preset-dropdown{animation:presetDropdownFade .15s ease;background:linear-gradient(90deg,#070707,#191919 50%,#070707);background:var(--theme-card-bg,linear-gradient(90deg,#070707 0,#191919 50%,#070707 100%));border:1px solid #191919;border:1px solid var(--theme-border-default,#191919);border-radius:12px;box-shadow:0 8px 32px #0006;left:0;max-width:350px;min-width:280px;overflow:hidden;position:absolute;z-index:9999}.preset-dropdown.up{bottom:calc(100% + 8px)}.preset-dropdown.down{top:calc(100% + 8px)}.prompt-tag-dropdown-container{position:relative;z-index:100}@keyframes presetDropdownFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.preset-dropdown.up{animation-name:presetDropdownFadeUp}@keyframes presetDropdownFadeUp{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.preset-dropdown-header{border-bottom:1px solid #191919;border-bottom:1px solid var(--theme-border-default,#191919);color:#999;color:var(--theme-text-secondary,#999);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.preset-dropdown-empty,.preset-dropdown-loading{align-items:center;color:#999;color:var(--theme-text-secondary,#999);display:flex;flex-direction:column;font-size:13px;gap:8px;padding:24px 16px;text-align:center}.preset-loading-spinner{animation:spin .8s linear infinite;border:2px solid #60d2cd33;border-radius:50%;border-top-color:#60d2cd;height:20px;width:20px}.preset-dropdown-list{max-height:300px;overflow-y:auto;padding:8px}.preset-dropdown-section{color:#666;color:var(--theme-text-secondary,#666);font-size:10px;font-weight:600;letter-spacing:.5px;padding:8px 8px 4px;text-transform:uppercase}.preset-dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:2px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.preset-dropdown-item:hover{background:#ffffff0d}.preset-dropdown-item.active{background:#60d2cd26}.preset-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.preset-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.preset-item-name{color:#fff;color:var(--theme-text-primary,#fff);font-size:13px;font-weight:500}.preset-item-desc,.preset-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-item-desc{color:#999;color:var(--theme-text-secondary,#999);font-size:11px}.preset-item-check{color:#60d2cd;flex-shrink:0;margin-left:8px}[data-theme=light] .preset-dropdown{background:linear-gradient(90deg,#f8f8f8,#fff 50%,#f8f8f8);border-color:#0000001a;box-shadow:0 8px 32px #00000026}[data-theme=light] .preset-dropdown-item:hover{background:#0000000d}[data-theme=light] .preset-dropdown-item.active{background:#60d2cd26}[data-theme=light] .prompt-tag.clickable:hover{background:#60d2cd26;border-color:#60d2cd66}[data-theme=light] .prompt-send-btn{box-shadow:0 0 25px -5px #60d2cd80,0 0 10px -6px #60d2cc80}.prompt-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;width:100%}.attachment-thumbnail{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative}.attachment-thumbnail .attachment-image{border-radius:7px;height:64px;object-fit:cover;width:64px}.attachment-thumbnail .attachment-file{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;max-width:120px;min-width:80px;padding:8px 12px}.attachment-thumbnail .attachment-file-icon{font-size:24px}.attachment-thumbnail .attachment-file-name{color:#999;font-family:Figtree,sans-serif;font-size:10px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.attachment-thumbnail .attachment-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:all .15s ease;width:18px}.attachment-thumbnail:hover .attachment-remove{opacity:1}.attachment-thumbnail .attachment-remove:hover{background:#ef4444;transform:scale(1.1)}.prompt-tag-btn{position:relative}.prompt-tag-btn .attachment-count{align-items:center;background:#60d2cc;border-radius:8px;color:#000;display:flex;font-family:Figtree,sans-serif;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.prompt-input-bar{position:relative}.prompt-input-bar.dragging .prompt-input-container{border-color:#60d2cc;box-shadow:0 0 0 2px #60d2cc4d,0 0 40px 0 #60d2cd66}.prompt-drop-overlay{align-items:center;animation:dropOverlayFadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#60d2cc1a;border:2px dashed #60d2cc;border-radius:24px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}@keyframes dropOverlayFadeIn{0%{opacity:0}to{opacity:1}}.drop-overlay-content{align-items:center;display:flex;flex-direction:column;gap:8px}.drop-overlay-content .drop-icon{animation:dropIconBounce .5s ease infinite alternate;font-size:32px}@keyframes dropIconBounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.drop-overlay-content .drop-text{color:#60d2cc;font-family:Figtree,sans-serif;font-size:14px;font-weight:600}[data-theme=light] .prompt-drop-overlay{background:#60d2cc26}[data-theme=light] .drop-overlay-content .drop-text{color:#059669}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.message-attachment-thumb{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.message-attachment-thumb img{display:block;height:80px;object-fit:cover;width:80px}.message-attachment-thumb .message-attachment-file{align-items:center;display:flex;gap:6px;padding:8px 12px}.message-attachment-thumb .file-icon{font-size:16px}.message-attachment-thumb .file-name{color:#999;font-family:Figtree,sans-serif;font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .prompt-attachments{border-color:#0000001a}[data-theme=light] .attachment-thumbnail{background:#00000008;border-color:#0000001a}[data-theme=light] .attachment-thumbnail .attachment-file-name{color:#666}[data-theme=light] .message-attachment-thumb{background:#00000008;border-color:#0000001a}[data-theme=light] .message-attachment-thumb .file-name{color:#666}[data-theme=light] .builder-message-user{background:#60d2cc1a}[data-theme=light] .builder-message-user p{color:#020202}[data-theme=light] .message-undo-button{background:#0000000d;border-color:#0000001a;color:#666}[data-theme=light] .message-undo-button:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#8b5cf6;color:var(--theme-accent,#8b5cf6)}[data-theme=light] .undo-modal{background:#fff;border-color:#0000001a;box-shadow:0 20px 60px #00000026}[data-theme=light] .undo-modal-header{border-color:#00000014}[data-theme=light] .undo-modal-header h3{color:#020202}[data-theme=light] .undo-modal-body p{color:#666}[data-theme=light] .undo-warning{background:#f59e0b14;border-color:#f59e0b33;color:#d97706!important}[data-theme=light] .undo-message-preview{background:#00000005;border-color:#0000000f}[data-theme=light] .undo-preview-label{color:#0006}[data-theme=light] .undo-preview-content{color:#0009}[data-theme=light] .undo-cancel-btn{background:#0000;border-color:#0000001a;color:#666}[data-theme=light] .undo-cancel-btn:hover:not(:disabled){background:#0000000d;border-color:#00000026;color:#020202}[data-theme=light] .builder-message-assistant p{color:#020202}[data-theme=light] .markdown-content{color:#1a1a1a}[data-theme=light] .markdown-content strong{color:#020202}[data-theme=light] .markdown-content td{color:#1a1a1a}[data-theme=light] .markdown-content td,[data-theme=light] .markdown-content th{border-color:#0000001f}[data-theme=light] .markdown-content pre{background:#0000000a;border-color:#0000001a}[data-theme=light] .markdown-content tr:nth-child(2n){background:#00000008}[data-theme=light] .markdown-content thead,[data-theme=light] .markdown-content tr:hover{background:#60d2cc14}[data-theme=light] .builder-step-icon{filter:brightness(.3)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.code-editor-panel{background:#0a0a0a;border-radius:0 0 16px 16px;display:flex;height:100%;overflow:hidden;width:100%}.code-editor-sidebar{background:#0d0d0d;border-right:1px solid #1f1f1f;display:flex;flex-direction:column;min-width:220px;overflow:hidden;width:220px}.code-editor-sidebar-header{align-items:center;border-bottom:1px solid #1f1f1f;display:flex;justify-content:space-between;padding:12px 16px}.code-editor-sidebar-header .sidebar-title{color:#999;font-family:Figtree,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.code-editor-sidebar-header .unsaved-indicator{color:#f59e0b;font-size:16px}.file-tree{flex:1 1;overflow-y:auto;padding:8px 0}.file-tree-empty{color:#666;font-size:13px;font-style:italic;padding:24px 16px;text-align:center}.file-tree-node{-webkit-user-select:none;user-select:none}.file-tree-item{align-items:center;cursor:pointer;display:flex;gap:6px;padding:6px 12px;transition:background .1s ease}.file-tree-item:hover{background:#ffffff0d}.file-tree-item.selected{background:#60d2cc26}.file-tree-item .folder-arrow{color:#666;font-size:8px;transition:transform .15s ease;width:10px}.file-tree-item .folder-arrow.expanded{transform:rotate(90deg)}.file-tree-item .file-icon,.file-tree-item .folder-icon{font-size:14px}.file-tree-item .file-indent{width:10px}.file-tree-item .file-name{color:#e0e0e0;font-family:Figtree,sans-serif;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-item.folder .file-name{color:#fff;font-weight:500}.file-tree-item.selected .file-name{color:#60d2cc}.code-editor-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.code-editor-tabs{align-items:center;background:#0d0d0d;border-bottom:1px solid #1f1f1f;display:flex;justify-content:space-between;min-height:40px}.tabs-list{display:flex;flex:1 1;overflow-x:auto}.tabs-list::-webkit-scrollbar{height:3px}.tabs-list::-webkit-scrollbar-thumb{background:#60d2cc4d;border-radius:2px}.editor-tab{align-items:center;background:#0000;border-right:1px solid #1f1f1f;color:#999;cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:13px;gap:8px;padding:10px 16px;transition:all .15s ease;white-space:nowrap}.editor-tab:hover{background:#ffffff08;color:#fff}.editor-tab.active{background:#0a0a0a;border-bottom:2px solid #60d2cc;color:#fff;margin-bottom:-1px}.editor-tab .tab-name{align-items:center;display:flex;gap:4px}.editor-tab .tab-modified{color:#f59e0b;font-size:10px}.editor-tab .tab-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;transition:all .1s ease;width:18px}.editor-tab .tab-close:hover{background:#ffffff1a;color:#fff}.editor-actions{align-items:center;display:flex;gap:12px;padding:0 16px}.save-status{border-radius:4px;font-family:Figtree,sans-serif;font-size:12px;padding:4px 8px}.save-status.saving{background:#f59e0b1a;color:#f59e0b}.save-status.saved{background:#22c55e1a;color:#22c55e}.save-status.error{background:#ef44441a;color:#ef4444}.save-btn{background:#0000;border:1px solid #333;border-radius:6px;color:#666;cursor:not-allowed;font-family:Figtree,sans-serif;font-size:13px;gap:6px;padding:6px 12px}.save-btn.active{background:#60d2cc1a;border-color:#60d2cc66;color:#60d2cc;cursor:pointer}.save-btn.active:hover{background:#60d2cc33;border-color:#60d2cc99}.save-btn svg{height:14px;width:14px}.code-editor-content{flex:1 1;overflow:hidden}.editor-loading{align-items:center;color:#999;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.editor-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #60d2cc33;border-radius:50%;border-top-color:#60d2cc;height:32px;width:32px}.editor-placeholder{align-items:center;background:linear-gradient(180deg,#0a0a0a,#111);display:flex;height:100%;justify-content:center}.editor-placeholder .placeholder-content{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;text-align:center}.editor-placeholder .placeholder-icon{font-size:48px;margin-bottom:8px}.editor-placeholder h3{color:#fff;font-family:Figtree,sans-serif;font-size:18px;font-weight:600;margin:0}.editor-placeholder p{color:#666;font-family:Figtree,sans-serif;font-size:14px;margin:0}.editor-placeholder .placeholder-shortcuts{align-items:center;color:#555;display:flex;font-size:12px;gap:4px;margin-top:16px}.editor-placeholder kbd{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#999;display:inline-flex;font-family:SF Mono,monospace;font-size:11px;justify-content:center;min-width:24px;padding:4px 8px}[data-theme=light] .code-editor-panel{background:#fafafa}[data-theme=light] .code-editor-sidebar{background:#f5f5f5;border-right-color:#e0e0e0}[data-theme=light] .code-editor-sidebar-header{border-bottom-color:#e0e0e0}[data-theme=light] .code-editor-sidebar-header .sidebar-title{color:#666}[data-theme=light] .file-tree-item:hover{background:#0000000d}[data-theme=light] .file-tree-item.selected{background:#60d2cc33}[data-theme=light] .file-tree-item .file-name{color:#333}[data-theme=light] .file-tree-item.folder .file-name{color:#111}[data-theme=light] .file-tree-item.selected .file-name{color:#059669}[data-theme=light] .code-editor-tabs{background:#f5f5f5;border-bottom-color:#e0e0e0}[data-theme=light] .editor-tab{border-right-color:#e0e0e0;color:#666}[data-theme=light] .editor-tab:hover{background:#00000008;color:#333}[data-theme=light] .editor-tab.active{background:#fafafa;border-bottom-color:#059669;color:#111}[data-theme=light] .save-btn{border-color:#ddd;color:#999}[data-theme=light] .save-btn.active{background:#0596691a;border-color:#05966966;color:#059669}[data-theme=light] .editor-placeholder{background:linear-gradient(180deg,#fafafa,#f0f0f0)}[data-theme=light] .editor-placeholder h3{color:#111}[data-theme=light] .editor-placeholder kbd{background:#fff;border-color:#ddd;color:#666}.image-preview-container{align-items:center;background:linear-gradient(180deg,#0a0a0a,#111);display:flex;flex-direction:column;height:100%;justify-content:center;overflow:auto;padding:24px}.image-preview{border-radius:8px;box-shadow:0 4px 20px #0006;max-height:calc(100% - 80px);max-width:100%;object-fit:contain}.image-preview-info{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:16px;text-align:center}.image-filename{color:#fff;font-family:Figtree,sans-serif;font-size:14px;font-weight:500}.image-path{color:#666;font-family:Fira Code,monospace;font-size:12px}[data-theme=light] .image-preview-container{background:linear-gradient(180deg,#fafafa,#f0f0f0)}[data-theme=light] .image-filename{color:#111}.agent-transition-marker{align-items:center;display:flex;gap:12px;margin:16px 0;padding:4px 0}.agent-marker-line{background:linear-gradient(90deg,#0000,#60d2cc 20%,#60d2cc 80%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-primary,#60d2cc) 20%,var(--accent-primary,#60d2cc) 80%,#0000 100%);flex:1 1;height:1px;opacity:.4}.agent-marker-badge{align-items:center;animation:agentFadeIn .3s ease-out;background:linear-gradient(135deg,#60d2cc26,#60d2cc0d);border:1px solid #60d2cc4d;border-radius:20px;display:flex;gap:8px;padding:6px 14px}@keyframes agentFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.agent-marker-icon{animation:agentPulse 2s ease-in-out infinite;font-size:14px}.agent-marker-name{color:#60d2cc;color:var(--accent-primary,#60d2cc);font-family:Figtree,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:capitalize}[data-theme=light] .agent-marker-badge{background:linear-gradient(135deg,#60d2cc33,#60d2cc14);border-color:#60d2cc66}[data-theme=light] .agent-marker-name{color:#0d9488}.design-questionnaire{background:#60d2cc14;border:1px solid #60d2cc33;border-radius:16px;margin:8px 0;max-width:100%;padding:16px}.dq-header{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:14px}.dq-icon{color:#60d2cc;font-size:14px}.dq-label{color:#60d2cc;font-weight:600}.dq-step{color:#fff6;font-size:12px}.dq-skip{background:none;border:none;border-radius:4px;color:#ffffff59;cursor:pointer;font-size:12px;margin-left:auto;padding:2px 6px;transition:color .15s,background .15s}.dq-skip:hover{background:#ffffff0f;color:#fff9}.dq-question-area{animation:dqSlideIn .2s ease-out}@keyframes dqSlideIn{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.dq-question-text{color:#ffffffe6;font-size:14px;font-weight:500;line-height:1.5;margin:0 0 12px}.dq-options{display:flex;flex-direction:column;gap:6px}.dq-option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;transition:all .15s ease-out}.dq-option:hover{background:#60d2cc0f;border-color:#60d2cc33;color:#ffffffe6}.dq-option.selected{background:#60d2cc1f;border-color:#60d2cc66;color:#fff}.dq-option input[type=radio]{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #fff3;border-radius:50%;flex-shrink:0;height:16px;transition:all .15s ease-out;width:16px}.dq-option.selected input[type=radio]{background:#60d2cc;border-color:#60d2cc;box-shadow:inset 0 0 0 3px #14141ee6}.dq-option-custom{border-style:dashed}.dq-custom-text-input{margin-top:6px}.dq-text-input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#ffffffe6;font-size:13px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.dq-text-input:focus{border-color:#60d2cc66}.dq-text-input::placeholder{color:#ffffff4d}.dq-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.dq-back{background:none;border:none;border-radius:6px;color:#fff6;cursor:pointer;font-size:13px;padding:6px 12px;transition:color .15s,background .15s}.dq-back:hover{background:#ffffff0f;color:#ffffffb3}.dq-next{background:#60d2cc26;border:1px solid #60d2cc4d;border-radius:8px;color:#60d2cc;cursor:pointer;font-size:13px;font-weight:600;padding:7px 18px;transition:all .15s ease-out}.dq-next:hover:not(:disabled){background:#60d2cc40;border-color:#60d2cc80}.dq-next:disabled{cursor:not-allowed;opacity:.35}.dq-summary{align-items:center;background:#60d2cc0f;border:1px solid #60d2cc1f;border-radius:10px;display:flex;gap:8px;margin:6px 0;padding:8px 14px}.dq-summary-icon{color:#60d2cc;flex-shrink:0;font-size:12px}.dq-summary-text{color:#ffffff80;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .design-questionnaire{background:#0d94880f;border-color:#0d94882e}[data-theme=light] .dq-step{color:#0006}[data-theme=light] .dq-skip{color:#00000059}[data-theme=light] .dq-skip:hover{background:#0000000a;color:#0009}[data-theme=light] .dq-question-text{color:#000000d9}[data-theme=light] .dq-option{background:#00000005;border-color:#00000014;color:#0009}[data-theme=light] .dq-option:hover{background:#0d94880f;border-color:#0d948840;color:#000c}[data-theme=light] .dq-option.selected{background:#0d94881a;border-color:#0d948866;color:#000}[data-theme=light] .dq-option input[type=radio]{border-color:#0003}[data-theme=light] .dq-option.selected input[type=radio]{background:#0d9488;border-color:#0d9488;box-shadow:inset 0 0 0 3px #fff}[data-theme=light] .dq-text-input{background:#00000005;border-color:#0000001a;color:#000000d9}[data-theme=light] .dq-text-input:focus{border-color:#0d948866}[data-theme=light] .dq-text-input::placeholder{color:#0000004d}[data-theme=light] .dq-back{color:#0006}[data-theme=light] .dq-back:hover{background:#0000000a;color:#000000b3}[data-theme=light] .dq-next{background:#0d94881a;border-color:#0d94884d;color:#0d9488}[data-theme=light] .dq-next:hover:not(:disabled){background:#0d94882e;border-color:#0d948880}[data-theme=light] .dq-summary{background:#0d94880a;border-color:#0d94881a}[data-theme=light] .dq-summary-text{color:#00000073}[data-theme=light] .dq-icon,[data-theme=light] .dq-label,[data-theme=light] .dq-summary-icon{color:#0d9488}.app-layout{background:#000;background:var(--theme-page-bg,#000);display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:background .3s ease}.app-main{background:linear-gradient(180deg,#60d2cd00,#60d2cd26),linear-gradient(90deg,#000,#000);background:var(--theme-main-gradient,linear-gradient(180deg,#60d2cd00 0,#60d2cd26 100%),linear-gradient(90deg,#000 0,#000 100%));flex:1 1;margin-top:84px;overflow-x:hidden;overflow-y:auto}.app-main::-webkit-scrollbar{width:8px}.app-main::-webkit-scrollbar-track{background:#ffffff0d}.app-main::-webkit-scrollbar-thumb{background:#60d2cc4d;border-radius:4px}.app-main::-webkit-scrollbar-thumb:hover{background:#60d2cc80}.app-content{margin:0 auto;max-width:1200px;padding:24px 32px 48px;width:100%}.auth-page{align-items:center;background:#000;background:var(--theme-page-bg,#000);display:flex;font-family:Figtree,DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-background{inset:0;position:fixed;z-index:0}.auth-bg-gradient{background:linear-gradient(180deg,#60d2cd00,#60d2cd26),linear-gradient(90deg,#000,#000);background:var(--theme-main-gradient,linear-gradient(180deg,#60d2cd00 0,#60d2cd26 100%),linear-gradient(90deg,#000 0,#000 100%));inset:0;position:absolute}.auth-bg-pattern{background-image:radial-gradient(circle at 25% 25%,#60d2cc 1px,#0000 0),radial-gradient(circle at 75% 75%,#a855f7 1px,#0000 0);background-size:60px 60px;inset:0;opacity:.03;position:absolute}.auth-container{align-items:center;display:flex;gap:4rem;max-width:1200px;padding:2rem;position:relative;width:100%;z-index:1}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(90deg,#070707,#191919 50%,#070707);background:var(--theme-card-bg,linear-gradient(90deg,#070707 0,#191919 50%,#070707 100%));border:1px solid #191919;border:1px solid var(--theme-card-border,#191919);border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 100px -20px #60d2cc26;max-width:420px;padding:3rem;transition:all .3s ease;width:100%}.auth-card:hover{border-color:#60d2cc66;border-color:var(--theme-card-hover-border,#60d2cc66)}.auth-card.register-card{max-width:480px}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{align-items:center;display:inline-flex;gap:.5rem;margin-bottom:1.5rem}.auth-logo .logo-icon{height:32px;object-fit:contain;width:32px}.auth-logo .logo-icon svg{height:28px;width:28px}.auth-logo img.logo-icon{height:32px;width:32px}.auth-logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60d2cc,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.auth-header h1{color:#fff;color:var(--theme-text-primary,#fff);font-size:1.75rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.auth-header p{color:#999;color:var(--theme-text-secondary,#999);font-size:.95rem;margin:0;transition:color .3s ease}.auth-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.875rem 1rem}.auth-error .error-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#999;color:var(--theme-text-secondary,#999);font-size:.875rem;font-weight:500;transition:color .3s ease}.form-group input{background:#1f1f1f;background:var(--theme-input-bg,#1f1f1f);border:1px solid #ffffff1a;border:1px solid var(--theme-input-border,#ffffff1a);border-radius:12px;color:#fff;color:var(--theme-input-text,#fff);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-group input::placeholder{color:#999;color:var(--theme-text-secondary,#999)}.form-group input:focus{background:#1f1f1f;background:var(--theme-input-bg,#1f1f1f);border-color:#60d2cc;box-shadow:0 0 0 3px #60d2cc26;outline:none}.password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.25rem}.strength-bar{background:#ffffff1a;background:var(--theme-btn-bg,#ffffff1a);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.password-strength span{font-size:.75rem;font-weight:500}.auth-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:44px;justify-content:center;padding:0 1.5rem;transition:all .15s ease}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button.primary{background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cc3d;color:#fff}.auth-button.primary:hover:not(:disabled){background:linear-gradient(90deg,#60d2cd1a,#60d2cd4d);border-color:#60d2cc66;box-shadow:0 0 15px #60d2cc4d}.auth-button.google{background:#ffffff0d;background:var(--theme-btn-bg,#ffffff0d);border:1px solid #191919;border:1px solid var(--theme-btn-border,#191919);color:#fff;color:var(--theme-text-primary,#fff)}.auth-button.google:hover:not(:disabled){background:#ffffff1a;background:var(--theme-btn-hover-bg,#ffffff1a)}.google-icon{height:20px;width:20px}[data-theme=light] .auth-button.primary{background:linear-gradient(90deg,#60d2ccb8,#60d2cc00),linear-gradient(90deg,#fff,#fff);color:#020202}[data-theme=light] .auth-button.primary:hover:not(:disabled){background:linear-gradient(90deg,#60d2ccd9,#60d2cc1a),linear-gradient(90deg,#fff,#fff)}.spinner-small{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:18px;width:18px}.auth-divider{align-items:center;color:#999;color:var(--theme-text-secondary,#999);display:flex;font-size:.875rem;gap:1rem;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background:#ffffff1a;background:var(--theme-border-subtle,#ffffff1a);content:"";flex:1 1;height:1px}.auth-footer{margin-top:2rem;text-align:center}.auth-footer p{color:#999;color:var(--theme-text-secondary,#999);font-size:.875rem;margin:0}.auth-footer a{color:#60d2cc;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-terms{color:#999;color:var(--theme-text-secondary,#999);font-size:.75rem;margin-top:1.5rem;text-align:center}.auth-terms a{color:#fff9;color:var(--theme-text-secondary,#fff9);text-decoration:none}.auth-terms a:hover{color:#60d2cc}.auth-features{max-width:400px}.auth-features h2{color:#fff;color:var(--theme-text-primary,#fff);font-size:1.5rem;font-weight:600;margin:0 0 2rem}.auth-features ul{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0}.auth-features li{align-items:flex-start;display:flex;gap:1rem}.auth-features .feature-icon{align-items:center;background:#ffffff0d;background:var(--theme-btn-bg,#ffffff0d);border-radius:10px;color:#60d2cc;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.auth-features strong{color:#fff;color:var(--theme-text-primary,#fff);display:block;font-weight:600;margin-bottom:.25rem}.auth-features p{color:#999;color:var(--theme-text-secondary,#999);font-size:.875rem;line-height:1.5;margin:0}.auth-loading{align-items:center;background:#000;background:var(--theme-page-bg,#000);color:#fff;color:var(--theme-text-primary,#fff);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.auth-loading .spinner{animation:spin .8s linear infinite;border:3px solid #60d2cc33;border-radius:50%;border-top-color:#60d2cc;height:40px;margin-bottom:1rem;width:40px}.cloud-unavailable{align-items:center;background:#000;background:var(--theme-page-bg,#000);color:#fff;color:var(--theme-text-primary,#fff);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.cloud-unavailable .icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.cloud-unavailable h2{margin:0 0 .5rem}.cloud-unavailable p{color:#999;color:var(--theme-text-secondary,#999);margin:0 0 1.5rem}.cloud-unavailable button{align-items:center;background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cd3d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:14px;font-weight:500;height:36px;justify-content:center;padding:0 20px;transition:all .15s ease}.cloud-unavailable button:hover{background:linear-gradient(90deg,#60d2cd1a,#60d2cd4d);border-color:#60d2cc66;box-shadow:0 0 15px #60d2cc4d}@media (max-width:900px){.auth-container{flex-direction:column}.auth-features{display:none}}@media (max-width:500px){.auth-card{padding:2rem 1.5rem}}.auth-page-new{align-items:center;background:#070707;display:flex;font-family:Figtree,DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;position:relative}.auth-page-bg{background:radial-gradient(ellipse at center,#60d2cd0d 0,#0000 70%);inset:0;position:fixed}.auth-modal{background:#070707;border:1px solid #60d2cc;border-radius:32px;box-shadow:0 20px 25px -5px #60d2cd33,0 8px 10px -6px #60d2cc33;display:flex;height:auto;margin:20px;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}.auth-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s ease;width:32px;z-index:10}.auth-modal-close:hover{background:#ffffff1a}.auth-modal-left{min-height:580px;overflow:hidden;position:relative;width:50%}.auth-modal-bg-image{height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.auth-hero-text{left:24px;position:absolute;right:24px;text-shadow:0 8px 12px #090a0b4d;top:80px;z-index:2}.auth-hero-text h1{color:#fff;font-size:42px;font-weight:700;letter-spacing:1px;line-height:1.2;margin:0}.auth-hero-text .text-accent{color:#60d2cc}.auth-ai-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#60d2cd3d;border:1px solid #60d2cd3d;border-radius:16px;box-shadow:0 4px 16px #60d2cc7a;color:#fff;display:flex;font-size:14px;font-weight:500;gap:4px;left:24px;padding:14px 32px;position:absolute;top:260px;z-index:2}.auth-ai-badge svg{color:#60d2cc}.auth-feature-badges{grid-gap:8px;bottom:24px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);left:24px;position:absolute;right:24px;z-index:2}.auth-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff3d;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:500;gap:4px;justify-content:center;padding:14px 16px;white-space:nowrap}.auth-badge-highlight{background:#60d2cd1f;border-color:#60d2cd3d;box-shadow:0 4px 16px #60d2cc7a}.auth-badge-highlight svg{color:#60d2cc;height:14px;width:14px}.badge-soon{color:#60d2cd;font-size:8px;margin-left:4px}.auth-modal-right{background:#070707;display:flex;flex-direction:column;overflow-y:auto;padding:32px 0 16px;width:50%}.auth-form-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:400px;padding:0 40px;width:100%}.auth-form-header{text-align:center}.auth-form-header h2{color:#fefefe;font-size:20px;font-weight:400;line-height:24px;margin:0 0 8px}.auth-form-header p{color:#a3a3a3;font-size:14px;font-weight:500;line-height:20px;margin:0}.auth-form-new{gap:12px}.auth-form-new,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:8px}.auth-input-group label{color:#fff;font-size:14px;font-weight:400;line-height:20px}.auth-input-group input{background:#1f1f1f;border:none;border-radius:6px;color:#fff;font-family:Figtree,sans-serif;font-size:14px;height:32px;line-height:20px;padding:0 8px}.auth-input-group input::placeholder{color:#666}.auth-input-group input:focus{box-shadow:0 0 0 2px #60d2cd4d;outline:none}.auth-input-with-icon{align-items:center;display:flex;position:relative}.auth-input-with-icon input{flex:1 1;padding-right:36px}.auth-input-icon{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:8px}.auth-submit-btn{background:#60d2cc;border:none;border-radius:6px;color:#020202;cursor:pointer;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;height:42px;margin-top:12px;transition:all .2s ease;width:100%}.auth-submit-btn:hover:not(:disabled){background:#7de0db;box-shadow:0 4px 12px #60d2cd66}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-divider-new{align-items:center;display:flex;gap:16px}.auth-divider-new:after,.auth-divider-new:before{background:linear-gradient(90deg,#0000,#333,#0000);content:"";flex:1 1;height:1px}.auth-divider-new span,.auth-google-btn{color:#a3a3a3;font-size:13px;letter-spacing:1px}.auth-google-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-weight:500;gap:10px;height:42px;justify-content:center;position:relative;transition:all .2s ease;width:100%}.auth-google-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40}.auth-google-btn:disabled{cursor:not-allowed;opacity:.6}.auth-google-btn .google-icon{height:20px;width:20px}.auth-form-footer{align-items:center;display:flex;flex-direction:column;gap:8px}.auth-form-footer p{color:#a3a3a3;font-size:14px;font-weight:500;margin:0}.auth-form-footer a{color:#60d2cc;text-decoration:none}.auth-form-footer a:hover{text-decoration:underline}.auth-reset-link{background:#0000;border:none;color:#a3a3a3;cursor:pointer;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;padding:8px 12px}.auth-reset-link:hover{color:#fff}.auth-error-new{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;padding:12px 16px;text-align:center}@media (max-width:800px){.auth-modal{flex-direction:column;height:auto;max-height:none}.auth-modal-left{max-height:350px;min-height:300px;width:100%}.auth-hero-text{top:40px}.auth-hero-text h1{font-size:28px}.auth-ai-badge{font-size:12px;padding:10px 20px;top:160px}.auth-feature-badges{display:none}.auth-modal-right{padding:24px 0;width:100%}.auth-form-container{padding:0 24px}}@media (max-width:480px){.auth-modal{border-radius:0;margin:0;min-height:100vh}.auth-modal-left{min-height:220px}}.auth-modal-register .auth-modal-left{min-height:650px}.auth-modal-register .auth-modal-right{padding:24px 0 16px}.auth-password-strength{align-items:center;display:flex;gap:12px;margin-top:6px}.auth-strength-bar{background:#1f1f1f;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.auth-strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.auth-password-strength span{font-size:12px;font-weight:500;min-width:60px}.auth-terms-new{color:#666;font-size:12px;line-height:1.5;text-align:center}.auth-terms-new a{color:#a3a3a3;text-decoration:none}.auth-terms-new a:hover{color:#60d2cc}@media (max-width:800px){.auth-modal-register .auth-modal-left{min-height:300px}}.admin-dashboard,.admin-projects,.admin-users{flex:1 1;margin:0 auto;max-width:1400px;min-height:0;overflow-y:auto;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{color:#fff;color:var(--theme-text-primary,#fff);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.admin-header h1,.admin-header p{font-family:Figtree,DM Sans,sans-serif;transition:color .3s ease}.admin-header p{color:#999;color:var(--theme-text-secondary,#999);margin:0}.admin-error,.admin-loading{align-items:center;color:#fff;color:var(--theme-text-primary,#fff);display:flex;flex-direction:column;justify-content:center;padding:4rem}.admin-loading .spinner,.table-loading .spinner{animation:spin .8s linear infinite;border:3px solid #60d2cc33;border-radius:50%;border-top-color:#60d2cc;height:40px;width:40px}.admin-error h2{font-family:Figtree,DM Sans,sans-serif;margin:0 0 .5rem}.admin-error p{color:#999;color:var(--theme-text-secondary,#999);margin:0 0 1.5rem}.admin-error button{align-items:center;background:linear-gradient(90deg,#60d2ccb8,#60d2cc00),linear-gradient(90deg,#020202,#020202);border:1px solid #60d2cd3d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:14px;font-weight:600;height:36px;justify-content:center;padding:0 24px;transition:all .15s ease}.admin-error button:hover{transform:translateY(-1px)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2.5rem}.stat-card{background:linear-gradient(90deg,#070707,#191919 50%,#070707);background:var(--theme-card-bg,linear-gradient(90deg,#070707 0,#191919 50%,#070707 100%));border:1px solid #191919;border:1px solid var(--theme-card-border,#191919);border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s ease}.stat-card:hover{border-color:#60d2cc66;border-color:var(--theme-card-hover-border,#60d2cc66)}.stat-card.wide{grid-column:span 2}.stat-icon{align-items:center;background:#ffffff0d;background:var(--theme-btn-bg,#ffffff0d);border-radius:12px;display:flex;font-size:2rem;height:3rem;justify-content:center;width:3rem}.stat-content{display:flex;flex-direction:column}.stat-value{color:#fff;color:var(--theme-text-primary,#fff);font-family:Figtree,DM Sans,sans-serif;font-size:2rem;font-weight:700;transition:color .3s ease}.stat-label{font-size:.875rem;transition:color .3s ease}.stat-label,.stat-trend{color:#999;color:var(--theme-text-secondary,#999);font-family:Figtree,DM Sans,sans-serif}.stat-trend{font-size:.75rem}.stat-trend.positive{color:#22c55e}.tier-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.tier-card{align-items:center;background:#ffffff08;background:var(--theme-btn-bg,#ffffff08);border:1px solid #191919;border:1px solid var(--theme-card-border,#191919);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s ease}.tier-card:hover{border-color:#60d2cc66;border-color:var(--theme-card-hover-border,#60d2cc66)}.tier-card .tier-name{color:#999;color:var(--theme-text-secondary,#999);font-family:Figtree,DM Sans,sans-serif;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.tier-card .tier-count{color:#fff;color:var(--theme-text-primary,#fff);font-family:Figtree,DM Sans,sans-serif;font-size:1.5rem;font-weight:700}.tier-card.free{border-color:#9ca3af4d}.tier-card.pro{border-color:#60d2cc4d}.tier-card.ultra{border-color:#a855f74d}.tier-card.enterprise{border-color:#fbbf244d}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.action-card{align-items:center;background:linear-gradient(90deg,#070707,#191919 50%,#070707);background:var(--theme-card-bg,linear-gradient(90deg,#070707 0,#191919 50%,#070707 100%));border:1px solid #191919;border:1px solid var(--theme-card-border,#191919);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-decoration:none;transition:all .2s ease}.action-card:hover{border-color:#60d2cc66;border-color:var(--theme-card-hover-border,#60d2cc66);transform:translateY(-2px)}.action-card .action-icon{font-size:2rem}.action-card .action-label{color:#fff;color:var(--theme-text-primary,#fff);font-family:Figtree,DM Sans,sans-serif;font-weight:500}.admin-section{margin-bottom:2.5rem}.admin-section h2{color:#fff;color:var(--theme-text-primary,#fff);font-family:Figtree,DM Sans,sans-serif;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.admin-filters{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.admin-filters,.search-form{align-items:center;display:flex}.search-form{flex:1 1;gap:.75rem;min-width:250px}.search-form input{background:#0000;border:none;border-bottom:1px solid #fff3;border-radius:0;color:#fff;color:var(--theme-input-text,#fff);flex:1 1;font-family:Figtree,DM Sans,sans-serif;font-size:.875rem;padding:8px 12px;transition:border-color .2s ease}.search-form input::placeholder{color:#999;color:var(--theme-text-secondary,#999)}.search-form input:hover{border-bottom-color:#ffffff4d}.search-form input:focus{border-bottom-color:#60d2cc;outline:none}.search-form button{align-items:center;background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cc3d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;padding:0 16px;transition:all .15s ease}.search-form button:hover{background:linear-gradient(90deg,#60d2cd1a,#60d2cd4d);border-color:#60d2cc66;box-shadow:0 0 15px #60d2cc4d}.admin-filters select{background:#1f1f1f;background:var(--theme-input-bg,#1f1f1f);border:1px solid #ffffff1a;border:1px solid var(--theme-input-border,#ffffff1a);border-radius:10px;color:#fff;color:var(--theme-input-text,#fff);cursor:pointer;font-family:Figtree,DM Sans,sans-serif;font-size:.875rem;padding:.75rem 1rem}.admin-filters select option{background:#0a0a14;background:var(--theme-dropdown-bg,#0a0a14);color:#fff;color:var(--theme-text-primary,#fff)}.admin-table-container{background:linear-gradient(90deg,#070707,#191919 50%,#070707);background:var(--theme-card-bg,linear-gradient(90deg,#070707 0,#191919 50%,#070707 100%));border:1px solid #191919;border:1px solid var(--theme-card-border,#191919);border-radius:16px;overflow:hidden}.table-loading{align-items:center;display:flex;justify-content:center;padding:4rem}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--theme-border-subtle,#ffffff0d);padding:1rem;text-align:left}.admin-table th{background:#ffffff08;background:var(--theme-btn-bg,#ffffff08);color:#999;color:var(--theme-text-secondary,#999);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-table td,.admin-table th{font-family:Figtree,DM Sans,sans-serif}.admin-table td{color:#fffc;color:var(--theme-text-primary,#fffc);font-size:.875rem}.admin-table tbody tr:hover{background:#ffffff05;background:var(--theme-btn-hover-bg,#ffffff05)}.user-cell{gap:.75rem}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#60d2cc,#a855f7);border-radius:50%;color:#fff;flex-shrink:0;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{display:flex;flex-direction:column}.user-name{color:#fff;color:var(--theme-text-primary,#fff);font-weight:500}.user-email{color:#999;color:var(--theme-text-secondary,#999);font-size:.75rem}.role-badge,.status-badge,.tier-badge{border-radius:20px;display:inline-block;font-family:Figtree,DM Sans,sans-serif;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.tier-badge{background:#9ca3af26;color:#9ca3af}.tier-badge.PRO,.tier-badge.pro{background:#60d2cc26;color:#60d2cc}.tier-badge.ULTRA,.tier-badge.ultra{background:#a855f726;color:#a855f7}.tier-badge.ENTERPRISE,.tier-badge.enterprise{background:#fbbf2426;color:#fbbf24}.role-badge{background:#ffffff1a;background:var(--theme-btn-bg,#ffffff1a);color:#ffffffb3;color:var(--theme-text-secondary,#ffffffb3)}.role-badge.ADMIN,.role-badge.SUPERADMIN,.role-badge.admin,.role-badge.superadmin{background:#ef444426;color:#ef4444}.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.inactive{background:#ef444426;color:#ef4444}.session-badge{border-radius:20px;display:inline-block;font-family:Figtree,DM Sans,sans-serif;font-size:.7rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.session-badge.active{background:#22c55e26;color:#22c55e}.session-badge.provisioning{background:#fbbf2426;color:#fbbf24}.session-badge.offline{background:#9ca3af1a;color:#9ca3af80}.action-btn{align-items:center;background:#ffffff08;background:var(--theme-btn-bg,#ffffff08);border:1px solid #191919;border:1px solid var(--theme-btn-border,#191919);border-radius:10px;color:#fff;color:var(--theme-text-primary,#fff);cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:.75rem;height:28px;justify-content:center;padding:0 12px;transition:all .15s ease}.action-btn:hover{background:#ffffff0d;background:var(--theme-btn-hover-bg,#ffffff0d);border-color:#191919;border-color:var(--theme-border-default,#191919)}.admin-pagination{align-items:center;color:#999;color:var(--theme-text-secondary,#999);display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:.875rem;justify-content:space-between;padding:1rem 0}.pagination-controls{align-items:center;display:flex;gap:1rem}.pagination-controls button{align-items:center;background:#ffffff08;background:var(--theme-btn-bg,#ffffff08);border:1px solid #191919;border:1px solid var(--theme-btn-border,#191919);border-radius:10px;color:#fff;color:var(--theme-text-primary,#fff);cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:.875rem;height:28px;justify-content:center;padding:0 12px;transition:all .15s ease}.pagination-controls button:hover:not(:disabled){background:#ffffff0d;background:var(--theme-btn-hover-bg,#ffffff0d)}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.modal-content{background:#0a0a14;background:var(--theme-dropdown-bg,#0a0a14);border:1px solid #ffffff1a;border:1px solid var(--theme-border-subtle,#ffffff1a);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:400px;padding:2rem;width:100%}.modal-content h2{color:#fff;color:var(--theme-text-primary,#fff);font-size:1.25rem;margin:0}.modal-content h2,.modal-subtitle{font-family:Figtree,DM Sans,sans-serif}.modal-subtitle{color:#999;color:var(--theme-text-secondary,#999);font-size:.875rem;margin:.25rem 0 1.5rem}.modal-content .form-group{margin-bottom:1.25rem}.modal-content .form-group label{color:#999;color:var(--theme-text-secondary,#999);display:block;font-family:Figtree,DM Sans,sans-serif;font-size:.875rem;margin-bottom:.5rem}.modal-content .form-group.checkbox label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.modal-content input[type=text],.modal-content select{background:#1f1f1f;background:var(--theme-input-bg,#1f1f1f);border:1px solid #ffffff1a;border:1px solid var(--theme-input-border,#ffffff1a);border-radius:10px;color:#fff;color:var(--theme-input-text,#fff);font-family:Figtree,DM Sans,sans-serif;font-size:.875rem;padding:.75rem 1rem;width:100%}.modal-content input[type=text]:focus,.modal-content select:focus{border-color:#60d2cc;outline:none}.modal-content select option{background:#0a0a14;background:var(--theme-dropdown-bg,#0a0a14)}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.btn-secondary{align-items:center;background:#0000;border:1px solid #fff3;border:1px solid var(--theme-btn-border,#fff3);border-radius:10px;color:#fff;color:var(--theme-text-primary,#fff);cursor:pointer;display:flex;flex:1 1;font-family:Figtree,DM Sans,sans-serif;font-size:14px;height:40px;justify-content:center;transition:all .15s ease}.btn-secondary:hover{background:#ffffff0d;background:var(--theme-btn-hover-bg,#ffffff0d)}.btn-primary{align-items:center;background:linear-gradient(90deg,#60d2ccb8,#60d2cc00),linear-gradient(90deg,#020202,#020202);border:1px solid #60d2cd3d;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Figtree,DM Sans,sans-serif;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .15s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#60d2ccd9,#60d2cc1a),linear-gradient(90deg,#020202,#020202);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}[data-theme=light] .search-form input{border-bottom-color:#19191926;color:#191919;color:var(--theme-input-text,#191919)}[data-theme=light] .search-form input:hover{border-bottom-color:#19191940}[data-theme=light] .search-form input:focus{border-bottom-color:#60d2cc80}[data-theme=light] .admin-error button,[data-theme=light] .btn-primary,[data-theme=light] .search-form button{background:linear-gradient(90deg,#60d2ccb8,#60d2cc00),linear-gradient(90deg,#fff,#fff);color:#020202}[data-theme=light] .modal-content{background:#fff;border-color:#1919191a}.model-toggle{background:#2a2a3e;background:var(--theme-bg-secondary,#2a2a3e);border:1px solid #444;border:1px solid var(--theme-border,#444);border-radius:10px;cursor:pointer;height:20px;padding:0;position:relative;transition:all .2s ease;width:38px}.model-toggle:after{background:#888;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:14px}.model-toggle.active{background:#22c55e33;border-color:#22c55e66}.model-toggle.active:after{background:#22c55e;left:20px}.model-toggle:disabled{cursor:not-allowed;opacity:.5}.spin{animation:spin 1s linear infinite}@media (max-width:768px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card.wide{grid-column:span 2}.tier-grid{grid-template-columns:repeat(2,1fr)}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}}.threedium-settings .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.threedium-settings .card-header h2{align-items:center;color:#fff;color:var(--theme-text-primary,#fff);display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0;transition:color .3s ease}.threedium-settings .card-header h2 svg{color:#60d2cc}.threedium-settings .external-link{align-items:center;color:#60d2cc;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:.85rem;gap:.35rem;text-decoration:none;transition:opacity .2s ease}.threedium-settings .external-link:hover{opacity:.8}.threedium-settings .settings-description{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;transition:color .3s ease}.threedium-settings .loading-state,.threedium-settings .settings-description{color:#999;color:var(--theme-text-secondary,#999);font-family:Figtree,DM Sans,sans-serif}.threedium-settings .loading-state{padding:2rem;text-align:center}.threedium-settings .settings-message{border-radius:10px;font-family:Figtree,DM Sans,sans-serif;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.threedium-settings .settings-message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.threedium-settings .settings-message.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.threedium-settings .keys-status{display:flex;flex-direction:column;gap:.5rem}.threedium-settings .status-row{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--theme-border-subtle,#ffffff14);display:flex;justify-content:space-between;padding:.75rem 0}.threedium-settings .status-row:last-of-type{border-bottom:none}.threedium-settings .status-label{color:#999;color:var(--theme-text-secondary,#999)}.threedium-settings .status-label,.threedium-settings .status-value{font-family:Figtree,DM Sans,sans-serif;font-size:.9rem;transition:color .3s ease}.threedium-settings .status-value{color:#fff;color:var(--theme-text-primary,#fff)}.threedium-settings .key-preview{background:#ffffff0d;background:var(--theme-btn-bg,#ffffff0d);border-radius:6px;color:#999;color:var(--theme-text-secondary,#999);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;padding:.25rem .5rem}.threedium-settings .status-badge{border-radius:100px;font-family:Figtree,DM Sans,sans-serif;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.threedium-settings .status-badge.valid{background:#22c55e26;color:#22c55e}.threedium-settings .status-badge.invalid{background:#ef444426;color:#ef4444}.threedium-settings .keys-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.threedium-settings .keys-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:.85rem;gap:6px;height:32px;justify-content:center;padding:0 14px;transition:all .15s ease}.threedium-settings .keys-actions button svg{flex-shrink:0}.threedium-settings .keys-actions button:disabled{cursor:not-allowed;opacity:.6}.threedium-settings .validate-btn{background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cc3d!important;color:#fff}.threedium-settings .validate-btn:hover:not(:disabled){background:linear-gradient(90deg,#60d2cd1a,#60d2cd4d);border-color:#60d2cc66!important;box-shadow:0 0 15px #60d2cc4d}.threedium-settings .update-btn{background:#ffffff0d;background:var(--theme-btn-bg,#ffffff0d);border:1px solid #191919!important;border:1px solid var(--theme-btn-border,#191919)!important;color:#fff;color:var(--theme-text-primary,#fff)}.threedium-settings .update-btn:hover{background:#ffffff14;background:var(--theme-btn-hover-bg,#ffffff14)}.threedium-settings .remove-btn{background:#ef44441a;border:1px solid #ef444433!important;color:#ef4444}.threedium-settings .remove-btn:hover{background:#ef444433}.threedium-settings .keys-form{display:flex;flex-direction:column;gap:1rem}.threedium-settings .form-group{display:flex;flex-direction:column;gap:.5rem}.threedium-settings .form-group label{color:#999;color:var(--theme-text-secondary,#999);font-family:Figtree,DM Sans,sans-serif;font-size:.85rem;transition:color .3s ease}.threedium-settings .form-group input{background:#1f1f1f;background:var(--theme-input-bg,#1f1f1f);border:1px solid #ffffff1a;border:1px solid var(--theme-input-border,#ffffff1a);border-radius:10px;color:#fff;color:var(--theme-input-text,#fff);font-family:Figtree,DM Sans,sans-serif;font-size:.9rem;padding:.75rem;transition:all .2s ease}.threedium-settings .form-group input:focus{border-color:#60d2cc;box-shadow:0 0 0 3px #60d2cc26;outline:none}.threedium-settings .form-group input::placeholder{color:#999;color:var(--theme-text-secondary,#999)}.threedium-settings .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.threedium-settings .form-actions button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:.9rem;font-weight:500;height:36px;justify-content:center;padding:0 20px;transition:all .15s ease}.threedium-settings .form-actions .cancel-btn{background:#ffffff0d;background:var(--theme-btn-bg,#ffffff0d);border:1px solid #191919!important;border:1px solid var(--theme-btn-border,#191919)!important;color:#fff;color:var(--theme-text-primary,#fff)}.threedium-settings .form-actions .cancel-btn:hover{background:#ffffff14;background:var(--theme-btn-hover-bg,#ffffff14)}.threedium-settings .form-actions .save-btn{background:linear-gradient(90deg,#60d2cd00,#60d2cd33);border:1px solid #60d2cc3d!important;color:#fff;font-weight:500}.threedium-settings .form-actions .save-btn:hover:not(:disabled){background:linear-gradient(90deg,#60d2cd1a,#60d2cd4d);border-color:#60d2cc66!important;box-shadow:0 0 15px #60d2cc4d}.threedium-settings .form-actions .save-btn svg{flex-shrink:0}.threedium-settings .form-actions .save-btn:disabled{cursor:not-allowed;opacity:.6}[data-theme=light] .threedium-settings .form-actions .save-btn,[data-theme=light] .threedium-settings .validate-btn{background:linear-gradient(90deg,#60d2ccb8,#60d2cc00),linear-gradient(90deg,#fff,#fff);color:#020202}[data-theme=light] .threedium-settings .form-actions .save-btn:hover:not(:disabled),[data-theme=light] .threedium-settings .validate-btn:hover:not(:disabled){background:linear-gradient(90deg,#60d2ccd9,#60d2cc1a),linear-gradient(90deg,#fff,#fff)}.profile-page{margin:0 auto;max-width:900px;padding:0;width:100%}.profile-header h1{color:#fff;color:var(--theme-text-primary,#fff);font-size:1.75rem;font-weight:600;margin:0 0 2rem;transition:color .3s ease}.profile-header h1,.profile-message{font-family:Figtree,DM Sans,sans-serif}.profile-message{border-radius:10px;font-size:.875rem;margin-bottom:1.5rem;padding:1rem}.profile-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.profile-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.profile-grid{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:linear-gradient(90deg,#070707,#191919 50%,#070707);background:var(--theme-card-bg,linear-gradient(90deg,#070707 0,#191919 50%,#070707 100%));border:1px solid #191919;border:1px solid var(--theme-card-border,#191919);border-radius:16px;padding:1.5rem;transition:background .3s ease,border-color .3s ease}.profile-card:hover{border-color:#60d2cc66;border-color:var(--theme-card-hover-border,#60d2cc66)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-header h2{color:#fff;color:var(--theme-text-primary,#fff);font-size:1.125rem;font-weight:600;margin:0;transition:color .3s ease}.card-header .period,.card-header h2{font-family:Figtree,DM Sans,sans-serif}.card-header .period{background:#ffffff0d;background:var(--theme-btn-bg,#ffffff0d);border-radius:20px;color:#999;color:var(--theme-text-secondary,#999);font-size:.75rem;padding:.25rem .75rem;transition:background .3s ease,color .3s ease}.edit-btn{align-items:center;background:#ffffff08;background:var(--theme-btn-bg,#ffffff08);border:1px solid #191919;border:1px solid var(--theme-btn-border,#191919);border-radius:10px;color:#fff;color:var(--theme-text-primary,#fff);cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:14px;font-weight:500;height:28px;padding:0 12px;transition:all .15s ease}.edit-btn:hover{background:#ffffff0d;background:var(--theme-btn-hover-bg,#ffffff0d);border-color:#191919;border-color:var(--theme-border-default,#191919)}.profile-avatar-section{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--theme-border-subtle,#ffffff14);display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#60d2cc,#a855f7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-basic h3{color:#fff;color:var(--theme-text-primary,#fff);font-size:1.25rem;margin:0}.profile-basic h3,.profile-basic p{font-family:Figtree,DM Sans,sans-serif;transition:color .3s ease}.profile-basic p{color:#999;color:var(--theme-text-secondary,#999);font-size:.875rem;margin:.25rem 0 0}.name-input{background:#1f1f1f;background:var(--theme-input-bg,#1f1f1f);border:1px solid #ffffff1a;border:1px solid var(--theme-input-border,#ffffff1a);border-radius:10px;color:#fff;color:var(--theme-input-text,#fff);font-family:Figtree,DM Sans,sans-serif;font-size:1rem;padding:.5rem 1rem;transition:all .2s ease;width:200px}.name-input:focus{border-color:#60d2cc;box-shadow:0 0 0 3px #60d2cc26;outline:none}.profile-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.detail-row .label{color:#999;color:var(--theme-text-secondary,#999)}.detail-row .label,.detail-row .value{font-family:Figtree,DM Sans,sans-serif;font-size:.875rem;transition:color .3s ease}.detail-row .value{color:#fff;color:var(--theme-text-primary,#fff);text-transform:capitalize}.detail-row .tier-badge{background:#9ca3af26;border-radius:20px;color:#9ca3af;font-family:Figtree,DM Sans,sans-serif;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.detail-row .tier-badge.PRO,.detail-row .tier-badge.pro{background:#60d2cc26;color:#60d2cc}.detail-row .tier-badge.ULTRA,.detail-row .tier-badge.ultra{background:#a855f726;color:#a855f7}.detail-row .tier-badge.ENTERPRISE,.detail-row .tier-badge.enterprise{background:#fbbf2426;color:#fbbf24}.detail-row .status.verified{color:#22c55e}.detail-row .status.unverified{color:#f59e0b}.edit-actions{border-top:1px solid #ffffff14;border-top:1px solid var(--theme-border-subtle,#ffffff14);display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.cancel-btn{align-items:center;background:#0000;border:1px solid #fff3;border:1px solid var(--theme-btn-border,#fff3);border-radius:10px;color:#fff;color:var(--theme-text-primary,#fff);cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:14px;font-weight:500;height:36px;justify-content:center;padding:0 20px;transition:all .15s ease}.cancel-btn:hover{background:#ffffff0d;background:var(--theme-btn-hover-bg,#ffffff0d)}.save-btn{align-items:center;background:linear-gradient(90deg,#60d2ccb8,#60d2cc00),linear-gradient(90deg,#020202,#020202);border:1px solid #60d2cd3d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:14px;font-weight:600;height:36px;justify-content:center;padding:0 20px;transition:all .15s ease}.save-btn:hover:not(:disabled){background:linear-gradient(90deg,#60d2ccd9,#60d2cc1a),linear-gradient(90deg,#020202,#020202);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}[data-theme=light] .save-btn{background:linear-gradient(90deg,#60d2ccb8,#60d2cc00),linear-gradient(90deg,#fff,#fff);color:#020202}.usage-overview{margin-bottom:1.5rem}.usage-progress .progress-bar{background:#ffffff1a;background:var(--theme-btn-bg,#ffffff1a);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.usage-progress .progress-fill{background:linear-gradient(90deg,#60d2cc,#4db3ad);border-radius:4px;height:100%;transition:width .3s ease}.progress-labels{color:#999;color:var(--theme-text-secondary,#999);display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:.75rem;justify-content:space-between}.usage-breakdown{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.usage-stat{background:#ffffff08;background:var(--theme-btn-bg,#ffffff08);border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.usage-stat .stat-label{color:#999;color:var(--theme-text-secondary,#999);font-family:Figtree,DM Sans,sans-serif;font-size:.75rem}.usage-stat .stat-value{color:#fff;color:var(--theme-text-primary,#fff);font-family:Figtree,DM Sans,sans-serif;font-size:1.25rem;font-weight:600}.usage-stat .stat-value.highlight{color:#60d2cc}.usage-total{border-top:1px solid #ffffff14;border-top:1px solid var(--theme-border-subtle,#ffffff14);color:#999;color:var(--theme-text-secondary,#999);display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:.875rem;justify-content:space-between;padding-top:1rem}.danger-zone{border-color:#ef444433}.account-actions{display:flex;gap:1rem}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-family:Figtree,DM Sans,sans-serif;font-size:14px;font-weight:500;height:36px;justify-content:center;padding:0 20px;transition:all .15s ease}.logout-btn:hover{background:#ef444433;transform:translateY(-1px)}@media (max-width:600px){.profile-page{padding:1rem}.usage-breakdown{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;text-align:center}}.landing-page{align-items:center;background:#000;background:var(--theme-page-bg,#000);display:flex;flex-direction:column;font-family:Figtree,DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:hidden;position:relative}.landing-gradient-bg{background-color:#000;background-position:center -400px;background-repeat:no-repeat;background-size:1920px 1000px;z-index:0}.landing-gradient-bg,.landing-grain{inset:0;pointer-events:none;position:fixed}.landing-grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.04;z-index:1}.landing-builder-header{left:16px;position:fixed;right:16px;top:12px;z-index:100}.header-auth-buttons{align-items:center;display:flex;gap:8px!important}.header-login-btn,.header-signup-btn{align-items:center;border-radius:9999px;color:#fff;display:flex;font-family:Figtree,sans-serif;font-size:12px;font-weight:500;height:32px;justify-content:center;line-height:16px;padding:6px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.header-login-btn{background:#ffffff0d;border:1px solid #fff3}.header-login-btn:hover{background:#ffffff1a}.header-signup-btn{background:linear-gradient(90deg,#60d2cc33,#60d2cc00);border:1px solid #fff3}.header-signup-btn:hover{background:linear-gradient(90deg,#60d2cc4d,#60d2cc1a);border-color:#60d2cc66;box-shadow:0 0 15px #60d2cc4d}.landing-hero{align-items:center;display:flex;flex-direction:column;max-width:1216px;padding:210px 24px 100px;position:relative;text-align:center;width:100%;z-index:10}.landing-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000001a;border:1px solid #0000001a;border-radius:9999px;display:inline-flex;gap:10px;margin-bottom:40px;padding:9px 17px}.badge-text{color:#fff;font-size:14px;font-weight:600;letter-spacing:.6px}.badge-status-wrapper{display:inline-flex;position:relative}.badge-coming-soon{background:linear-gradient(90deg,#60d2cc0a,#60d2cc66),linear-gradient(90deg,#000,#000);border:1px solid #60d2cd66;border-radius:999px;color:#60d2cc;font-size:14px;font-weight:500;padding:8px 16px}.badge-crossed{color:#ffffff4d!important;text-decoration:line-through;-webkit-text-decoration-color:#ff5050cc;text-decoration-color:#ff5050cc;text-decoration-thickness:2px}.badge-now-tape{animation:tape-wiggle 3s ease-in-out infinite;background:linear-gradient(135deg,#60d2cc,#7de8e2 50%,#60d2cc);border-radius:4px;box-shadow:0 2px 8px #0006,0 0 20px #60d2cc80,inset 0 1px 0 #ffffff4d;color:#000;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:4px 12px;position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(12deg);z-index:1}.badge-now-tape:after,.badge-now-tape:before{background:#ffffff26;border-radius:1px;content:"";height:6px;position:absolute;width:16px}.badge-now-tape:before{left:4px;top:-3px;transform:rotate(-8deg)}.badge-now-tape:after{bottom:-3px;right:4px;transform:rotate(-8deg)}@keyframes tape-wiggle{0%,to{transform:translateY(-50%) rotate(12deg)}25%{transform:translateY(-50%) rotate(10deg)}75%{transform:translateY(-50%) rotate(14deg)}}.landing-title{margin-bottom:24px;text-shadow:0 8px 12px #090a0b4d}.landing-title h1{font-size:72px;font-weight:700;letter-spacing:-1.8px;line-height:1;margin:0}.title-white{color:#fff}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90.4deg,#fff .2%,#60d2cc);-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:#fff;font-size:20px;font-weight:300;letter-spacing:.5px;line-height:1.4;margin:0 0 40px;max-width:672px}.landing-cta{align-items:center;display:flex;gap:16px}.cta-primary{background:#60d2cc;border-radius:12px;box-shadow:0 0 40px #60d2cd4d;color:#020202;font-size:16px;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .2s ease}.cta-primary:hover{background:#7de0db;box-shadow:0 0 50px #60d2cd80;transform:translateY(-2px)}.cta-secondary{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;color:#ffffffb3;font-size:16px;font-weight:500;padding:16px 40px;text-decoration:none;transition:all .2s ease}.cta-secondary:hover{background:#ffffff1a;color:#fff}.landing-footer{bottom:24px;left:50%;position:fixed;transform:translateX(-50%);z-index:10}.footer-quote{color:#999999a3;font-size:10px;font-style:italic;margin:0}.quote-author{color:#60d2cc99}@media (max-width:900px){.landing-nav{display:none}.landing-title h1{font-size:48px}.landing-subtitle{font-size:16px}}@media (max-width:600px){.landing-hero{padding-top:120px}.landing-title h1{font-size:36px}.landing-cta{flex-direction:column;width:100%}.cta-primary,.cta-secondary{text-align:center;width:100%}}.designer-page{background:#020202;background:var(--theme-page-bg,#020202);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;padding-top:64px}.designer-page .agent-designer-container{display:flex;flex:1 1;flex-direction:row;height:100%;overflow:hidden}.designer-page .panel{height:100%}.designer-page .canvas-container{flex:1 1;height:100%;margin:0 16px 16px}.usage-page{color:#e0e0e0;margin:0 auto;max-width:1200px;padding:24px}.usage-empty,.usage-error,.usage-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.usage-error button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 20px}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.usage-header h1{font-size:24px;font-weight:600;margin:0}.usage-filters{display:flex;gap:10px}.usage-filters select{border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:13px;padding:8px 12px}.usage-filters select,.usage-tier-bar{background:#1e1e2e;border:1px solid #333}.usage-tier-bar{border-radius:12px;margin-bottom:20px;padding:16px 20px}.tier-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tier-badge{background:#10b981;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 10px;text-transform:uppercase}.tier-usage{color:#888;font-size:13px}.tier-remaining{color:#888;display:block;font-size:12px;margin-top:4px}.tier-progress{background:#2a2a3e;border-radius:3px;height:6px;overflow:hidden}.tier-progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.usage-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.usage-card{background:#1e1e2e;border:1px solid #333;border-radius:12px;padding:20px}.card-label{color:#888;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.card-value{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.card-detail{color:#666;font-size:12px}.usage-section{background:#1e1e2e;border:1px solid #333;border-radius:12px;margin-bottom:20px;padding:20px}.usage-section h2{color:#ccc;font-size:16px;font-weight:600;margin:0 0 16px}.usage-chart{align-items:flex-end;display:flex;gap:4px;height:180px;padding:0 4px}.chart-bar-wrapper{align-items:center;height:100%;min-width:0}.chart-bar,.chart-bar-wrapper{display:flex;flex:1 1;flex-direction:column}.chart-bar{border-radius:3px 3px 0 0;cursor:pointer;justify-content:flex-end;max-width:40px;overflow:hidden;position:relative;width:100%}.chart-bar-input{background:#3b82f6}.chart-bar-output{background:#8b5cf6;flex:1 1}.chart-label{color:#666;font-size:10px;margin-top:4px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.chart-legend{color:#888;display:flex;font-size:12px;gap:16px;justify-content:center;margin-top:12px}.legend-dot{border-radius:2px;display:inline-block;height:10px;margin-right:4px;vertical-align:middle;width:10px}.legend-dot.input{background:#3b82f6}.legend-dot.output{background:#8b5cf6}.usage-table-wrapper{overflow-x:auto}.usage-table{border-collapse:collapse;font-size:13px;width:100%}.usage-table th{border-bottom:1px solid #333;color:#888;font-size:11px;font-weight:500;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.usage-table td{border-bottom:1px solid #222;padding:10px 12px}.usage-table tbody tr:hover{background:#252535}.model-name{color:#a5b4fc;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:12px}.cost{color:#10b981;font-weight:500}.time{color:#888;font-size:12px}.provider-badge{border-radius:4px;font-size:11px;font-weight:500;padding:2px 8px}.provider-badge.bedrock{background:#1e3a5f;color:#93c5fd}.provider-badge.anthropic{background:#3b1f2b;color:#f9a8d4}.provider-badge.openai{background:#1a2e1a;color:#86efac}.provider-badge.gemini{background:#2e2a1a;color:#fcd34d}.provider-badge.ollama{background:#2a2a2a;color:#d4d4d4}@media (max-width:768px){.usage-header{align-items:flex-start;flex-direction:column;gap:12px}.usage-cards{grid-template-columns:repeat(2,1fr)}.card-value{font-size:22px}}.solution-picker{display:flex;flex-direction:column;gap:.5rem;position:relative}.solution-picker label{color:#999;color:var(--theme-text-secondary,#999);font-family:Figtree,DM Sans,sans-serif;font-size:.9rem;font-weight:500;transition:color .3s ease}.solution-picker.no-keys .manual-input{background:#1f1f1f;background:var(--theme-input-bg,#1f1f1f);border:1px solid #ffffff1a;border:1px solid var(--theme-input-border,#ffffff1a);border-radius:10px;color:#fff;color:var(--theme-input-text,#fff);font-family:Figtree,DM Sans,sans-serif;font-size:.9rem;padding:.75rem;transition:all .2s ease}.solution-picker.no-keys .manual-input:focus{border-color:#60d2cc;box-shadow:0 0 0 3px #60d2cc26;outline:none}.solution-picker.no-keys .hint,.solution-picker.no-keys .manual-input::placeholder{color:#999;color:var(--theme-text-secondary,#999)}.solution-picker.no-keys .hint{font-family:Figtree,DM Sans,sans-serif;font-size:.8rem;margin-top:.25rem}.solution-picker.no-keys .hint a{color:#60d2cc;text-decoration:none}.solution-picker.no-keys .hint a:hover{text-decoration:underline}.solution-picker .picker-trigger{align-items:center;background:#1f1f1f;background:var(--theme-input-bg,#1f1f1f);border:1px solid #ffffff1a;border:1px solid var(--theme-input-border,#ffffff1a);border-radius:10px;color:#fff;color:var(--theme-text-primary,#fff);cursor:pointer;display:flex;justify-content:space-between;min-height:3rem;padding:.75rem;transition:all .2s ease}.solution-picker .picker-trigger:hover:not(.disabled){border-color:#60d2cc}.solution-picker .picker-trigger.open{border-color:#60d2cc;box-shadow:0 0 0 3px #60d2cc26}.solution-picker .picker-trigger.disabled{cursor:not-allowed;opacity:.6}.solution-picker .placeholder{color:#999;color:var(--theme-text-secondary,#999);font-family:Figtree,DM Sans,sans-serif}.solution-picker .chevron{color:#999;color:var(--theme-text-secondary,#999);font-size:.75rem;margin-left:.5rem;transition:color .3s ease}.solution-picker .selected-solution{align-items:center;display:flex;flex:1 1;gap:.75rem;justify-content:space-between}.solution-picker .solution-info{display:flex;flex-direction:column;gap:.125rem}.solution-picker .selected-solution .solution-title{color:#fff;color:var(--theme-text-primary,#fff);font-family:Figtree,DM Sans,sans-serif;font-weight:500}.solution-picker .selected-solution .solution-id{color:#999;color:var(--theme-text-secondary,#999);font-family:Figtree,DM Sans,sans-serif;font-size:.75rem}.solution-picker .clear-btn{background:#ffffff1a;background:var(--theme-btn-bg,#ffffff1a);border:none;border-radius:6px;color:#999;color:var(--theme-text-secondary,#999);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .15s ease}.solution-picker .clear-btn:hover{background:#ffffff26;background:var(--theme-btn-hover-bg,#ffffff26);color:#fff;color:var(--theme-text-primary,#fff)}.solution-picker .picker-dropdown{background:#0a0a14;background:var(--theme-dropdown-bg,#0a0a14);border:1px solid #ffffff1a;border:1px solid var(--theme-border-subtle,#ffffff1a);border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;left:0;margin-top:.5rem;max-height:400px;position:absolute;right:0;top:100%;z-index:1000}.solution-picker .search-box{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--theme-border-subtle,#ffffff14);display:flex;padding:.75rem}.solution-picker .search-box input{background:#0000;border:none;color:#fff;color:var(--theme-text-primary,#fff);flex:1 1;font-family:Figtree,DM Sans,sans-serif;font-size:.9rem;padding:.5rem}.solution-picker .search-box input:focus{outline:none}.solution-picker .clear-search,.solution-picker .search-box input::placeholder{color:#999;color:var(--theme-text-secondary,#999)}.solution-picker .clear-search{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:color .15s ease}.solution-picker .clear-search:hover{color:#fff;color:var(--theme-text-primary,#fff)}.solution-picker .solutions-list{flex:1 1;min-height:0;overflow-y:auto}.solution-picker .solution-item{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--theme-border-subtle,#ffffff0d);cursor:pointer;padding:.75rem;transition:background .15s ease}.solution-picker .solution-item:last-child{border-bottom:none}.solution-picker .solution-item:hover{background:#ffffff0d;background:var(--theme-btn-hover-bg,#ffffff0d)}.solution-picker .solution-item.selected{background:#60d2cc1a;background:var(--theme-btn-active-bg,#60d2cc1a)}.solution-picker .solution-content{align-items:flex-start;display:flex;gap:.75rem}.solution-picker .solution-thumb{background:#0003;background:var(--theme-btn-bg,#0003);border-radius:8px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.solution-picker .solution-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.solution-picker .solution-details .solution-title{color:#fff;color:var(--theme-text-primary,#fff);font-family:Figtree,DM Sans,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.solution-picker .solution-description{color:#999;color:var(--theme-text-secondary,#999);font-family:Figtree,DM Sans,sans-serif;font-size:.8rem;line-height:1.4}.solution-picker .solution-meta{color:#666;color:var(--theme-text-secondary,#666);font-family:Figtree,DM Sans,sans-serif;font-size:.75rem}.solution-picker .empty-state,.solution-picker .error-state,.solution-picker .loading-state{align-items:center;color:#999;color:var(--theme-text-secondary,#999);display:flex;flex-direction:column;font-family:Figtree,DM Sans,sans-serif;gap:.75rem;justify-content:center;padding:2rem;text-align:center}.solution-picker .loading-state .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border:2px solid var(--theme-border-subtle,#ffffff1a);border-radius:50%;border-top:2px solid #60d2cc;height:24px;width:24px}.solution-picker .error-state{color:#ef4444}.solution-picker .error-state button{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;cursor:pointer;font-family:Figtree,DM Sans,sans-serif;font-size:.85rem;padding:.5rem 1rem;transition:all .15s ease}.solution-picker .error-state button:hover{background:#ef444433}.solution-picker .load-more-btn{background:#0000;border:none;border-top:1px solid #ffffff14;border-top:1px solid var(--theme-border-subtle,#ffffff14);color:#60d2cc;cursor:pointer;font-family:Figtree,DM Sans,sans-serif;font-size:.9rem;padding:.75rem;transition:background .15s ease;width:100%}.solution-picker .load-more-btn:hover:not(:disabled){background:#60d2cc1a;background:var(--theme-btn-active-bg,#60d2cc1a)}.solution-picker .load-more-btn:disabled{cursor:not-allowed;opacity:.6}.picker-dropdown.picker-dropdown-portal{margin-top:0;right:auto;z-index:10000}[data-theme=light] .solution-picker .picker-dropdown{background:#fff;border-color:#1919191a}.task-panel{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg-solid);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);margin-bottom:var(--spacing-md);overflow:hidden;padding:0;position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-base);z-index:10}.task-panel:hover{border-color:var(--border-accent)}.task-panel.collapsed{padding-bottom:0}.task-panel-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.task-panel-header:hover{background:var(--bg-hover)}.task-panel-title{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.task-panel-icon{color:var(--accent-primary);flex-shrink:0;height:16px;width:16px}.task-panel-title h3{color:var(--text-primary);font-size:14px;font-weight:var(--font-semibold);letter-spacing:.3px;margin:0}.task-count-badge{background:var(--bg-hover);border-radius:var(--radius-md);color:var(--text-secondary);font-size:11px;font-weight:var(--font-medium);padding:2px 8px}.task-count-badge.waiting{animation:waitingPulse 2s ease-in-out infinite;font-style:italic;opacity:.7}@keyframes waitingPulse{0%,to{opacity:.7}50%{opacity:.4}}.task-panel.empty{opacity:.85}.task-panel.empty .task-panel-header{padding:6px var(--spacing-md)}.task-hierarchy-badge{background:#86c4f61a;border-radius:var(--radius-sm);color:var(--accent-secondary);font-size:10px;padding:2px 6px}.active-agent-indicator{align-items:center;background:linear-gradient(135deg,#ffd70026,#ffd7000d);background:linear-gradient(135deg,rgba(var(--agent-color-rgb,255,215,0),.15),rgba(var(--agent-color-rgb,255,215,0),.05));background-color:color-mix(in srgb,var(--agent-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--agent-color) 30%,#0000);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:11px;gap:6px;margin-left:auto;margin-right:8px;overflow:hidden;padding:4px 10px;position:relative}.active-agent-icon{font-size:14px;line-height:1}.active-agent-name{font-weight:var(--font-medium);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-agent-pulse{animation:agentPulse 1.5s ease-in-out infinite;background:gold;background:var(--agent-color,gold);border-radius:50%;box-shadow:0 0 4px gold;box-shadow:0 0 4px var(--agent-color,gold);height:6px;left:4px;position:absolute;top:50%;transform:translateY(-50%);width:6px}@keyframes agentPulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(.8)}}.task-panel-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.task-add-btn,.task-panel-expand-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.task-add-btn:hover,.task-panel-expand-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.task-add-btn{font-size:18px;font-weight:var(--font-light)}.task-panel-expand-btn{font-size:10px}.task-progress-container{align-items:center;display:flex;gap:10px;padding:0 var(--spacing-md) var(--spacing-sm)}.task-progress-bar{background:var(--bg-hover);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.task-progress-fill{background:var(--gradient-success);border-radius:2px;box-shadow:0 0 8px #10b98166;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.task-progress-text{color:var(--text-secondary);font-size:11px;min-width:32px;text-align:right}.task-panel-content{animation:slideDown .2s ease-out;padding:0 var(--spacing-md) var(--spacing-md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.task-list.task-tree{max-height:clamp(120px,25vh,280px);overflow-y:auto;scrollbar-color:var(--border-primary) #0000;scrollbar-width:thin}.task-list.task-tree::-webkit-scrollbar{width:4px}.task-list.task-tree::-webkit-scrollbar-track{background:#0000}.task-list.task-tree::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.task-tree-item{position:relative}.task-subtasks-container{margin-left:var(--spacing-sm);padding-left:var(--spacing-sm);position:relative}.task-tree-line{background:linear-gradient(to bottom,var(--border-accent) 0,#0000 100%);bottom:8px;position:absolute;top:0;width:1px}.task-item{align-items:flex-start;border-radius:var(--radius-sm);display:flex;gap:6px;margin:2px 0;min-height:32px;padding:var(--spacing-sm);position:relative;transition:all var(--transition-fast)}.task-item:hover{background:var(--bg-hover)}.task-item.has-subtasks{background:#60d2cc08}.task-item.has-subtasks:hover{background:#60d2cc0f}.task-tree-item.depth-1 .task-item:before{background:var(--border-accent);content:"";height:1px;left:8px;opacity:.3;position:absolute;top:50%;width:8px}.task-tree-item.depth-2 .task-item:before{background:var(--accent-purple);opacity:.3}.task-tree-item.depth-3 .task-item:before{background:var(--accent-warning);opacity:.3}.task-expand-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-xs);color:var(--accent-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:8px;height:18px;justify-content:center;opacity:.7;padding:2px var(--spacing-xs);transition:all var(--transition-fast);width:18px}.task-expand-toggle:hover{background:var(--theme-accent-bg);opacity:1}.task-tree-spacer{flex-shrink:0;width:18px}.task-status-indicator{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.task-status-icon{font-size:14px;line-height:1}.status-pending .task-status-icon{color:var(--text-muted)}.status-in_progress .task-status-icon{animation:pulse 1.5s ease-in-out infinite;color:var(--accent-secondary)}.status-completed .task-status-icon{color:var(--accent-success)}.status-cancelled .task-status-icon{color:var(--accent-danger);opacity:.6}.task-content-wrapper{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-width:0}.task-content{color:var(--text-primary);font-size:13px;line-height:1.4;word-break:break-word}.task-item.has-subtasks .task-content{font-weight:var(--font-medium)}.status-completed .task-content{opacity:.6;text-decoration:line-through}.status-cancelled .task-content{opacity:.4;text-decoration:line-through}.task-subtask-badge{background:#86c4f626;border-radius:var(--radius-sm);color:var(--accent-secondary);font-size:9px;font-weight:var(--font-semibold);padding:2px 6px;white-space:nowrap}.task-subtask-badge.complete{background:#10b98126;color:var(--accent-success)}.task-agent-badge{background:var(--theme-accent-bg);border-radius:var(--radius-xs);color:var(--accent-primary);font-size:10px;font-weight:var(--font-medium);padding:2px 6px;text-transform:capitalize;white-space:nowrap}.task-agent-badge.completed{background:#10b98126;color:var(--accent-success)}.task-agent-badge.working{animation:workingPulse 1.5s ease-in-out infinite;background:#f59e0b26;color:#f59e0b;color:var(--accent-warning,#f59e0b)}@keyframes workingPulse{0%,to{opacity:1}50%{opacity:.6}}.task-delete-btn{align-items:center;animation:fadeIn .15s ease-out forwards;background:#ef444433;border:none;border-radius:var(--radius-xs);color:var(--accent-danger);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:20px}.task-delete-btn:hover{background:#ef44444d;transform:translateY(-50%) scale(1.1)}.task-add-form{animation:slideDown .2s ease-out;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.task-add-form input{background:var(--input-bg);border:1px solid var(--theme-input-border);border-radius:var(--radius-sm);color:var(--theme-input-text);flex:1 1;font-size:13px;outline:none;padding:var(--spacing-sm) var(--spacing-sm);transition:all var(--transition-fast)}.task-add-form input::placeholder{color:var(--text-placeholder)}.task-add-form input:focus{background:var(--bg-active);border-color:var(--border-focus)}.task-add-form button{background:var(--gradient-primary);border:1px solid var(--border-accent);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.task-add-form button:hover:not(:disabled){box-shadow:0 4px 12px #60d2cc4d;transform:translateY(-1px)}.task-add-form button:disabled{cursor:not-allowed;opacity:.5}.task-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:#fca5a5;font-size:12px;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm)}.task-loading{color:var(--text-secondary);font-size:13px;padding:var(--spacing-md);text-align:center}.task-stats-summary{border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.task-stats-summary span{border-radius:var(--radius-sm);font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}.stat-in-progress{background:#86c4f61a;color:var(--accent-secondary)}.stat-pending{background:var(--bg-hover);color:var(--text-secondary)}[data-theme=light] .task-panel{background:#fffffff2;border-color:var(--theme-border-default)}[data-theme=light] .task-item:hover{background:#00000008}[data-theme=light] .task-item.has-subtasks{background:#60d2cc0d}[data-theme=light] .task-item.has-subtasks:hover{background:#60d2cc14}[data-theme=light] .task-add-form input{background:#fff;border-color:#19191926;color:#020202}[data-theme=light] .task-add-form input:focus{background:#fff}[data-theme=light] .task-error{color:#dc2626}@media (max-width:768px){.task-panel{border-radius:var(--radius-sm)}.task-panel-header{padding:10px 12px}.task-panel-content{padding:0 12px 12px}.task-list.task-tree{max-height:clamp(100px,20vh,200px)}.task-hierarchy-badge{display:none}}.publish-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.publish-modal{animation:slideUp .3s ease;background:#111;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 24px 48px #00000080;max-width:480px;overflow:hidden;width:100%}[data-theme=light] .publish-modal{background:#fff;border-color:#0000001a;box-shadow:0 24px 48px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.publish-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.publish-modal-header h2{color:#fff;font-family:Figtree,sans-serif;font-size:18px;font-weight:600;margin:0}.publish-close-btn{background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;padding:4px;transition:all .2s}.publish-close-btn:hover{background:#ffffff1a;color:#fff}.publish-modal-content{display:flex;flex-direction:column;gap:20px;padding:24px}.publish-loading{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:12px;justify-content:center;padding:40px}.publish-status-badge{align-items:center;background:#22c55e26;border:1px solid #22c55e4d;border-radius:20px;color:#22c55e;display:inline-flex;font-family:Figtree,sans-serif;font-size:13px;font-weight:500;gap:8px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.publish-status-badge .status-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.publish-field{display:flex;flex-direction:column;gap:8px}.publish-field label{color:#fff9;font-family:Figtree,sans-serif;font-size:13px;font-weight:500}.publish-url-input{align-items:center;background:#0006;border:1px solid #ffffff1a;border-radius:10px;display:flex;padding:0 14px;transition:border-color .2s}.publish-url-input:focus-within{border-color:#60d2cc80}.publish-url-input .url-prefix,.publish-url-input .url-suffix{color:#ffffff59;font-family:Figtree,sans-serif;font-size:14px;white-space:nowrap}.publish-url-input input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Figtree,sans-serif;font-size:14px;min-width:100px;outline:none;padding:12px 4px}.publish-url-input input::placeholder{color:#ffffff40}.publish-url-input input:disabled{opacity:.6}.subdomain-available{align-items:center;color:#22c55e;display:flex;margin-left:8px}.publish-field-error{color:#f87171;font-family:Figtree,sans-serif;font-size:12px;margin:0}.publish-visibility-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.visibility-option{align-items:flex-start;background:#0000004d;border:1px solid #ffffff14;border-radius:10px;color:#fff9;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s}.visibility-option:hover{background:#ffffff08;border-color:#ffffff26}.visibility-option.active{background:#60d2cc1a;border-color:#60d2cc66;color:#fff}.visibility-option svg{color:inherit;flex-shrink:0;margin-top:2px}.visibility-option.active svg{color:#60d2cc}.visibility-text{display:flex;flex-direction:column;gap:2px}.visibility-title{font-family:Figtree,sans-serif;font-size:14px;font-weight:500}.visibility-desc{font-family:Figtree,sans-serif;font-size:12px;opacity:.6}.visibility-option:disabled{cursor:not-allowed;opacity:.5}.publish-password-input{align-items:center;background:#0006;border:1px solid #ffffff1a;border-radius:10px;display:flex;overflow:hidden}.publish-password-input:focus-within{border-color:#60d2cc80}.publish-password-input input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Figtree,sans-serif;font-size:14px;outline:none;padding:12px 14px}.publish-password-input input::placeholder{color:#ffffff40}.publish-password-input .password-toggle{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-family:Figtree,sans-serif;font-size:13px;font-weight:500;padding:12px 14px;transition:color .2s}.publish-password-input .password-toggle:hover{color:#fff}.publish-progress{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;padding:16px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-status{color:#ffffffb3}.progress-percent,.progress-status{font-family:Figtree,sans-serif;font-size:14px}.progress-percent{color:#60d2cc;font-weight:600}.progress-bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#60d2cc,#06b6d4);border-radius:3px;height:100%;transition:width .3s ease}.publish-error{background:#ef44441a;border:1px solid #ef444440;border-radius:10px;padding:12px 16px}.publish-error p{color:#f87171;font-family:Figtree,sans-serif;font-size:13px;margin:0}.publish-live-section{background:#22c55e14;border:1px solid #22c55e33;border-radius:10px;padding:14px 16px}.publish-live-url{align-items:center;display:flex;gap:10px}.publish-live-url svg{color:#22c55e;flex-shrink:0}.live-url-text{color:#fff;flex:1 1;font-family:SF Mono,Fira Code,monospace;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-action-btn{align-items:center;background:#ffffff14;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.url-action-btn:hover{background:#ffffff26;color:#fff}.publish-modal-footer{border-top:1px solid #ffffff14;display:flex;justify-content:flex-end;padding:20px 24px}.publish-actions{display:flex;gap:12px;width:100%}.publish-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.publish-btn.primary{background:linear-gradient(90deg,#60d2cd00,#60d2cd40);border:1px solid #60d2cc59;color:#fff;flex:1 1}.publish-btn.primary:hover:not(:disabled){background:linear-gradient(90deg,#60d2cd1a,#60d2cd59);border-color:#60d2cc80}.publish-btn.secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffb3}.publish-btn.secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#fff}.publish-btn.danger{background:#ef44441a;border:1px solid #ef444440;color:#f87171}.publish-btn.danger:hover:not(:disabled){background:#ef444426;border-color:#ef444459}.publish-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.publish-spinner{align-items:center;display:flex;justify-content:center}.publish-spinner svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:520px){.publish-modal{margin:16px;max-width:none}.publish-visibility-options{grid-template-columns:1fr}.publish-actions{flex-direction:column-reverse}}[data-theme=light] .publish-modal-header{border-color:#00000014}[data-theme=light] .publish-modal-header h2{color:#1a1a2e}[data-theme=light] .publish-close-btn{color:#0006}[data-theme=light] .publish-close-btn:hover{background:#0000000d;color:#1a1a2e}[data-theme=light] .publish-field label{color:#00000080}[data-theme=light] .publish-url-input{background:#00000008;border-color:#0000001a}[data-theme=light] .publish-url-input .url-prefix,[data-theme=light] .publish-url-input .url-suffix{color:#0006}[data-theme=light] .publish-url-input input{color:#1a1a2e}[data-theme=light] .publish-url-input input::placeholder{color:#0000004d}[data-theme=light] .publish-url-input:focus-within{border-color:#60d2cc99}[data-theme=light] .visibility-option{background:#00000005;border-color:#00000014;color:#0009}[data-theme=light] .visibility-option:hover{background:#0000000a;border-color:#00000026}[data-theme=light] .visibility-option.active{background:#60d2cc1a;border-color:#60d2cc66;color:#1a1a2e}[data-theme=light] .publish-password-input{background:#00000008;border-color:#0000001a}[data-theme=light] .publish-password-input input{color:#1a1a2e}[data-theme=light] .publish-password-input:focus-within{border-color:#60d2cc99}[data-theme=light] .publish-progress{background:#00000008;border-color:#00000014}[data-theme=light] .progress-status{color:#000000b3}[data-theme=light] .progress-bar{background:#00000014}[data-theme=light] .live-url-text{color:#1a1a2e}[data-theme=light] .url-action-btn{background:#0000000d;color:#0009}[data-theme=light] .url-action-btn:hover{background:#0000001a;color:#1a1a2e}[data-theme=light] .publish-modal-footer{border-color:#00000014}[data-theme=light] .publish-btn.primary{background:linear-gradient(90deg,#60d2cc99,#60d2cc1a);border-color:#60d2cc59;color:#020202}[data-theme=light] .publish-btn.primary:hover:not(:disabled){background:linear-gradient(90deg,#60d2ccbf,#60d2cc33)}[data-theme=light] .publish-btn.secondary{background:#0000000a;border-color:#0000001a;color:#0009}[data-theme=light] .publish-btn.secondary:hover:not(:disabled){background:#00000014;color:#1a1a2e}.session-boot-screen{align-items:center;background:linear-gradient(135deg,#0a0a0a,#141414 50%,#0a0a0a);border-radius:16px;display:flex;height:100%;justify-content:center;width:100%}.session-boot-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:40px;text-align:center}.session-boot-spinner{animation:session-boot-spin 1s linear infinite;border:3px solid #60d2cc26;border-radius:50%;border-top-color:#60d2cc;height:52px;margin-bottom:8px;width:52px}@keyframes session-boot-spin{to{transform:rotate(1turn)}}.session-boot-title{color:#fff;font-family:Figtree,sans-serif;font-size:20px;font-weight:600;margin:0;min-height:28px}.session-boot-secondary{align-items:center;color:#fff9;display:flex;font-family:Figtree,sans-serif;font-size:14px;gap:6px}.session-boot-check{color:#60d2cc;font-weight:700}.session-boot-hint{color:#ffffff59;font-family:Figtree,sans-serif;font-size:13px;margin:4px 0 0}.session-boot-phases{align-items:center;display:flex;gap:24px;margin-top:24px}.session-boot-phase{align-items:center;color:#ffffff40;display:flex;font-family:Figtree,sans-serif;font-size:12px;gap:6px;transition:color .3s ease}.session-boot-phase.active{color:#60d2cc}.session-boot-phase.done{color:#ffffff80}.session-boot-phase-dot{background:#ffffff26;border-radius:50%;height:8px;transition:background .3s ease,box-shadow .3s ease;width:8px}.session-boot-phase.active .session-boot-phase-dot{background:#60d2cc;box-shadow:0 0 8px #60d2cc80}.session-boot-phase.done .session-boot-phase-dot{background:#60d2cc80}.session-boot-error-icon{align-items:center;background:#ef444426;border-radius:50%;color:#ef4444;display:flex;font-family:Figtree,sans-serif;font-size:28px;font-weight:700;height:52px;justify-content:center;margin-bottom:8px;width:52px}.session-boot-error-message{color:#ffffff8c;font-family:Figtree,sans-serif;font-size:14px;line-height:1.5;margin:0;max-width:320px}.session-boot-retry-btn{background:linear-gradient(135deg,#60d2cc,#4db8b2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;margin-top:8px;padding:10px 28px;transition:opacity .2s ease,transform .1s ease}.session-boot-retry-btn:hover{opacity:.9}.session-boot-retry-btn:active{transform:scale(.97)}
/*# sourceMappingURL=main.3d631d88.css.map*/