@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/flow/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/flow/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/flow/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/flow/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/flow/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/flow/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/flow/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/flow/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/flow/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/flow/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/flow/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/flow/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/flow/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/flow/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.sidebar{background-color:var(--palette-common-white);border-right:1px solid var(--palette-common-grey-200);flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:transform .3s,width .3s;display:flex;overflow:hidden}.sidebar.sidebar-hidden{border-right:none;width:0;transform:translate(-260px)}.sidebar-top{flex-direction:column;flex:1;gap:8px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar-header{align-items:center;gap:12px;padding:8px;display:flex}.sidebar-menu-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.sidebar-menu-button:hover{background-color:var(--palette-background-neutral-100)}.menu-icon{color:var(--palette-common-grey-700);font-size:20px}.sidebar-title{font-family:var(--main-font);color:var(--palette-common-grey-700);margin:0;font-size:20px;font-weight:400}.sidebar-title.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.sidebar-title.clickable:hover{color:var(--palette-action-primary-default)}.sidebar-logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;transition:opacity .2s;display:flex}.sidebar-logo:hover{opacity:.8}.sidebar-logo-image{object-fit:contain;width:auto;height:48px}.new-chat-button{border:1px solid var(--palette-common-grey-200);cursor:pointer;font-family:var(--main-font);font-size:var(--main-size);width:100%;color:var(--palette-common-grey-700);background:0 0;border-radius:24px;align-items:center;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.new-chat-button:hover{background-color:var(--palette-background-neutral-50)}.new-chat-icon{font-size:18px}.sidebar-section{margin-top:16px}.sidebar-section-title{font-family:var(--main-font);color:var(--palette-common-grey-700);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;padding:8px 16px;font-size:12px;font-weight:500}.conversations-list{flex-direction:column;gap:2px;display:flex}.sidebar-search-wrapper{align-items:center;margin-bottom:4px;padding:0 8px;display:flex;position:relative}.sidebar-search-icon{color:var(--palette-common-grey-500);pointer-events:none;position:absolute;left:20px}.sidebar-search-input{box-sizing:border-box;border:1px solid var(--palette-common-grey-200);background:var(--palette-background-neutral-50,#f5f5f5);width:100%;color:var(--palette-common-grey-800);font-family:var(--main-font);font-size:calc(var(--main-size) - 1px);border-radius:16px;outline:none;padding:7px 28px 7px 30px;transition:border-color .2s}.sidebar-search-input:focus{border-color:var(--accent-primary,#00b4d8);background:#fff}.sidebar-search-input::placeholder{color:var(--palette-common-grey-400)}.sidebar-search-clear{cursor:pointer;color:var(--palette-common-grey-400);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex;position:absolute;right:18px}.sidebar-search-clear:hover{color:var(--palette-common-grey-700)}.running-agents-list{flex-direction:column;gap:4px;display:flex}.agent-item{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);font-family:var(--main-font);font-size:calc(var(--main-size) - 1px);color:var(--palette-common-grey-700);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.agent-icon{flex-shrink:0;font-size:16px}.agent-session-id{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:12px;overflow:hidden}.agent-stop-button{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:14px;transition:background-color .2s;display:flex}.agent-stop-button:hover{background-color:var(--palette-error-light)}.conversation-item{cursor:pointer;font-family:var(--main-font);font-size:var(--main-size);text-align:left;color:var(--palette-common-grey-700);background:0 0;border:none;border-radius:20px;align-items:center;gap:12px;width:100%;padding:10px 16px;transition:background-color .2s;display:flex}.conversation-item:hover{background-color:var(--palette-background-neutral-100)}.conversation-item.active{background-color:var(--palette-background-neutral-200)}.conversation-icon{flex-shrink:0;font-size:16px}.conversation-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading-conversations,.no-conversations{text-align:center;font-family:var(--main-font);font-size:calc(var(--main-size) - 1px);color:var(--palette-common-grey-700);padding:16px;font-style:italic}.sidebar-bottom{border-top:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);padding:12px 8px}.sidebar-settings-button{cursor:pointer;font-family:var(--main-font);font-size:var(--main-size);width:100%;color:var(--palette-common-grey-700);background:0 0;border:1px solid #0000;border-radius:24px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;transition:all .2s;display:flex}.sidebar-settings-button:hover{background-color:var(--palette-background-neutral-100);border-color:var(--palette-common-grey-200)}.sidebar-settings-button.active{background-color:var(--palette-background-neutral-200);border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default);font-weight:500}.settings-icon{flex-shrink:0;font-size:18px}.sidebar-connections-section{flex-direction:column;gap:8px;display:flex}.sidebar-bottom .connections-container{padding:0}.sidebar-bottom .connections-title{padding:4px 8px}.sidebar-bottom .connections-list{background-color:var(--palette-common-white);border-radius:8px;overflow:hidden}.sidebar-bottom .connection-item:first-child{border-top:1px solid var(--palette-common-grey-200)}.sidebar-bottom .add-connection-button{margin-top:8px}.dark-mode .sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1a1a24cc;border-right:1px solid #ffffff1a}.dark-mode .sidebar-header{border-bottom:1px solid #ffffff0d}.dark-mode .sidebar-logo{color:var(--text-primary)}.dark-mode .new-conversation-button{background:var(--palette-action-primary-default);color:#fff;border:none;box-shadow:0 4px 12px #0000004d}.dark-mode .new-conversation-button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #0006}.dark-mode .conversation-item{color:var(--text-secondary);background-color:#0000;border:1px solid #0000}.dark-mode .agent-item{border-color:var(--palette-action-primary-default);color:var(--text-secondary);box-shadow:inset 0 0 0 100px var(--palette-action-primary-default);filter:opacity(.15);background-color:#0000}.dark-mode .agent-stop-button:hover{background-color:#ef44444d}.dark-mode .conversation-item:hover{border-color:var(--palette-action-primary-default);color:var(--text-primary);box-shadow:inset 0 0 0 100px var(--palette-action-primary-default);filter:opacity(.1)brightness(1.2)}.dark-mode .conversation-item.active{border:1px solid var(--palette-action-primary-default);color:var(--text-primary);box-shadow:inset 0 0 0 100px var(--palette-action-primary-default);filter:opacity(.15)brightness(1.2);font-weight:600}.dark-mode .delete-conversation-button{color:var(--text-tertiary)}.dark-mode .delete-conversation-button:hover{color:#ef4444;background-color:#ef44441a}.dark-mode .sidebar-settings-button{color:var(--text-secondary);background-color:#0000;border:1px solid #ffffff1a}.dark-mode .sidebar-settings-button:hover{border-color:var(--palette-action-primary-default);color:var(--text-primary);box-shadow:inset 0 0 0 100px var(--palette-action-primary-default);filter:opacity(.1)brightness(1.2)}.dark-mode .sidebar-settings-button.active{border:1px solid var(--palette-action-primary-default);color:var(--text-primary);box-shadow:inset 0 0 0 100px var(--palette-action-primary-default);filter:opacity(.15)brightness(1.2);font-weight:600}.dark-mode .sidebar-bottom .connections-list{background-color:#0000}.dark-mode .sidebar-bottom .connection-item{color:var(--text-secondary);border-top:1px solid #ffffff0d}.dark-mode .sidebar-bottom .connection-item:hover{box-shadow:inset 0 0 0 100px var(--palette-action-primary-default);filter:opacity(.08)brightness(1.2)}.cyber-icon{color:var(--icon-color,currentColor);cursor:inherit;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.cyber-icon-glow svg{filter:drop-shadow(0 0 2px)drop-shadow(0 0 4px);transition:filter .3s}.cyber-icon-glow:hover svg{filter:drop-shadow(0 0 3px)drop-shadow(0 0 6px)drop-shadow(0 0 9px)}.cyber-icon[onclick]:hover,.cyber-icon.clickable:hover{cursor:pointer;transform:scale(1.1)}.cyber-icon[onclick]:active,.cyber-icon.clickable:active{transform:scale(.95)}@keyframes cyber-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.cyber-pulse{animation:2s ease-in-out infinite cyber-pulse}@keyframes cyber-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cyber-spinner{animation:1s linear infinite cyber-spin}.dark-mode .cyber-icon{color:var(--accent-primary,#e0e7ff)}.dark-mode .cyber-icon-glow svg{filter:drop-shadow(0 0 2px #e0e7ff)drop-shadow(0 0 4px #e0e7ff80)}.dark-mode .cyber-icon-glow:hover svg{filter:drop-shadow(0 0 3px #e0e7ff)drop-shadow(0 0 6px #e0e7ff)drop-shadow(0 0 9px #e0e7ff66)}.theme-noctis .cyber-icon{color:var(--accent-primary,#e0f2fe)}.theme-noctis .cyber-icon-glow svg{filter:drop-shadow(0 0 2px #e0f2fe)drop-shadow(0 0 4px #e0f2fe80)}.theme-noctis .cyber-icon-glow:hover svg{filter:drop-shadow(0 0 3px #e0f2fe)drop-shadow(0 0 6px #e0f2fe)drop-shadow(0 0 9px #e0f2fe66)}.theme-github .cyber-icon{color:var(--accent-primary,#dbeafe)}.theme-github .cyber-icon-glow svg{filter:drop-shadow(0 0 2px #dbeafe)drop-shadow(0 0 4px #dbeafe80)}.theme-github .cyber-icon-glow:hover svg{filter:drop-shadow(0 0 3px #dbeafe)drop-shadow(0 0 6px #dbeafe)drop-shadow(0 0 9px #dbeafe66)}.theme-synthwave .cyber-icon{color:var(--accent-primary,#fce7f3)}.theme-synthwave .cyber-icon-glow svg{filter:drop-shadow(0 0 2px #fce7f3)drop-shadow(0 0 4px #fce7f399)}.theme-synthwave .cyber-icon-glow:hover svg{filter:drop-shadow(0 0 3px #fce7f3)drop-shadow(0 0 6px #ff7edb)drop-shadow(0 0 12px #ff7edb80)}.theme-hackerx-green .cyber-icon{color:var(--text-primary,#00ff41)}.theme-hackerx-green .cyber-icon-glow svg{filter:drop-shadow(0 0 2px #00ff41)drop-shadow(0 0 4px #00ff4199)}.theme-hackerx-green .cyber-icon-glow:hover svg{filter:drop-shadow(0 0 3px #00ff41)drop-shadow(0 0 6px #00ff41)drop-shadow(0 0 12px #00ff4180)}.theme-hackerx-ocean .cyber-icon{color:var(--text-primary,#00d4ff)}.theme-hackerx-ocean .cyber-icon-glow svg{filter:drop-shadow(0 0 2px #00d4ff)drop-shadow(0 0 4px #00d4ff99)}.theme-hackerx-ocean .cyber-icon-glow:hover svg{filter:drop-shadow(0 0 3px #00d4ff)drop-shadow(0 0 6px #00d4ff)drop-shadow(0 0 12px #00d4ff80)}.theme-monokai .cyber-icon,.theme-catppuccin-latte .cyber-icon,:root .cyber-icon{color:var(--accent-primary,#1976d2)}.theme-monokai .cyber-icon-glow svg,.theme-catppuccin-latte .cyber-icon-glow svg,:root .cyber-icon-glow svg{filter:drop-shadow(0 0 1px #1976d24d)}:root .cyber-icon-glow:hover svg,.theme-monokai .cyber-icon-glow:hover svg,.theme-catppuccin-latte .cyber-icon-glow:hover svg{filter:drop-shadow(0 0 2px)drop-shadow(0 0 4px #1976d240)}.theme-catppuccin-frappe .cyber-icon,.theme-catppuccin-macchiato .cyber-icon,.theme-catppuccin-mocha .cyber-icon{color:var(--accent-primary,#89b4fa)}.theme-catppuccin-frappe .cyber-icon-glow svg,.theme-catppuccin-macchiato .cyber-icon-glow svg,.theme-catppuccin-mocha .cyber-icon-glow svg{filter:drop-shadow(0 0 2px)drop-shadow(0 0 4px #89b4fa80)}.theme-catppuccin-frappe .cyber-icon-glow:hover svg,.theme-catppuccin-macchiato .cyber-icon-glow:hover svg,.theme-catppuccin-mocha .cyber-icon-glow:hover svg{filter:drop-shadow(0 0 3px)drop-shadow(0 0 6px)drop-shadow(0 0 9px #89b4fa66)}.cyber-icon.warning{color:#fbbf24}.cyber-icon.warning svg{filter:drop-shadow(0 0 2px #fbbf24)drop-shadow(0 0 4px #fbbf2499)}.cyber-icon.error{color:#ef4444}.cyber-icon.error svg{filter:drop-shadow(0 0 2px #ef4444)drop-shadow(0 0 4px #ef444499)}.cyber-icon.success{color:#10b981}.cyber-icon.success svg{filter:drop-shadow(0 0 2px #10b981)drop-shadow(0 0 4px #10b98199)}.cyber-icon.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cyber-icon.small{width:16px;height:16px}.cyber-icon.medium{width:20px;height:20px}.cyber-icon.large{width:24px;height:24px}.cyber-icon.xlarge{width:32px;height:32px}.cyber-icon-connected:before{content:"";opacity:.3;background:currentColor;width:2px;height:8px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.cyber-icon-connected:after{content:"";opacity:.5;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 0 4px}@keyframes cyber-glitch{0%,to{opacity:1;transform:translate(0)}20%{opacity:.8;transform:translate(-2px,2px)}40%{opacity:.8;transform:translate(2px,-2px)}60%{opacity:.8;transform:translate(-2px,-2px)}80%{opacity:.8;transform:translate(2px,2px)}}.cyber-icon.glitch:hover svg{animation:.3s cyber-glitch}.cyber-icon-scanline{position:relative;overflow:hidden}.cyber-icon-scanline:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#ffffff0d 50%,#0000 100%);animation:2s linear infinite scanline;position:absolute;inset:0}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.org-selector{padding:0 12px 8px;position:relative}.org-selector-caption{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:4px;font-size:10px}.org-button{border:1px solid var(--border-color,#ffffff1f);background:var(--background-secondary,#ffffff0a);width:100%;color:inherit;cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.org-button:hover{background:var(--background-hover,#ffffff14)}.org-info{min-width:0}.org-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.org-sub{opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.org-dropdown{z-index:1000;border:1px solid var(--border-color,#ffffff1f);background:var(--background-primary,#1e1e1e);border-radius:8px;max-height:320px;margin-top:4px;position:absolute;left:12px;right:12px;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.org-option{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.org-option:hover{background:var(--background-hover,#ffffff14)}.org-option.active{background:var(--background-selected,#3b82f626)}.org-option.no-access{opacity:.55}.org-option-info{min-width:0}.org-option-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.org-option-sub{opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.org-check{color:var(--accent-color,#3b82f6);flex-shrink:0}.user-avatar{cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 16px #3b82f64d}.user-avatar:active{transform:scale(.98)}.user-avatar-image{object-fit:cover;width:100%;height:100%}.user-avatar-initial{color:#fff;font-weight:600;font-family:var(--main-font);-webkit-user-select:none;user-select:none}.user-avatar-badge{color:#fff;border:2px solid var(--palette-common-white);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.notification-item{border-bottom:1px solid var(--border-color,#0000001a);cursor:pointer;gap:12px;padding:16px;transition:background .2s;display:flex;position:relative}.notification-item:hover{background:var(--hover-bg,#00000005)}.notification-item.unread{background:var(--unread-bg,#2196f30d)}.notification-item.unread:hover{background:var(--unread-hover-bg,#2196f314)}.notification-item-icon{background:var(--icon-bg,#0000000d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notification-item-icon svg{width:20px;height:20px}.notification-item.info .notification-item-icon{background:var(--info-bg,#2196f31a);color:var(--info-color,#2196f3)}.notification-item.success .notification-item-icon{background:var(--success-bg,#4caf501a);color:var(--success-color,#4caf50)}.notification-item.warning .notification-item-icon{background:var(--warning-bg,#ff98001a);color:var(--warning-color,#ff9800)}.notification-item.error .notification-item-icon{background:var(--error-bg,#f443361a);color:var(--error-color,#f44336)}.notification-item.system .notification-item-icon{background:var(--system-bg,#9c27b01a);color:var(--system-color,#9c27b0)}.notification-item-content{flex:1;min-width:0}.notification-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.notification-item-title{color:var(--text-color,#333);margin:0;font-size:14px;font-weight:600;line-height:1.4}.notification-item-time{color:var(--text-secondary,#666);white-space:nowrap;flex-shrink:0;font-size:12px}.notification-item-message{color:var(--text-secondary,#666);word-wrap:break-word;margin:0 0 12px;font-size:13px;line-height:1.5}.notification-item-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-item-action-button{border:1px solid var(--border-color,#0000001a);cursor:pointer;color:var(--text-secondary,#666);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.notification-item-action-button:hover{background:var(--hover-bg,#0000000d);border-color:var(--border-hover,#0003)}.notification-item-action-button.primary{background:var(--primary-color,#1976d2);border-color:var(--primary-color,#1976d2);color:#fff}.notification-item-action-button.primary:hover{background:var(--primary-hover,#1565c0);border-color:var(--primary-hover,#1565c0)}.notification-item-action-button.delete{color:var(--error-color,#f44336);border-color:#0000;padding:4px 8px}.notification-item-action-button.delete:hover{background:var(--error-bg,#f443361a);border-color:var(--error-color,#f44336)}.notification-item-action-button svg{width:14px;height:14px}.notification-item-unread-indicator{background:var(--primary-color,#1976d2);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.notification-item.urgent .notification-item-title:before{content:"!";text-align:center;background:var(--error-color,#f44336);color:#fff;border-radius:50%;width:16px;height:16px;margin-right:4px;font-size:12px;font-weight:700;line-height:16px;display:inline-block}.notification-item.high .notification-item-title{color:var(--warning-color,#ff9800)}.notification-item.acknowledged{opacity:.7}.notification-item.acknowledged .notification-item-title{text-decoration:line-through}.dark-mode .notification-item{border-bottom-color:var(--border-color)}.dark-mode .notification-item:hover{background:var(--bg-hover)}.dark-mode .notification-item.unread,.dark-mode .notification-item.unread:hover{background:var(--info-bg)}.dark-mode .notification-item-icon{background:var(--bg-tertiary)}.dark-mode .notification-item-title{color:var(--text-primary)}.dark-mode .notification-item-time,.dark-mode .notification-item-message{color:var(--text-secondary)}.dark-mode .notification-item-action-button{color:var(--text-secondary);border-color:var(--border-color)}.dark-mode .notification-item-action-button:hover{background:var(--bg-hover);border-color:var(--border-hover)}@media (max-width:640px){.notification-item{padding:12px}.notification-item-icon{width:32px;height:32px}.notification-item-icon svg{width:16px;height:16px}.notification-item-title{font-size:13px}.notification-item-message{font-size:12px}.notification-item-action-button{padding:3px 8px;font-size:11px}}.notification-panel{background:var(--bg-color,white);border:1px solid var(--border-color,#0000001a);z-index:1000;border-radius:12px;flex-direction:column;width:400px;max-width:calc(100vw - 32px);max-height:600px;animation:.2s slideUp;display:flex;position:fixed;bottom:80px;left:16px;box-shadow:0 8px 32px #0000001f}@media (max-width:768px){.notification-panel{width:calc(100vw - 32px);bottom:16px;left:50%;transform:translate(-50%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{border-bottom:1px solid var(--border-color,#0000001a);justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-panel-title{color:var(--text-color,#333);margin:0;font-size:18px;font-weight:600}.notification-panel-close{cursor:pointer;color:var(--text-secondary,#666);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.notification-panel-close:hover{background:var(--hover-bg,#0000000d)}.notification-panel-close svg{width:20px;height:20px}.notification-permission-banner{background:var(--info-bg,#e3f2fd);border-bottom:1px solid var(--border-color,#0000001a);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.notification-permission-banner p{color:var(--info-text,#1976d2);margin:0;font-size:13px}.notification-permission-button{background:var(--primary-color,#1976d2);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s}.notification-permission-button:hover{background:var(--primary-hover,#1565c0)}.notification-panel-controls{border-bottom:1px solid var(--border-color,#0000001a);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.notification-filter-tabs{gap:8px;display:flex}.notification-filter-tab{cursor:pointer;color:var(--text-secondary,#666);background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.notification-filter-tab:hover{background:var(--hover-bg,#0000000d)}.notification-filter-tab.active{background:var(--primary-color,#1976d2);color:#fff}.notification-actions{gap:4px;display:flex}.notification-action-button{cursor:pointer;color:var(--text-secondary,#666);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}.notification-action-button:hover{background:var(--hover-bg,#0000000d)}.notification-action-button svg{width:18px;height:18px}.notification-panel-content{flex:1;min-height:200px;overflow-y:auto}.notification-panel-loading{color:var(--text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.notification-spinner{border:3px solid var(--border-color,#0000001a);border-top-color:var(--primary-color,#1976d2);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-panel-empty{color:var(--text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.notification-panel-empty svg{opacity:.3;width:48px;height:48px}.notification-panel-empty p{margin:0;font-size:14px}.notification-list{flex-direction:column;display:flex}.dark-mode .notification-panel{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .notification-panel-title{color:var(--text-primary)}.dark-mode .notification-panel-close{color:var(--text-secondary)}.dark-mode .notification-panel-close:hover{background:var(--bg-hover)}.dark-mode .notification-permission-banner{background:var(--info-bg)}.dark-mode .notification-permission-banner p{color:var(--info-color)}.dark-mode .notification-filter-tab{color:var(--text-secondary)}.dark-mode .notification-filter-tab:hover{background:var(--bg-hover)}.dark-mode .notification-action-button{color:var(--text-secondary)}.dark-mode .notification-action-button:hover{background:var(--bg-hover)}.dark-mode .notification-panel-loading,.dark-mode .notification-panel-empty{color:var(--text-secondary)}@media (max-width:640px){.notification-panel{border-radius:0;width:100%;max-width:none;height:100vh;max-height:100vh;animation:.3s slideUp;position:fixed;top:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.notification-bell-container{display:inline-block;position:relative}.notification-bell-button{cursor:pointer;color:var(--text-color,#333);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.notification-bell-button:hover{background:var(--hover-bg,#0000000d)}.notification-bell-button.disconnected{opacity:.6}.notification-bell-icon{width:24px;height:24px}.notification-badge{background:var(--primary-color,#f44);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0003}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notification-status-indicator{background:var(--warning-color,#ff9800);border:2px solid var(--bg-color,white);border-radius:50%;width:8px;height:8px;animation:2s infinite blink;position:absolute;bottom:6px;right:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.dark-mode .notification-bell-button{color:var(--text-primary)}.dark-mode .notification-bell-button:hover{background:var(--bg-hover)}.dark-mode .notification-status-indicator{border-color:var(--bg-primary)}.news-button-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.news-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ec489933 0%,#8b5cf633 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.news-button:hover{color:#fff;background:linear-gradient(135deg,#ec48994d 0%,#8b5cf64d 100%);transform:scale(1.05)}.news-button:active{transform:scale(.95)}.news-icon{width:20px;height:20px}.news-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-4px;right:-8px;box-shadow:0 2px 8px #ec489966}.news-badge.pulse{animation:2s ease-in-out infinite pulse-animation}@keyframes pulse-animation{0%{transform:scale(1);box-shadow:0 2px 8px #ec489966}50%{transform:scale(1.1);box-shadow:0 4px 16px #ec489999}to{transform:scale(1);box-shadow:0 2px 8px #ec489966}}.dark-mode .news-button{color:var(--text-secondary)}.dark-mode .news-button:hover{background:var(--bg-hover);color:var(--accent-tertiary)}.feedback-button-container{position:relative}.feedback-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex;position:relative}.feedback-button:hover{background:var(--color-surface-hover)}.feedback-button:active{transform:scale(.95)}.feedback-icon{width:20px;height:20px;color:var(--color-text-secondary);transition:color .2s}.feedback-button:hover .feedback-icon{color:var(--color-text-primary)}.dark .feedback-icon{color:var(--color-text-secondary)}.dark .feedback-button:hover .feedback-icon{color:var(--color-text-primary)}.navigation-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .3s;display:flex;position:relative;overflow:hidden}.navigation-sidebar.collapsed{width:72px;overflow:visible}.navigation-sidebar.hidden{transform:translate(-260px)}.nav-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.navigation-sidebar.collapsed .nav-header{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px}.nav-logo{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;transition:opacity .2s;display:flex}.navigation-sidebar.collapsed .nav-logo{gap:0}.nav-logo:hover{opacity:.8}.mia-logo{justify-content:center;align-items:center;display:flex}.nav-logo-label{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.nav-logo-text{color:var(--text-primary);font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1}.nav-logo-beta{text-transform:uppercase;letter-spacing:.05em;color:#60a5fa;background:#60a5fa1f;border:1px solid #60a5fa4d;border-radius:2px;padding:0 3px;font-size:7px;font-weight:600;line-height:1.4}.nav-minimize{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.navigation-sidebar.collapsed .nav-minimize{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;position:absolute;top:16px;right:-32px;box-shadow:0 2px 8px #0003}.nav-minimize:hover{background:var(--shade-light);color:var(--text-primary)}.nav-expand{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.nav-expand:hover{background:var(--shade-light);color:var(--text-primary)}.workspace-selector{background:var(--shade-dark);border-bottom:1px solid var(--border-color);padding:12px 16px;position:relative}.workspace-button{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:0;transition:opacity .2s;display:flex}.workspace-button:hover{opacity:.8}.workspace-avatar{background:var(--mia-gradient);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.theme-monokai .workspace-avatar,.theme-catppuccin-latte .workspace-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%)}.workspace-info{text-align:left;flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.workspace-name{color:var(--text-primary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.dropdown-overlay{z-index:999;position:fixed;inset:0}.tenant-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:1000;border-radius:12px;max-height:300px;padding:6px;position:absolute;top:calc(100% + 4px);left:12px;right:12px;overflow-y:auto;box-shadow:0 8px 32px #0006}.tenant-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:all .2s;display:flex}.tenant-option:hover{background:var(--shade-light)}.tenant-option.active{background:var(--shade-medium);border:1px solid var(--mia-purple-primary)}.tenant-avatar{background:var(--mia-gradient);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.tenant-info{flex:1;min-width:0}.tenant-name{color:var(--text-primary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.tenant-description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.tenant-check{color:var(--mia-purple-primary);flex-shrink:0}.nav-items{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.nav-section-divider{background:var(--border-color);height:1px;margin:6px 4px}.nav-items::-webkit-scrollbar{width:6px}.nav-items::-webkit-scrollbar-track{background:0 0}.nav-items::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.nav-items::-webkit-scrollbar-thumb:hover{background:#fff3}.nav-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:8px;padding:12px 12px 8px;font-size:11px;font-weight:600}.nav-section-title:first-child{margin-top:0}.nav-section-toggle{cursor:pointer;width:100%;color:var(--text-tertiary);background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;transition:background .15s,color .15s;display:flex}.nav-section-toggle:hover{background:var(--bg-hover,#0000000d);color:var(--text-secondary)}.nav-item{cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:all .2s;display:flex;position:relative}.navigation-sidebar.collapsed .nav-item{justify-content:center;padding:10px}.nav-item:hover{background:var(--shade-light);color:var(--text-primary)}.nav-item.active{color:var(--mia-purple-primary);background:#7c3aed26}.nav-item.active:before{content:"";background:var(--mia-purple-primary);border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.navigation-sidebar.collapsed .nav-item.active:before{display:none}.nav-item.no-git-connection{opacity:.45;cursor:not-allowed}.nav-item.no-git-connection:hover{color:var(--text-secondary);background:0 0}.nav-no-git-popup{z-index:10000;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;align-items:flex-start;gap:10px;width:240px;padding:14px 16px;animation:.2s navPopupSlideIn;display:flex;position:fixed;box-shadow:0 8px 32px #0000002e}@keyframes navPopupSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.nav-no-git-popup-content{color:var(--text-primary,#1a1a2e);flex-direction:column;flex:1;gap:6px;font-size:13px;display:flex}.nav-no-git-popup-link{color:var(--mia-blue,#60a5fa);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.nav-no-git-popup-link:hover{color:var(--mia-blue-hover,#93c5fd)}.nav-no-git-popup-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.nav-no-git-popup-close:hover{color:var(--text-primary)}.nav-item-label{flex:1;font-size:14px;font-weight:500}.nav-item-label-group{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.nav-item-playbook-badge{color:var(--text-tertiary,#71717a);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}.nav-item-keyboard{color:#52525b;font-size:11px;font-weight:500}.nav-item-external-icon{opacity:.5;flex-shrink:0;margin-left:auto}.nav-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:12px;display:flex}.nav-action-card{cursor:pointer;color:#a1a1aa;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.nav-action-card:hover{background:#ffffff0d;border-color:#fff3}.nav-action-card.upgrade{background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf61a 100%);border-color:#3b82f64d}.nav-action-card.upgrade:hover{background:linear-gradient(135deg,#3b82f626 0%,#8b5cf626 100%);border-color:#3b82f666}.nav-action-card .icon{flex-shrink:0}.nav-action-content{flex:1;min-width:0}.nav-action-title{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600}.nav-action-subtitle{color:#71717a;font-size:11px}.nav-user{align-items:center;gap:8px;padding-top:8px;display:flex}.navigation-sidebar.collapsed .nav-user{justify-content:center}.nav-user-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:transform .2s;display:flex}.nav-user-avatar:hover{transform:scale(1.05)}.nav-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.nav-notification{justify-content:center;align-items:center;display:flex;position:relative}.nav-notification .notification-bell-button{color:#a1a1aa;background:#ffffff0d;border-radius:50%;width:36px;height:36px}.nav-notification .notification-bell-button:hover{color:#fff;background:#ffffff1a}@media (max-width:770px){.navigation-sidebar{z-index:1000;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #00000080}.navigation-sidebar.visible{transform:translate(0)}.navigation-sidebar:not(.visible){pointer-events:none}}.nav-playbooks-section{margin:4px 0 2px;padding:0 6px}.nav-playbooks-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:8px 8px 4px;font-size:10px;font-weight:700}.nav-playbook-item{cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);font-size:inherit;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,color .15s;display:flex}.nav-playbook-item:before{display:none}.nav-playbook-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-playbook-item.active{background:color-mix(in srgb,var(--accent-primary)12%,transparent);color:var(--accent-primary)}.nav-playbook-item-dot{display:none}.nav-playbook-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-playbook-item-mode{color:var(--text-muted);opacity:.5;flex-shrink:0;align-items:center;font-size:14px;display:flex}.nav-playbook-placeholder{color:var(--text-tertiary);opacity:.7;font-style:italic}.nav-playbook-placeholder:hover{opacity:1;color:var(--accent-primary)}.nav-playbooks-section .nav-section-toggle{letter-spacing:.06em;text-transform:uppercase;margin-bottom:0;padding:8px 8px 4px;font-size:11px;font-weight:700}.conversations-top-bar{background:#0a0a0a;border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex;overflow:auto hidden}.conversations-top-bar::-webkit-scrollbar{height:4px}.conversations-top-bar::-webkit-scrollbar-track{background:0 0}.conversations-top-bar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.top-new-chat{color:#a1a1aa;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff3;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.top-new-chat:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}.conversation-tabs{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.conversation-tab{color:#71717a;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;min-width:100px;max-width:200px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.conversation-tab:hover{color:#a1a1aa;background:#ffffff0d}.conversation-tab.active{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f64d}.tab-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tab-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.tab-close:hover{opacity:1;background:#ffffff1a}.no-conversations{color:#52525b;padding:8px 12px;font-size:12px;font-style:italic}@media (max-width:768px){.conversations-top-bar{padding:6px 12px}.top-new-chat span{display:none}.conversation-tab{min-width:80px;max-width:150px}}.code-block-wrapper{background-color:#1e1e1e;border-radius:6px;margin:8px 0;overflow:hidden;box-shadow:0 2px 4px #0000001a}.code-block-header{background-color:#2d2d2d;border-bottom:1px solid #3e3e3e;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code-language{color:#858585;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.copy-button{color:#d4d4d4;cursor:pointer;background-color:#3c3c3c;border:1px solid #4c4c4c;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.copy-button:hover{background-color:#4c4c4c;border-color:#5c5c5c}.copy-button:active{transform:scale(.98)}.copy-button.copied{color:#a8e6b8;background-color:#0e6027;border-color:#0e6027}.copy-button svg{flex-shrink:0}.inline-code{color:inherit;background-color:#6e768126;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em}.dark-mode .inline-code{color:#e0e7ff;background-color:#ffffff1a}.code-block-wrapper pre{overflow-x:auto;white-space:pre-wrap!important;word-wrap:break-word!important;word-break:break-all!important;margin:0!important;padding:12px!important;font-size:10px!important;line-height:1.6!important}.code-block-wrapper code{white-space:pre-wrap!important;word-wrap:break-word!important;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important;font-size:10px!important}.code-block-wrapper pre::-webkit-scrollbar{height:8px}.code-block-wrapper pre::-webkit-scrollbar-track{background:#1e1e1e}.code-block-wrapper pre::-webkit-scrollbar-thumb{background:#4c4c4c;border-radius:4px}.code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:#5c5c5c}.simple-text-block{font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;background:0 0;border:none;margin:0;padding:0;display:inline}.text-content-block{font-family:inherit;font-size:inherit;color:inherit;white-space:pre-wrap;word-wrap:break-word;background:0 0;border:none;margin:8px 0;padding:10px 0;line-height:1.5;display:block}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-block-wrapper{background-color:#f6f8fa;box-shadow:0 2px 4px #0000000d}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-block-header{background-color:#e8eaed;border-bottom:1px solid #d1d5da}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-language{color:#586069}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .copy-button{color:#24292e;background-color:#fff;border:1px solid #d1d5da}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .copy-button:hover,.theme-monokai .copy-button:hover,.theme-catppuccin-latte .copy-button:hover,.theme-light-high-contrast .copy-button:hover{background-color:#f3f4f6;border-color:#c4c8cc}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .copy-button.copied{color:#dcffe4;background-color:#22863a;border-color:#22863a}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .inline-code{color:#24292e;background-color:#afb8c133}.theme-monokai .code-block-wrapper,.theme-catppuccin-latte .code-block-wrapper,.theme-light-high-contrast .code-block-wrapper,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-block-wrapper{background-color:#f6f8fa;box-shadow:0 2px 4px #0000000d}.theme-monokai .code-block-header,.theme-catppuccin-latte .code-block-header,.theme-light-high-contrast .code-block-header,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-block-header{background-color:#e8eaed;border-bottom:1px solid #d1d5da}.theme-monokai .code-language,.theme-catppuccin-latte .code-language,.theme-light-high-contrast .code-language,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-language{color:#586069}.theme-monokai .copy-button,.theme-catppuccin-latte .copy-button,.theme-light-high-contrast .copy-button,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .copy-button{color:#24292e;background-color:#fff;border:1px solid #d1d5da}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .copy-button:hover,.theme-monokai .copy-button:hover,.theme-catppuccin-latte .copy-button:hover,.theme-light-high-contrast .copy-button:hover{background-color:#f3f4f6;border-color:#c4c8cc}.theme-monokai .copy-button.copied,.theme-catppuccin-latte .copy-button.copied,.theme-light-high-contrast .copy-button.copied,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .copy-button.copied{color:#dcffe4;background-color:#22863a;border-color:#22863a}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-block-wrapper pre::-webkit-scrollbar-track{background:#f6f8fa}.theme-monokai .code-block-wrapper pre::-webkit-scrollbar-track{background:#f6f8fa}.theme-catppuccin-latte .code-block-wrapper pre::-webkit-scrollbar-track{background:#f6f8fa}.theme-light-high-contrast .code-block-wrapper pre::-webkit-scrollbar-track{background:#f6f8fa}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-block-wrapper pre::-webkit-scrollbar-thumb{background:#c4c8cc}.theme-monokai .code-block-wrapper pre::-webkit-scrollbar-thumb{background:#c4c8cc}.theme-catppuccin-latte .code-block-wrapper pre::-webkit-scrollbar-thumb{background:#c4c8cc}.theme-light-high-contrast .code-block-wrapper pre::-webkit-scrollbar-thumb{background:#c4c8cc}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:#959da5}.theme-monokai .code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:#959da5}.theme-catppuccin-latte .code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:#959da5}.theme-light-high-contrast .code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:#959da5}.theme-monokai .inline-code,.theme-catppuccin-latte .inline-code,.theme-light-high-contrast .inline-code,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .inline-code{color:#24292e;background-color:#afb8c133}.settings-nav{border-bottom:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-white);z-index:9;gap:8px;padding:0 16px;display:flex;position:sticky;top:60px}.settings-nav-item{font-family:var(--main-font);cursor:pointer;color:var(--palette-common-grey-600);background:0 0;border:none;border-bottom:2px solid #0000;padding:11px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;position:relative;bottom:-1px}.settings-nav-item:hover{color:var(--palette-action-primary-default);background-color:var(--palette-background-neutral-50)}.settings-nav-item.active{color:var(--palette-action-primary-default);border-bottom-color:var(--palette-action-primary-default)}.settings-outlet{height:calc(100vh - 186px);overflow-y:auto}@media (max-width:768px){.settings-nav{white-space:nowrap;padding:0 24px;overflow-x:auto}.settings-nav-item{padding:12px 16px;font-size:13px}.settings-outlet{height:calc(100vh - 169px)}}.settings-container{background-color:var(--palette-common-white);flex-direction:column;height:100vh;display:flex;overflow:hidden}.settings-header{border-bottom:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-white);z-index:10;padding:22px 16px;position:sticky;top:0}.settings-header-content{align-items:center;gap:16px;display:flex}.settings-content{flex:1;padding:48px 16px 96px;overflow-y:auto}.settings-sidebar-toggle{cursor:pointer;color:var(--palette-common-grey-700);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.settings-sidebar-toggle:hover{background-color:var(--palette-common-grey-100)}.settings-title{font-family:var(--main-font);color:var(--palette-common-grey-700);margin:0;font-size:24px;font-weight:400}.settings-hero{text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);border-radius:16px;margin-bottom:48px;padding:32px 24px}.settings-hero-icon{margin-bottom:16px;font-size:48px}.settings-hero-title{font-family:var(--main-font);color:var(--palette-common-grey-700);margin:0 0 12px;font-size:28px;font-weight:400}.settings-hero-description{font-family:var(--main-font);color:var(--palette-common-grey-700);max-width:700px;margin:0 auto;font-size:16px;line-height:1.6}.settings-categories{border-bottom:1px solid var(--palette-common-grey-200);gap:8px;margin-bottom:32px;padding-bottom:2px;display:flex}.category-tab{font-family:var(--main-font);font-size:var(--main-size);cursor:pointer;color:var(--palette-common-grey-700);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;transition:all .2s;position:relative;bottom:-2px}.category-tab:hover:not(:disabled){color:var(--palette-action-primary-default)}.category-tab.active{color:var(--palette-action-primary-default);border-bottom-color:var(--palette-action-primary-default);font-weight:500}.category-tab:disabled{opacity:.5;cursor:not-allowed}.settings-section{margin-bottom:48px}.settings-section-title{font-family:var(--main-font);color:var(--palette-common-grey-700);margin:0 0 24px;font-size:20px;font-weight:500}.connection-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.connection-card{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:16px;flex-direction:column;padding:24px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000d}.connection-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.connection-card-header{justify-content:space-between;align-items:flex-start;gap:16px;min-height:56px;margin-bottom:16px;display:flex}.connection-card-icon{background-color:var(--palette-background-neutral-100);width:56px;height:56px;color:var(--palette-common-grey-700);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.connection-card-icon svg{width:32px;height:32px}.connection-card-icon.mia-platform{color:#1976d2;background-color:#e3f2fd}.connection-card-toggle{z-index:1;flex-shrink:0;align-items:center;min-width:48px;display:flex}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--palette-action-primary-default)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.connection-card-body{flex-direction:column;flex:1;gap:8px;display:flex}.connection-card-title{font-family:var(--main-font);color:var(--palette-common-grey-700);margin:0;font-size:18px;font-weight:500}.connection-card-subtitle{font-family:var(--main-font);color:var(--palette-common-grey-700);opacity:.7;margin:0;font-size:14px}.connection-card-description{font-family:var(--main-font);color:var(--palette-common-grey-700);flex:1;margin:8px 0 16px;font-size:14px;line-height:1.5}.connection-card-status{background-color:var(--palette-background-neutral-50);border-radius:8px;flex-direction:column;gap:4px;margin-bottom:12px;padding:12px;display:flex}.status-connected{font-family:var(--main-font);color:#2e7d32;font-size:13px;font-weight:500}.status-disconnected{font-family:var(--main-font);color:#f57c00;font-size:13px;font-weight:500}.status-tools{font-family:var(--main-font);color:var(--palette-common-grey-700);opacity:.8;font-size:12px}.connection-card-learn-more{font-family:var(--main-font);color:var(--palette-action-primary-default);cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 0;font-size:14px;font-weight:500;transition:opacity .2s}.connection-card-learn-more:hover:not(:disabled){opacity:.8;text-decoration:underline}.connection-card-learn-more:disabled{opacity:.5;cursor:not-allowed}.connection-card.add-card{cursor:pointer;border:2px dashed var(--palette-common-grey-300);background-color:var(--palette-background-neutral-50);justify-content:center;align-items:center;min-height:300px;transition:all .3s;display:flex}.connection-card.add-card:hover{border-color:var(--palette-action-primary-default);background-color:var(--palette-background-neutral-100);transform:translateY(-2px)}.connection-card.add-card:active{transform:translateY(0)}.add-card-content{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex}.add-card-icon{background-color:var(--palette-action-primary-default);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .2s;display:flex}.connection-card.add-card:hover .add-card-icon{transform:scale(1.1)}.add-icon-large{color:#fff;font-size:48px;font-weight:300;line-height:1}.add-card-title{font-family:var(--main-font);color:var(--palette-common-grey-700);margin:0;font-size:20px;font-weight:500}.add-card-description{font-family:var(--main-font);color:var(--palette-common-grey-700);opacity:.8;margin:0;font-size:14px}.settings-privacy{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:12px;margin-top:64px;padding:24px}.settings-privacy-title{font-family:var(--main-font);color:var(--palette-common-grey-700);margin:0 0 12px;font-size:18px;font-weight:500}.settings-privacy-text{font-family:var(--main-font);color:var(--palette-common-grey-700);margin:0;font-size:14px;line-height:1.6}.privacy-link{color:var(--palette-action-primary-default);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline;transition:opacity .2s}.privacy-link:hover:not(:disabled){opacity:.8}.privacy-link:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.settings-header{padding:16px 24px}.connection-cards{grid-template-columns:1fr}.settings-hero-title{font-size:24px}.settings-hero-description{font-size:14px}}.settings-advanced-card{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:12px;padding:16px}.settings-field{flex-direction:column;gap:12px;display:flex}.settings-field-header{align-items:center;gap:12px;display:flex}.settings-field-label{font-family:var(--main-font);color:var(--palette-common-grey-700);font-size:16px;font-weight:500}.settings-field-badge{background-color:var(--palette-action-primary-default);color:#fff;text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.settings-field-description{font-family:var(--main-font);color:var(--palette-common-grey-600);margin:0;font-size:14px;line-height:1.5}.settings-field-input-group{align-items:center;gap:12px;display:flex}.settings-field-input{border:1px solid var(--palette-common-grey-300);width:100px;font-family:var(--main-font);color:var(--palette-common-grey-700);border-radius:6px;padding:8px 12px;font-size:14px}.settings-field-input:focus{border-color:var(--palette-action-primary-default);outline:none}.settings-field-saving{font-family:var(--main-font);color:var(--palette-common-grey-500);font-size:12px;font-style:italic}.settings-field-range{flex-direction:column;gap:8px;width:100%;max-width:400px;display:flex}.settings-field-range input[type=range]{background:var(--palette-common-grey-300);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.settings-field-range input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--palette-action-primary-default);cursor:pointer;border-radius:50%;width:18px;height:18px}.settings-field-range input[type=range]::-moz-range-thumb{background:var(--palette-action-primary-default);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.settings-field-range-labels{font-family:var(--main-font);color:var(--palette-common-grey-500);justify-content:space-between;font-size:12px;display:flex}.connection-form{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex-direction:column;gap:16px;padding:16px;display:flex}.form-label{font-family:var(--main-font);color:var(--palette-common-grey-700);font-size:13px;font-weight:500}.form-input{border:1px solid var(--palette-common-grey-300);font-family:var(--main-font);color:var(--palette-common-grey-700);background-color:var(--palette-common-white);border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--palette-action-primary-default);outline:none;box-shadow:0 0 0 3px #0078d41a}.form-help{font-family:var(--main-font);color:var(--palette-common-grey-500);margin:0;font-size:12px}.form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.form-actions button{font-family:var(--main-font);cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.dark-mode .settings-container{background-color:var(--background-primary)}.dark-mode .settings-header{background-color:var(--background-primary);border-bottom-color:#ffffff1a}.dark-mode .settings-title{color:var(--text-primary)}.dark-mode .settings-hero{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%)}.dark-mode .settings-hero-title{color:var(--text-primary)}.dark-mode .settings-hero-description{color:var(--text-secondary)}.dark-mode .settings-content{background-color:var(--background-primary)}.dark-mode .settings-section-title{color:var(--text-primary)}.dark-mode .connection-card{background-color:var(--background-secondary);border-color:#ffffff1a}.dark-mode .connection-card:hover{box-shadow:0 4px 12px #0000004d}.dark-mode .connection-card-icon{color:var(--text-primary);background-color:#ffffff0d}.dark-mode .connection-card-title,.dark-mode .connection-card-subtitle,.dark-mode .connection-card-description{color:var(--text-primary)}.dark-mode .connection-card-status{background-color:#ffffff0d}.dark-mode .connection-card.add-card{background-color:#ffffff08;border-color:#ffffff1a}.dark-mode .connection-card.add-card:hover{border-color:var(--palette-action-primary-default);background-color:#ffffff0d}.dark-mode .add-card-title{color:var(--text-primary)}.dark-mode .add-card-description{color:var(--text-secondary)}.dark-mode .settings-privacy{background-color:#ffffff0d;border-color:#ffffff1a}.dark-mode .settings-privacy-title{color:var(--text-primary)}.dark-mode .settings-privacy-text{color:var(--text-secondary)}.dark-mode .settings-advanced-card{background-color:#ffffff0d;border-color:#ffffff1a}.dark-mode .settings-field-label{color:var(--text-primary)}.dark-mode .settings-field-description{color:var(--text-secondary)}.dark-mode .settings-field-input{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.dark-mode .connection-form{background-color:#ffffff0d;border-color:#ffffff1a}.dark-mode .form-label{color:var(--text-primary)}.dark-mode .form-input{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.dark-mode .form-help{color:var(--text-tertiary)}.connectors-page{box-sizing:border-box;width:100%;height:100%;overflow-y:auto}.connectors-page *{box-sizing:border-box}.connectors-content{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:48px 48px 96px}@media (max-width:1024px){.connectors-content{padding:32px 32px 80px}.connection-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media (max-width:768px){.connectors-content{max-width:600px;padding:24px 20px 64px}.settings-hero{margin-bottom:24px;padding:24px 20px}.settings-hero-title{font-size:24px}.settings-hero-description{font-size:15px;line-height:1.5}.connection-cards{grid-template-columns:1fr;gap:16px}}@media (max-width:480px){.connectors-content{width:100%;padding:16px 16px 48px}.connection-card{border-radius:12px;padding:16px 16px 20px}.settings-hero-icon{margin-bottom:12px;font-size:32px}.settings-hero-title{font-size:20px}.settings-hero-description{font-size:14px}.connection-card-header{min-height:auto;margin-bottom:12px}.connection-card-icon{border-radius:10px;width:48px;height:48px}.connection-card-icon svg{width:24px;height:24px}.connection-card-title{font-size:16px}.connection-card-subtitle{font-size:13px}.connection-card-status{word-break:break-word;padding:10px}.status-connected,.status-disconnected{font-size:12px}}.connection-card-info{background-color:var(--info-bg);border-left:3px solid var(--info-color);color:var(--palette-common-grey-700);border-radius:4px;margin-top:12px;padding:8px 12px;font-size:13px;line-height:1.5}.connection-card-info-title{color:var(--info-color);margin-bottom:4px;font-weight:600;display:block}.advanced-content{width:100%;max-width:1200px;margin:0 auto;padding:48px 48px 96px}.settings-toggle{width:48px;height:24px;margin-right:12px;display:inline-block;position:relative}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{cursor:pointer;background-color:var(--palette-common-grey-300,#ccc);border-radius:24px;transition:all .3s;position:absolute;inset:0}.dark-mode .settings-toggle-slider{background-color:#fff3}.settings-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.settings-toggle input:checked+.settings-toggle-slider{background-color:#00a8ff}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(24px)}.settings-field-toggle-label{color:var(--palette-common-grey-700,#333);vertical-align:middle;font-size:.95rem}.settings-field-info{background:var(--palette-background-neutral-50,#f5f7fa);border-left:3px solid #00a8ff;border-radius:6px;margin-top:1rem;padding:12px}.dark-mode .settings-field-info{background:#ffffff0d}.feature-toggles-container{background:var(--palette-background-neutral-50,#f5f7fa);border:1px solid var(--palette-common-grey-200,#e0e0e0);border-radius:8px;margin-top:1rem;padding:1rem}.dark-mode .feature-toggles-container{background:#ffffff08;border-color:#ffffff1a}.feature-toggle-item{border-bottom:1px solid var(--palette-common-grey-200,#e0e0e0);flex-direction:column;padding:1rem 0;display:flex}.dark-mode .feature-toggle-item{border-bottom-color:#ffffff12}.feature-toggle-item:last-child{border-bottom:none;padding-bottom:0}.feature-toggle-item:first-child{padding-top:0}.feature-toggle-description{color:var(--palette-common-grey-600,#757575);margin:.5rem 0 0 3rem;font-size:.85rem;line-height:1.5}@media (max-width:768px){.advanced-content{padding:24px 16px 64px}}.toast{background-color:var(--bg-card,white);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:320px;max-width:480px;padding:16px 20px;animation:.3s ease-out slideInRight;display:flex;position:relative;box-shadow:0 4px 12px #00000026}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-error{border-left:4px solid var(--error-color,#ef4444);background:var(--error-bg,#fee2e2)}.toast-success{border-left:4px solid var(--success-color,#10b981);background:var(--success-bg,#d1fae5)}.toast-warning{border-left:4px solid var(--warning-color,#f59e0b);background:var(--warning-bg,#fef3c7)}.toast-info{border-left:4px solid var(--info-color,#3b82f6);background:var(--info-bg,#dbeafe)}.dark-mode .toast-error{border-left-color:var(--error-color,#ef4444);background:#7f1d1d}.dark-mode .toast-success{border-left-color:var(--success-color,#10b981);background:#064e3b}.dark-mode .toast-warning{border-left-color:var(--warning-color,#f59e0b);background:#78350f}.dark-mode .toast-info{border-left-color:var(--info-color,#48cae4);background:#1e3a5f}.toast-content{flex:1;align-items:center;gap:12px;display:flex}.toast-icon{filter:brightness(.85)contrast(1.2);font-size:20px;line-height:1}.toast-message{color:var(--text-primary,#1a1a1a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;line-height:1.5}.toast-close{color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;line-height:1;transition:background-color .2s;display:flex}.toast-close:hover{background-color:#0000000d}.toast-container{z-index:999999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:80px;right:20px}.toast-container .toast{pointer-events:auto}.user-settings-content{max-width:1200px;margin:0 auto;padding:32px 48px}:root.dark-mode .user-settings-content{background:var(--palette-background-neutral-default)}.profile-header-card{background:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000001a}:root.dark-mode .profile-header-card{background:var(--palette-background-neutral-elevated);border-color:var(--palette-common-grey-700);box-shadow:0 1px 3px #0000004d}.profile-background{height:120px;position:relative;overflow:hidden}.profile-gradient{background:linear-gradient(135deg,var(--palette-action-primary-default)0%,var(--palette-action-primary-hover)100%);width:100%;height:100%}.profile-info{margin-top:-50px;padding:0 32px 24px;position:relative}.profile-avatar-container{display:inline-block;position:relative}.change-photo-btn{background:var(--palette-common-white);border:2px solid var(--palette-common-white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 4px #0000001a}:root.dark-mode .change-photo-btn{background:var(--palette-background-neutral-elevated);border-color:var(--palette-background-neutral-elevated)}.change-photo-btn:hover{background:var(--palette-action-primary-default);color:var(--palette-common-white);transform:scale(1.1)}.profile-details{margin-top:16px}.profile-name{color:var(--palette-text-primary);font-size:24px;font-weight:600;font-family:var(--main-font);margin:0 0 4px}.profile-email{color:var(--palette-text-secondary);font-size:14px;font-family:var(--main-font);margin:0 0 4px}.profile-userid{color:var(--palette-text-tertiary);font-size:12px;font-family:var(--code-font,"Monaco","Menlo","Consolas",monospace);opacity:.8;margin:0 0 12px}.profile-badges{flex-wrap:wrap;gap:8px;display:flex}.badge{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;font-family:var(--main-font);border-radius:12px;padding:4px 10px}.badge-primary{background:var(--palette-action-primary-default);color:var(--palette-common-white)}.badge-success{background:var(--palette-status-success-default);color:var(--palette-common-white)}.settings-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#00000014);border-radius:12px;margin-bottom:20px;padding:24px;transition:all .2s;box-shadow:0 1px 3px #0000000f}.dark-mode .settings-card,.theme-noctis .settings-card,.theme-github .settings-card,.theme-synthwave .settings-card,.theme-hackerx-green .settings-card,.theme-hackerx-ocean .settings-card,.theme-catppuccin-frappe .settings-card,.theme-catppuccin-macchiato .settings-card,.theme-catppuccin-mocha .settings-card,:root.dark-mode .settings-card{background:var(--palette-background-neutral-elevated,#1c1c1c);border-color:var(--palette-common-grey-700,#ffffff1a);box-shadow:0 1px 3px #0000004d}.settings-card:hover{box-shadow:0 2px 8px #00000014}:root.dark-mode .settings-card:hover,.dark-mode .settings-card:hover,.theme-noctis .settings-card:hover,.theme-github .settings-card:hover,.theme-synthwave .settings-card:hover,.theme-hackerx-green .settings-card:hover,.theme-hackerx-ocean .settings-card:hover,.theme-catppuccin-frappe .settings-card:hover,.theme-catppuccin-macchiato .settings-card:hover,.theme-catppuccin-mocha .settings-card:hover{box-shadow:0 2px 8px #0006}.card-header{border-bottom:1px solid var(--border-color,#00000014);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.dark-mode .card-header,.theme-noctis .card-header,.theme-github .card-header,.theme-synthwave .card-header,.theme-hackerx-green .card-header,.theme-hackerx-ocean .card-header,.theme-catppuccin-frappe .card-header,.theme-catppuccin-macchiato .card-header,.theme-catppuccin-mocha .card-header,:root.dark-mode .card-header{border-bottom-color:var(--palette-common-grey-700,#ffffff1a)}.card-header h3{color:var(--text-primary,#1e2329);font-size:18px;font-weight:600;font-family:var(--main-font);margin:0}.card-content{flex-direction:column;gap:20px;display:flex}.info-row{background:var(--bg-secondary,#f9fafb);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.dark-mode .info-row,.theme-noctis .info-row,.theme-github .info-row,.theme-synthwave .info-row,.theme-hackerx-green .info-row,.theme-hackerx-ocean .info-row,.theme-catppuccin-frappe .info-row,.theme-catppuccin-macchiato .info-row,.theme-catppuccin-mocha .info-row,:root.dark-mode .info-row{background:var(--palette-background-neutral-default)}.info-row:hover{background:var(--palette-background-neutral-100,#f3f4f6)}:root.dark-mode .info-row:hover,.dark-mode .info-row:hover,.theme-noctis .info-row:hover,.theme-github .info-row:hover,.theme-synthwave .info-row:hover,.theme-hackerx-green .info-row:hover,.theme-hackerx-ocean .info-row:hover,.theme-catppuccin-frappe .info-row:hover,.theme-catppuccin-macchiato .info-row:hover,.theme-catppuccin-mocha .info-row:hover{background:var(--palette-common-grey-800,#2d3e5f)}.info-row label{color:var(--palette-text-secondary);font-size:13px;font-weight:600;font-family:var(--main-font)}.info-value{align-items:center;gap:12px;display:flex}.info-value span{color:var(--palette-text-primary);font-size:13px;font-family:var(--main-font)}.edit-btn{border:1px solid var(--palette-common-grey-300);cursor:pointer;color:var(--palette-text-secondary);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;transition:all .2s;display:flex}:root.dark-mode .edit-btn{border-color:var(--palette-common-grey-600)}.edit-btn:hover{background:var(--palette-action-primary-default);color:var(--palette-common-white);border-color:var(--palette-action-primary-default)}.preference-row{background:var(--palette-background-neutral-50);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}:root.dark-mode .preference-row{background:var(--palette-background-neutral-default)}.preference-info{flex-direction:column;gap:4px;display:flex}.preference-info label{color:var(--palette-text-primary);font-size:13px;font-weight:600;font-family:var(--main-font)}.preference-description{color:var(--palette-text-secondary);font-size:12px;font-family:var(--main-font)}.preference-select{border:1px solid var(--palette-common-grey-300);background:var(--palette-common-white);color:var(--palette-text-primary);cursor:pointer;font-size:13px;font-family:var(--main-font);border-radius:6px;padding:6px 12px;transition:all .2s}:root.dark-mode .preference-select{background:var(--palette-background-neutral-elevated);border-color:var(--palette-common-grey-600)}.preference-select:hover{border-color:var(--palette-action-primary-default)}.preference-select:focus{border-color:var(--palette-action-primary-default);box-shadow:0 0 0 3px var(--palette-action-primary-light);outline:none}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--palette-common-grey-400);border-radius:24px;transition:all .3s;position:absolute;inset:0}:root.dark-mode .toggle-slider{background-color:var(--palette-common-grey-600)}.toggle-slider:before{content:"";background-color:var(--palette-common-white);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background:var(--palette-action-primary-default)}input:checked+.toggle-slider:before{transform:translate(20px)}.security-row{background:var(--palette-background-neutral-50);border-radius:8px;align-items:center;gap:16px;padding:12px 16px;display:flex}:root.dark-mode .security-row{background:var(--palette-background-neutral-default)}.security-icon{color:var(--palette-action-primary-default)}.security-info{flex-direction:column;flex:1;gap:4px;display:flex}.security-info label{color:var(--palette-text-primary);font-size:13px;font-weight:600;font-family:var(--main-font)}.security-description{color:var(--palette-text-secondary);font-size:12px;font-family:var(--main-font)}.action-btn{background:var(--palette-common-white);border:1px solid var(--palette-common-grey-300);cursor:pointer;color:var(--palette-text-primary);font-size:13px;font-weight:500;font-family:var(--main-font);border-radius:6px;padding:6px 16px;transition:all .2s}:root.dark-mode .action-btn{background:var(--palette-background-neutral-elevated);border-color:var(--palette-common-grey-600)}.action-btn:hover{background:var(--palette-background-neutral-100);border-color:var(--palette-common-grey-400)}:root.dark-mode .action-btn:hover{background:var(--palette-common-grey-800)}.action-btn-primary{background:var(--palette-action-primary-default);color:var(--palette-common-white);border:none}.action-btn-primary:hover{background:var(--palette-action-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.danger-card{border:1px solid var(--palette-status-error-light)}:root.dark-mode .danger-card{border-color:var(--palette-status-error-default)}.danger-card .card-header{color:var(--palette-status-error-default);border-bottom-color:var(--palette-status-error-light)}:root.dark-mode .danger-card .card-header{border-bottom-color:var(--palette-status-error-default)}.danger-row{background:var(--palette-status-error-light);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}:root.dark-mode .danger-row{background:#dc26261a}.danger-info{flex-direction:column;gap:4px;display:flex}.danger-info label{color:var(--palette-status-error-default);font-size:13px;font-weight:600;font-family:var(--main-font)}.danger-description{color:var(--palette-status-error-dark);font-size:12px;font-family:var(--main-font)}:root.dark-mode .danger-description{color:var(--palette-status-error-light)}.danger-btn{background:var(--palette-common-white);border:1px solid var(--palette-status-error-default);cursor:pointer;color:var(--palette-status-error-default);font-size:13px;font-weight:500;font-family:var(--main-font);border-radius:6px;padding:6px 16px;transition:all .2s}:root.dark-mode .danger-btn{background:var(--palette-background-neutral-elevated)}.danger-btn:hover,.danger-btn-critical{background:var(--palette-status-error-default);color:var(--palette-common-white);border-color:var(--palette-status-error-default)}.danger-btn-critical:hover{background:var(--palette-status-error-dark);border-color:var(--palette-status-error-dark);transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}@media (max-width:768px){.user-settings-content{padding:24px}.profile-info{padding:0 20px 20px}.info-row,.preference-row,.security-row,.danger-row{flex-direction:column;align-items:flex-start;gap:12px}.info-value,.action-btn,.danger-btn{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-color,var(--bg-card,#fff));border:1px solid var(--border-color,#333);border-radius:12px;flex-direction:column;width:90%;min-width:400px;max-width:1000px;max-height:90vh;animation:.3s ease-out slideIn;display:flex;box-shadow:0 8px 32px #0006}.dark-mode .modal-content{background:var(--surface-color,#1e1e1e)}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{border-bottom:1px solid var(--border-color,#333);background:var(--bg-secondary,#252526);align-items:center;gap:12px;padding:20px 24px;display:flex}.modal-icon{flex-shrink:0;font-size:28px}.modal-title{color:var(--text-primary,#e0e0e0);flex:1;margin:0;font-size:18px;font-weight:600}.modal-close-btn{color:var(--text-secondary,#999);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--hover-bg,#2a2a2a);color:var(--text-primary,#e0e0e0)}.modal-message{color:var(--text-secondary,#b0b0b0);margin:0;font-size:14px;line-height:1.6}.modal-input-label{color:var(--text-primary,#e0e0e0);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.modal-input{border:1px solid var(--border-color,#444);background:var(--input-bg,#2a2a2a);width:100%;color:var(--text-primary,#e0e0e0);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.modal-input:focus{border-color:var(--primary-color,#007acc);outline:none;box-shadow:0 0 0 3px #007acc1a}.modal-input::placeholder{color:var(--text-tertiary,#666)}.modal-footer{border-top:1px solid var(--border-color,#333);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:6px;min-width:80px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.modal-btn-cancel{background:var(--button-secondary-bg,#333);color:var(--text-primary,#e0e0e0);border:1px solid var(--border-color,#444)}.modal-btn-cancel:hover:not(:disabled){background:var(--button-secondary-hover,#3a3a3a)}.modal-btn-confirm{background:var(--primary-color,#007acc);color:#fff}.modal-btn-confirm:hover:not(:disabled){background:var(--primary-hover,#0098ff)}.modal-btn-confirm.dangerous{background:var(--danger-color,#d32f2f)}.modal-btn-confirm.dangerous:hover:not(:disabled){background:var(--danger-hover,#f44336)}@media (max-width:1000px){.modal-content{width:95%;min-width:0;margin:0 10px}.modal-header,.modal-body{padding:16px}.modal-footer{padding:12px 16px}}.creation-error-modal{width:50%;max-width:800px}@media (max-width:1200px){.creation-error-modal{width:70%}}@media (max-width:768px){.creation-error-modal{width:95%}}.create-project-modal{background:var(--bg-secondary,#16213e)!important;border:1px solid #7c3aed33!important;width:92%!important;max-width:500px!important;max-height:78vh!important;box-shadow:0 20px 60px #00000080,0 0 0 1px #7c3aed1a!important}.create-project-modal .modal-header{background:linear-gradient(135deg,#7c3aed2e 0%,#00b4d81f 100%)!important;border-bottom:1px solid #7c3aed40!important;padding:14px 18px!important}.create-project-modal .modal-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e1e8ed 0%,#90a4ae 100%);-webkit-background-clip:text;background-clip:text;font-size:15px!important;font-weight:600!important}.create-project-modal .modal-body{flex-direction:column!important;flex:1!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.create-project-form{box-sizing:border-box;flex-direction:column;height:100%;display:flex;overflow:hidden}.form-scroll-body{box-sizing:border-box;flex-direction:column;flex:1;gap:10px;padding:14px 18px;display:flex;overflow:hidden auto}.form-scroll-body::-webkit-scrollbar{width:4px}.form-scroll-body::-webkit-scrollbar-track{background:0 0}.form-scroll-body::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px}.form-group{box-sizing:border-box;flex-direction:column;gap:5px;display:flex}.form-group label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary,#90a4ae);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.form-control-static{background:var(--bg-card,#1a1a2e);color:var(--text-primary,#e1e8ed);box-sizing:border-box;border:1px solid #7c3aed33;border-radius:6px;width:100%;padding:7px 10px;font-size:13px}.form-group textarea,.form-group .form-select,.form-group input[type=text]{background:var(--bg-card,#1a1a2e);color:var(--text-primary,#e1e8ed);box-sizing:border-box;resize:vertical;border:1px solid #7c3aed33;border-radius:6px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group .form-select:focus{border-color:var(--accent-primary,#00b4d8);outline:none;box-shadow:0 0 0 2px #00b4d81f}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary,#6b7a87)}.form-group input[type=text]:disabled,.form-group textarea:disabled,.form-group .form-select:disabled{color:var(--text-tertiary,#6b7a87);cursor:not-allowed;background:#ffffff08}.form-hint{color:var(--text-tertiary,#6b7a87);font-size:11px;font-style:italic}.templates-loading,.templates-error,.templates-empty{text-align:center;box-sizing:border-box;border:1px solid #7c3aed33;border-radius:6px;padding:14px;font-size:13px}.templates-loading{color:var(--text-secondary,#90a4ae);justify-content:center;align-items:center;gap:10px;display:flex}.templates-error{color:#ef5350;background:#ef44441a;border-color:#ef44444d}.templates-empty{background:var(--bg-card,#1a1a2e);color:var(--text-secondary,#90a4ae)}.templates-list{flex-direction:column;gap:8px;padding:2px;display:flex}.template-card{background:var(--bg-card,#1a1a2e);cursor:pointer;text-align:left;box-sizing:border-box;border:1px solid #7c3aed33;border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .2s;display:flex}.template-card:hover:not(:disabled),.template-card.selected{border-color:var(--accent-primary,#00b4d8);background:var(--bg-hover,#2d3e5f)}.template-card:disabled{cursor:not-allowed;opacity:.6}.template-header{justify-content:space-between;align-items:center;display:flex}.template-name{color:var(--text-primary,#e1e8ed);font-size:13px;font-weight:600}.template-check{color:var(--accent-primary,#00b4d8);font-size:16px;font-weight:700}.template-description{color:var(--text-secondary,#90a4ae);font-size:12px;line-height:1.4}.form-actions{background:var(--bg-secondary,#16213e);box-sizing:border-box;border-top:1px solid #7c3aed33;flex-shrink:0;justify-content:flex-end;gap:8px;padding:10px 18px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-secondary:hover:not(:disabled){color:var(--text-primary,#e1e8ed);background:#ffffff0d;border-color:#7c3aed66}.btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#00b4d8 100%);border:none}.btn-sm{padding:4px 10px;font-size:12px}.spinner{border:2px solid #00b4d833;border-top-color:var(--accent-primary,#00b4d8);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}.spinner-small{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}.name-suggestion-panel{box-sizing:border-box;background:#00b4d812;border:1px solid #00b4d84d;border-radius:6px;padding:10px 12px;animation:.25s ease-out slideIn}.name-suggestion-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.name-suggestion-header strong{color:var(--text-primary,#e1e8ed);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.name-suggestion-original{color:var(--text-tertiary,#6b7a87);margin-bottom:3px;font-size:12px}.name-suggestion-value{color:var(--accent-primary,#00b4d8);margin-bottom:8px;font-size:14px;font-weight:600}.name-suggestion-actions{gap:6px;display:flex}.generating-name-indicator{color:var(--text-secondary,#90a4ae);box-sizing:border-box;background:#7c3aed12;border:1px solid #7c3aed33;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;animation:.2s ease-out fadeIn;display:flex}.dark-mode .create-project-form,.theme-noctis .create-project-form,.theme-github .create-project-form,.theme-synthwave .create-project-form,.theme-hackerx-green .create-project-form,.theme-hackerx-ocean .create-project-form,.theme-monokai .create-project-form,.theme-catppuccin-frappe .create-project-form,.theme-catppuccin-macchiato .create-project-form,.theme-catppuccin-mocha .create-project-form{color:var(--text-primary)}.dark-mode .form-control-static,.dark-mode .form-group textarea,.dark-mode .form-group .form-select,.theme-noctis .form-control-static,.theme-github .form-control-static,.theme-synthwave .form-control-static,.theme-hackerx-green .form-control-static,.theme-hackerx-ocean .form-control-static,.theme-monokai .form-control-static,.theme-catppuccin-frappe .form-control-static,.theme-catppuccin-macchiato .form-control-static,.theme-catppuccin-mocha .form-control-static,.theme-noctis .form-group textarea,.theme-noctis .form-group .form-select,.theme-github .form-group textarea,.theme-github .form-group .form-select,.theme-synthwave .form-group textarea,.theme-synthwave .form-group .form-select,.theme-hackerx-green .form-group textarea,.theme-hackerx-green .form-group .form-select,.theme-hackerx-ocean .form-group textarea,.theme-hackerx-ocean .form-group .form-select,.theme-monokai .form-group textarea,.theme-monokai .form-group .form-select,.theme-catppuccin-frappe .form-group textarea,.theme-catppuccin-frappe .form-group .form-select,.theme-catppuccin-macchiato .form-group textarea,.theme-catppuccin-macchiato .form-group .form-select,.theme-catppuccin-mocha .form-group textarea,.theme-catppuccin-mocha .form-group .form-select,.dark-mode .form-group input[type=text],.theme-noctis .form-group input[type=text],.theme-github .form-group input[type=text],.theme-synthwave .form-group input[type=text],.theme-hackerx-green .form-group input[type=text],.theme-hackerx-ocean .form-group input[type=text],.theme-monokai .form-group input[type=text],.theme-catppuccin-frappe .form-group input[type=text],.theme-catppuccin-macchiato .form-group input[type=text],.theme-catppuccin-mocha .form-group input[type=text]{background:var(--bg-card,#1a1a2e);border-color:var(--border-color,#7c3aed40);color:var(--text-primary,#e1e8ed)}.dark-mode .form-group input[type=text]::placeholder,.dark-mode .form-group textarea::placeholder{color:var(--text-tertiary,#6b7a87)}.dark-mode .form-group input[type=text]:focus,.dark-mode .form-group textarea:focus,.dark-mode .form-group .form-select:focus{border-color:var(--accent-primary,#00b4d8)}.dark-mode .form-group input[type=text]:disabled,.dark-mode .form-group textarea:disabled,.dark-mode .form-group .form-select:disabled{background:var(--bg-secondary,#16213e);color:var(--text-tertiary,#6b7a87)}.dark-mode .form-group label{color:var(--text-primary,#e1e8ed)}.dark-mode .form-hint{color:var(--text-secondary,#90a4ae)}.dark-mode .templates-error{color:#ef5350;background:#ef44441a;border-color:#ef444466}.dark-mode .templates-empty{background:var(--bg-card,#1a1a2e);border-color:var(--border-color,#7c3aed26);color:var(--text-secondary,#90a4ae)}.dark-mode .template-card{background:var(--bg-card,#1a1a2e);border-color:var(--border-color,#7c3aed40)}.dark-mode .template-card:hover:not(:disabled),.dark-mode .template-card.selected{border-color:var(--accent-primary,#00b4d8);background:var(--bg-hover,#2d3e5f)}.dark-mode .template-name{color:var(--text-primary,#e1e8ed)}.dark-mode .template-description{color:var(--text-secondary,#90a4ae)}.dark-mode .form-actions{border-top-color:var(--border-color,#7c3aed26)}.dark-mode .btn-secondary{background:var(--bg-card,#1a1a2e);color:var(--text-primary,#e1e8ed);border-color:var(--border-color,#7c3aed40)}.dark-mode .btn-secondary:hover:not(:disabled){background:var(--bg-hover,#2d3e5f)}.dark-mode .name-suggestion-panel{background-color:var(--bg-card,#1a1a2e);border-color:var(--accent-primary,#00b4d8)}.dark-mode .name-suggestion-header strong{color:var(--text-primary,#e1e8ed)}.dark-mode .name-suggestion-original{color:var(--text-secondary,#90a4ae)}.dark-mode .name-suggestion-value{color:var(--accent-primary,#00b4d8)}.dark-mode .generating-name-indicator{background-color:var(--bg-card,#1a1a2e);border-color:var(--border-color,#7c3aed40);color:var(--text-primary,#e1e8ed)}.dark-mode .spinner:before{background:var(--accent-primary,#00b4d8)}.modal-content{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-close-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:all .2s;display:flex}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.folder-form{padding:1.5rem}.error-message{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.parent-folder-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.info-label{color:#999;font-size:.875rem}.parent-folder-name{color:#3b82f6;font-size:.875rem;font-weight:500}.required{color:#ef4444}.form-input,.form-textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-input:focus,.form-textarea:focus{background:#ffffff14;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.color-palette{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:.5rem;display:grid}.color-option{cursor:pointer;border:2px solid #0000;border-radius:8px;width:36px;height:36px;transition:all .2s;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #fff3}.color-option.selected:after{content:"✓";color:#fff;text-shadow:0 1px 2px #00000080;font-size:1rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-option:disabled{opacity:.5;cursor:not-allowed}.modal-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-secondary{color:#e5e5e5;background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.project-card{cursor:pointer;aspect-ratio:5/4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00000014;border-radius:16px;width:100%;max-width:100%;height:auto;min-height:320px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a}.dark-mode .project-card,.theme-noctis .project-card,.theme-github .project-card,.theme-synthwave .project-card,.theme-hackerx-green .project-card,.theme-hackerx-ocean .project-card,.theme-catppuccin-frappe .project-card,.theme-catppuccin-macchiato .project-card,.theme-catppuccin-mocha .project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141418d9;border:1px solid #ffffff1f;box-shadow:0 8px 24px #0006,0 2px 8px #0003}.project-card:hover{border-color:var(--accent-primary,#3b82f6);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 48px #3b82f640,0 8px 24px #0000001f,0 0 0 2px #3b82f61a}.dark-mode .project-card:hover,.theme-noctis .project-card:hover,.theme-github .project-card:hover,.theme-synthwave .project-card:hover,.theme-hackerx-green .project-card:hover,.theme-hackerx-ocean .project-card:hover,.theme-catppuccin-frappe .project-card:hover,.theme-catppuccin-macchiato .project-card:hover,.theme-catppuccin-mocha .project-card:hover{border-color:#60a5fa;box-shadow:0 20px 48px #60a5fa4d,0 8px 24px #0009,0 0 0 2px #60a5fa26}.favorite-button{z-index:10;cursor:pointer;color:#fcd34d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #00000040}.theme-monokai .favorite-button,.theme-catppuccin-latte .favorite-button,.theme-light-high-contrast .favorite-button,:root .favorite-button{color:#f59e0b;background:#fffffff2;border:1px solid #0000001a;box-shadow:0 2px 12px #0003}.favorite-button:hover{background:#000000e6;border-color:#ffffff40;transform:scale(1.15);box-shadow:0 6px 20px #0006}.theme-monokai .favorite-button:hover,.theme-catppuccin-latte .favorite-button:hover{background:#fff;transform:scale(1.15);box-shadow:0 4px 16px #0000004d}.favorite-button.active{color:#fcd34d;text-shadow:0 0 12px #fcd34dcc,0 0 24px #fcd34d66}.theme-monokai .favorite-button.active,.theme-catppuccin-latte .favorite-button.active{color:#f59e0b;text-shadow:0 0 8px #f59e0b99}.favorite-button:disabled{opacity:.4;cursor:not-allowed;transform:scale(1)!important}.project-background{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:linear-gradient(135deg,#7c3aed33 0%,#00b4d833 100%);width:100%;height:100%;position:absolute;inset:0}.project-placeholder{background:linear-gradient(135deg,var(--accent-primary,#6b23e8ea)50%,var(--accent-secondary,#09d1fa26)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.theme-monokai .project-placeholder,.theme-catppuccin-latte .project-placeholder,.theme-light-high-contrast .project-placeholder,:root .project-placeholder{background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 60%,#e0f2fe 100%)}.dark-mode .project-placeholder,.theme-noctis .project-placeholder,.theme-github .project-placeholder,.theme-synthwave .project-placeholder,.theme-hackerx-green .project-placeholder,.theme-hackerx-ocean .project-placeholder,.theme-catppuccin-frappe .project-placeholder,.theme-catppuccin-macchiato .project-placeholder,.theme-catppuccin-mocha .project-placeholder{background:linear-gradient(135deg,var(--accent-primary,#6b23e8ea)50%,var(--accent-secondary,#09d1fa26)100%)}.project-placeholder svg{opacity:.4;filter:drop-shadow(0 4px 8px #0000004d)}.theme-monokai .project-placeholder svg,.theme-catppuccin-latte .project-placeholder svg,.theme-light-high-contrast .project-placeholder svg,:root .project-placeholder svg{opacity:.35;filter:invert()drop-shadow(0 2px 4px #0000001a)}.dark-mode .project-placeholder svg,.theme-noctis .project-placeholder svg,.theme-github .project-placeholder svg,.theme-synthwave .project-placeholder svg,.theme-hackerx-green .project-placeholder svg,.theme-hackerx-ocean .project-placeholder svg,.theme-catppuccin-frappe .project-placeholder svg,.theme-catppuccin-macchiato .project-placeholder svg,.theme-catppuccin-mocha .project-placeholder svg{opacity:.4;filter:drop-shadow(0 4px 8px #0000004d)}.project-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0000004d 30%,#000000d9 100%);position:absolute;inset:0}.theme-monokai .project-overlay,.theme-catppuccin-latte .project-overlay,.theme-light-high-contrast .project-overlay,:root .project-overlay{background:linear-gradient(#0000 0%,#00000026 30%,#000000a6 100%)}.project-info{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0009 0%,#000000d9 40%,#000000e6 100%);flex-direction:column;gap:.5rem;padding:1.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.theme-monokai .project-info,.theme-catppuccin-latte .project-info,.theme-light-high-contrast .project-info,:root .project-info{background:linear-gradient(#fff0 0%,#ffffffed 40%,#fffffff7 100%)}.dark-mode .project-info,.theme-noctis .project-info,.theme-github .project-info,.theme-synthwave .project-info,.theme-hackerx-green .project-info,.theme-hackerx-ocean .project-info,.theme-catppuccin-frappe .project-info,.theme-catppuccin-macchiato .project-info,.theme-catppuccin-mocha .project-info{background:linear-gradient(#000000b3 0%,#000000e6 40%,#000000f2 100%)}.project-creator{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.creator-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:600;display:flex;overflow:hidden;box-shadow:0 2px 8px #0003}.creator-avatar img{object-fit:cover;width:100%;height:100%}.creator-details{flex:1;min-width:0}h3.project-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 3px 16px #000000e6,0 2px 8px #000c,0 1px 4px #000000b3;letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.5rem;font-weight:700;line-height:1.2;overflow:hidden}.theme-monokai h3.project-name,.theme-catppuccin-latte h3.project-name,.theme-light-high-contrast h3.project-name,:root h3.project-name{color:#1e1e2e;text-shadow:none}.project-date{color:#fffffff2;text-shadow:0 2px 8px #000000e6,0 1px 4px #000000b3;margin:0;font-size:.875rem;font-weight:500}.theme-monokai .project-date,.theme-catppuccin-latte .project-date,.theme-light-high-contrast .project-date,:root .project-date{color:#282846bf;text-shadow:none}.project-technologies{flex-wrap:wrap;gap:.5rem;margin-top:.875rem;display:flex}.technology-badge{color:#fff;text-transform:lowercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#10b981;border:1px solid #ffffff26;border-radius:16px;align-items:center;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0003}.technology-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.technology-badge.more-badge{cursor:help;background-color:#ffffff26;border-color:#fff3}.context-menu-button{z-index:10;cursor:pointer;color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:16px;right:64px;box-shadow:0 4px 12px #00000040}.theme-monokai .context-menu-button,.theme-catppuccin-latte .context-menu-button,:root .context-menu-button{color:#000000b3;background:#fffffff2;border:1px solid #0000001a;box-shadow:0 2px 12px #0003}.context-menu-button:hover{color:#fff;background:#000000e6;border-color:#ffffff40;transform:scale(1.15);box-shadow:0 6px 20px #0006}.theme-monokai .context-menu-button:hover,.theme-catppuccin-latte .context-menu-button:hover{color:#000000e6;background:#fff;transform:scale(1.15);box-shadow:0 4px 16px #0000004d}.folder-context-menu{z-index:10000;background:#2a2a2a;border:1px solid #fff3;border-radius:8px;flex-direction:column;width:200px;max-height:400px;padding:.5rem;animation:.2s slideDown;display:flex;box-shadow:0 8px 24px #0006}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:2000px;padding-top:16px;padding-bottom:16px}}.folder-menu-header{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.folder-menu-item{cursor:pointer;color:#ffffffe6;border-radius:6px;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;transition:background .2s;display:flex}.folder-menu-item:hover{background:#ffffff1a}.folder-menu-item svg{opacity:.8;flex-shrink:0}.folder-menu-item span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.folder-menu-items-container{max-height:320px;overflow:hidden auto}.folder-menu-items-container::-webkit-scrollbar{width:6px}.folder-menu-items-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.folder-menu-items-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.folder-menu-items-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.project-description{color:#fff;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;text-shadow:0 2px 12px #000,0 1px 6px #000000e6,0 0 24px #000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:1px solid #ffffff1a;border-radius:10px;-webkit-box-orient:vertical;min-height:3em;max-height:3em;margin-top:.5rem;margin-bottom:.5rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.theme-monokai .project-description,.theme-catppuccin-latte .project-description,.theme-light-high-contrast .project-description,:root .project-description{color:#1e1e2e;text-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-color:#00000014}.dark-mode .project-description,.theme-noctis .project-description,.theme-github .project-description,.theme-synthwave .project-description,.theme-hackerx-green .project-description,.theme-hackerx-ocean .project-description,.theme-catppuccin-frappe .project-description,.theme-catppuccin-macchiato .project-description,.theme-catppuccin-mocha .project-description{color:#fff;text-shadow:0 2px 12px #000,0 1px 6px #000000e6;background:#000000bf;border-color:#ffffff26}.project-metadata{border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.875rem;display:flex}.project-metadata-item{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.project-metadata-item:hover{color:#fff;background:#ffffff2e;border-color:#ffffff40;transform:translateY(-1px)}.project-metadata-item svg{opacity:.85;flex-shrink:0}.project-metadata-item span{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.theme-monokai .project-metadata,.theme-catppuccin-latte .project-metadata,.theme-light-high-contrast .project-metadata,:root .project-metadata{border-top-color:#0000001a}.theme-monokai .project-metadata-item,.theme-catppuccin-latte .project-metadata-item,.theme-light-high-contrast .project-metadata-item,:root .project-metadata-item{color:#1e1e2ecc;background:#0000000f;border-color:#0000001a}:root .project-metadata-item:hover,.theme-monokai .project-metadata-item:hover,.theme-catppuccin-latte .project-metadata-item:hover,.theme-light-high-contrast .project-metadata-item:hover{color:#1e1e2e;background:#0000001a;border-color:#00000026}.dark-mode .project-metadata,.theme-noctis .project-metadata,.theme-github .project-metadata,.theme-synthwave .project-metadata,.theme-hackerx-green .project-metadata,.theme-hackerx-ocean .project-metadata,.theme-catppuccin-frappe .project-metadata,.theme-catppuccin-macchiato .project-metadata,.theme-catppuccin-mocha .project-metadata{border-top-color:#ffffff26}.dark-mode .project-metadata-item,.theme-noctis .project-metadata-item,.theme-github .project-metadata-item,.theme-synthwave .project-metadata-item,.theme-hackerx-green .project-metadata-item,.theme-hackerx-ocean .project-metadata-item,.theme-catppuccin-frappe .project-metadata-item,.theme-catppuccin-macchiato .project-metadata-item,.theme-catppuccin-mocha .project-metadata-item{color:#fffc;background:#ffffff1a;border-color:#ffffff26}.dark-mode .project-metadata-item:hover,.theme-noctis .project-metadata-item:hover,.theme-github .project-metadata-item:hover,.theme-synthwave .project-metadata-item:hover,.theme-hackerx-green .project-metadata-item:hover,.theme-hackerx-ocean .project-metadata-item:hover,.theme-catppuccin-frappe .project-metadata-item:hover,.theme-catppuccin-macchiato .project-metadata-item:hover,.theme-catppuccin-mocha .project-metadata-item:hover{color:#fff;background:#ffffff2e;border-color:#ffffff40}.contact-item{align-items:center!important;gap:.5rem!important;padding:.25rem .5rem!important;display:inline-flex!important}.contact-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.625rem;font-weight:600;display:flex}.contact-name{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.8125rem;overflow:hidden}.mia-selector-container{min-width:200px;display:inline-block;position:relative}.mia-selector-button{color:#1f1f1f;cursor:pointer;width:100%;font-size:14px;font-family:var(--main-font,sans-serif);background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.mia-selector-button:hover{background:#e8e8e8;border-color:#d0d0d0}.mia-selector-button:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.mia-selector-label{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.mia-selector-icon{flex-shrink:0;font-size:16px}.mia-selector-text{color:#1f1f1f;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.mia-selector-arrow{color:#666;flex-shrink:0;font-size:10px;transition:transform .2s}.mia-selector-arrow.open{transform:rotate(180deg)}.mia-selector-dropdown{z-index:10000;background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;min-width:300px;max-height:400px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.mia-selector-header{color:#1f1f1f;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:16px 20px;font-size:16px;font-weight:600}.mia-selector-search{border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:12px 16px}.mia-selector-search input{width:100%;font-size:14px;font-family:var(--main-font,sans-serif);border:1px solid #e0e0e0;border-radius:6px;outline:none;padding:8px 12px}.mia-selector-search input:focus{border-color:var(--palette-action-primary-default,#06c)}.mia-selector-list{flex:1;padding:8px;overflow-y:auto}.mia-selector-item{color:#1f1f1f;cursor:pointer;width:100%;font-family:var(--main-font,sans-serif);text-align:left;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;margin-bottom:4px;padding:12px 16px;transition:all .15s;display:flex;position:relative}.mia-selector-item:hover{background:#f0f1f3;border-color:#e0e0e0}.mia-selector-item.selected{background:var(--palette-action-primary-light,#e3f2fd);border-color:var(--palette-action-primary-default,#06c)}.mia-selector-item-name{color:#1f1f1f;margin-bottom:4px;font-size:14px;font-weight:500}.mia-selector-item.selected .mia-selector-item-name{color:var(--palette-action-primary-default,#06c)}.mia-selector-item-id{color:#666;font-family:Courier New,monospace;font-size:12px}.mia-selector-loading,.mia-selector-loading-more,.mia-selector-error,.mia-selector-empty{text-align:center;color:#666;padding:24px 16px;font-size:14px}.mia-selector-loading-more{justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex}.mia-selector-error{color:#d32f2f}.mia-selector-loading-spinner{width:16px;height:16px;margin-right:8px;animation:1.5s linear infinite spin;display:inline-block;position:relative}.mia-selector-loading-spinner:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#666;width:100%;height:100%;position:absolute}.mia-selector-view-all{text-align:center;background:#fafafa;border-top:1px solid #f0f0f0;flex-shrink:0;padding:12px 16px}.mia-selector-view-all button{color:var(--palette-action-primary-default,#06c);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.mia-selector-view-all button:hover{background:#0066cc14}@media (max-width:768px){.mia-selector-dropdown{min-width:280px}}.dark-mode .mia-selector-button{color:var(--text-primary);background:#1e1e2e99;border:1px solid #ffffff1a}.dark-mode .mia-selector-button:hover{background:#1e1e2ecc;border-color:#6366f14d}.dark-mode .mia-selector-button:disabled{background:#1e1e2e66}.dark-mode .mia-selector-text{color:var(--text-primary)}.dark-mode .mia-selector-arrow{color:var(--text-secondary)}.dark-mode .mia-selector-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2ef2;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0009}.dark-mode .mia-selector-header{color:var(--text-primary);background:0 0;border-bottom:1px solid #ffffff1a}.dark-mode .mia-selector-search{border-bottom:1px solid #ffffff1a}.dark-mode .mia-selector-search input{color:var(--text-primary);background:#1a1a24cc;border:1px solid #ffffff1a}.dark-mode .mia-selector-search input::placeholder{color:var(--text-tertiary)}.dark-mode .mia-selector-search input:focus{border-color:var(--accent-primary)}.dark-mode .mia-selector-item{color:var(--text-primary);border-color:#0000}.dark-mode .mia-selector-item:hover{background:#6366f11a;border-color:#6366f14d}.dark-mode .mia-selector-item.selected{background:#6366f133;border-color:#6366f180}.dark-mode .mia-selector-item-name{color:var(--text-primary)}.dark-mode .mia-selector-item.selected .mia-selector-item-name{color:var(--accent-primary)}.dark-mode .mia-selector-item-id,.dark-mode .mia-selector-loading,.dark-mode .mia-selector-error,.dark-mode .mia-selector-empty{color:var(--text-secondary)}.dark-mode .mia-selector-error{color:#ef4444}.dark-mode .mia-selector-loading-spinner{border-color:#fff3;border-top-color:var(--accent-primary)}.dark-mode .mia-selector-view-all{background:#1a1a2499;border-top:1px solid #ffffff1a}.dark-mode .mia-selector-view-all button{color:var(--accent-primary)}.dark-mode .mia-selector-view-all button:hover{background:#6366f126}.modal-overlay{z-index:9999999!important}.hexagonal-loader-container{z-index:10000;background:linear-gradient(135deg,#6366f133 0%,#4f46e533 100%);justify-content:center;align-items:center;height:4px;display:flex;position:absolute;top:0;left:0;right:0;overflow:visible}.hexagonal-loader{width:40px;height:40px;margin-top:20px;animation:2s linear infinite hexagonRotate;position:relative}@keyframes hexagonRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.hexagonal-loader .hexagon:before,.hexagonal-loader .hexagon:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;width:0;position:absolute}.hexagonal-loader .hexagon:first-child{top:0;left:50%;transform:translate(-50%)}.hexagonal-loader .hexagon:nth-child(2){top:25%;right:0;transform:translateY(-50%)}.hexagonal-loader .hexagon:nth-child(3){bottom:25%;right:0;transform:translateY(50%)}.hexagonal-loader .hexagon:nth-child(4){bottom:0;left:50%;transform:translate(-50%)}.hexagonal-loader .hexagon:nth-child(5){bottom:25%;left:0;transform:translateY(50%)}.hexagonal-loader .hexagon:nth-child(6){top:25%;left:0;transform:translateY(-50%)}@keyframes hexagonPulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.create-service-modal{flex-direction:column;width:95%;max-width:900px;max-height:85vh;display:flex;position:relative;overflow:hidden;z-index:9999999!important}.create-service-modal .modal-header{background:linear-gradient(135deg,#6366f126 0%,#4f46e51a 100%);border-bottom:1px solid #6366f14d;padding:20px 24px}.create-service-modal .modal-header h2{color:#e0e0e0;flex:1;margin:0;font-size:20px;font-weight:600}.create-service-modal .modal-body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow:hidden!important}.modal-body .error-message{color:#ef4444;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:6px;flex-shrink:0;align-items:flex-start;gap:8px;padding:12px;font-size:14px;display:flex}.modal-body .error-message span{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;flex:1;line-height:1.5}.create-service-modal .form-group{flex-shrink:0}.form-row-inline{flex-shrink:0;gap:16px;display:flex}.form-row-inline .form-group{margin-bottom:0}.form-group-name{flex:0 0 280px}.form-group-description{flex:1}.templates-section{flex-direction:column;flex:1;min-height:0;max-height:100%;display:flex;overflow:hidden}.templates-header{flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:0;display:flex}.templates-header>label{white-space:nowrap;margin:0}.search-input-wrapper{flex:none;align-items:center;width:220px;display:flex;position:relative}.search-input-wrapper svg:first-child{color:#fff6;pointer-events:none;position:absolute;left:12px}.template-search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:8px 36px;font-size:13px;transition:all .2s}.template-search-input:focus{background:#ffffff14;border-color:#6366f180;outline:none;box-shadow:0 0 0 3px #6366f11a}.template-search-input::placeholder{color:#fff6}.template-search-input:disabled{opacity:.5;cursor:not-allowed}.clear-search-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:8px}.clear-search-btn:hover:not(:disabled){color:#fffc;background:#ffffff1a}.clear-search-btn:disabled{opacity:.5;cursor:not-allowed}.templates-section>label{flex-shrink:0;margin-bottom:12px}.templates-grid{scrollbar-width:thin;scrollbar-color:#6366f199 #ffffff0d;flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:min-content;align-content:start;gap:16px;min-height:200px;max-height:100%;padding:8px 8px 220px;display:grid;overflow-x:hidden;overflow-y:auto!important}.templates-grid::-webkit-scrollbar{width:8px}.templates-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.templates-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f199 0%,#4f46e599 100%);border-radius:4px;transition:background .2s}.templates-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6366f1cc 0%,#4f46e5cc 100%)}.template-card{cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;height:190px;padding:0;transition:all .2s;display:flex;overflow:hidden}.template-card:hover:not(:disabled){background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.template-card.selected{background:linear-gradient(135deg,#6366f14d 0%,#6366f133 100%);border:2px solid #6366f1;transform:scale(1.02);box-shadow:0 0 0 3px #6366f14d,0 4px 12px #6366f166}.template-card:disabled{opacity:.5;cursor:not-allowed}.template-card-header{background:linear-gradient(135deg,#6366f126 0%,#4f46e51a 100%);border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;height:80px;padding:12px;transition:all .2s;display:flex;position:relative}.template-card.selected .template-card-header{background:linear-gradient(135deg,#6366f166 0%,#4f46e54d 100%);border-bottom-color:#6366f180}.template-logo{object-fit:contain;max-width:100%;max-height:56px}.template-icon-fallback{color:#ffffff80;justify-content:center;align-items:center;display:flex}.template-card-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.template-card-name{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.template-card-description{color:#fff9;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.template-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.template-version{color:#ffffff80;font-family:Courier New,monospace;font-size:11px}.selected-icon{color:#6366f1;font-size:20px;font-weight:700;animation:.2s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.create-service-modal .template-list{max-height:250px}.create-service-modal .template-item{background-color:#ffffff0d}.create-service-modal .template-item:hover:not(:disabled){background-color:#ffffff14}.create-service-modal .template-item.selected{background-color:#6366f126;border-color:#6366f1}.add-resource-btn-inline{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:16px;font-weight:700;transition:all .2s;display:flex}.add-resource-btn-inline:hover{background-color:#5558e3;transform:scale(1.05)}.add-resource-btn-inline:active{background-color:#4a4cd4;transform:scale(.95)}@media (max-width:768px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.template-card{height:180px}.template-card-header{height:70px}}.tabs-navigation{border-bottom:1px solid #ffffff1a;gap:8px;margin-bottom:24px;display:flex}.tab-button{color:#fff9;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative;bottom:-1px}.tab-button:hover:not(:disabled){color:#ffffffe6;background:#ffffff0d}.tab-button:disabled{opacity:.5;cursor:not-allowed}.form-help{color:#ffffff80;margin-top:6px;font-size:12px;font-style:italic;display:block}select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .2s}select:hover:not(:disabled){border-color:#fff3}select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}select:disabled{opacity:.5;cursor:not-allowed}select option{color:#fff;background:#1a1a2e}select option:disabled{color:#fff6}body:not(.dark-mode) .create-service-modal.modal-content{background:#fff;border-color:#e2e8f0}body:not(.dark-mode) .create-service-modal .modal-header{background:linear-gradient(135deg,#6366f114 0%,#4f46e50d 100%);border-bottom-color:#e2e8f0}body:not(.dark-mode) .create-service-modal .modal-header h2{color:#1e293b}body:not(.dark-mode) .tabs-navigation{border-bottom-color:#e2e8f0}body:not(.dark-mode) .tab-button{color:#64748b}body:not(.dark-mode) .tab-button:hover:not(:disabled){color:#1e293b;background:#0000000a}body:not(.dark-mode) .tab-button.active{color:#6366f1;border-bottom-color:#6366f1}body:not(.dark-mode) .search-input-wrapper svg:first-child{color:#94a3b8}body:not(.dark-mode) .template-search-input{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}body:not(.dark-mode) .template-search-input:focus{background:#fff;border-color:#6366f1}body:not(.dark-mode) .template-search-input::placeholder,body:not(.dark-mode) .clear-search-btn{color:#94a3b8}body:not(.dark-mode) .clear-search-btn:hover:not(:disabled){color:#475569;background:#0000000f}body:not(.dark-mode) .templates-grid{scrollbar-color:#6366f166 #f1f5f9}body:not(.dark-mode) .templates-grid::-webkit-scrollbar-track{background:#f1f5f9}body:not(.dark-mode) .templates-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f180 0%,#4f46e580 100%)}body:not(.dark-mode) .template-card{background:#f8fafc;border-color:#e2e8f0}body:not(.dark-mode) .template-card:hover:not(:disabled){background:#fff;border-color:#6366f166;box-shadow:0 8px 16px #00000014}body:not(.dark-mode) .template-card-header{background:linear-gradient(135deg,#6366f114 0%,#4f46e50d 100%);border-bottom-color:#e2e8f0}body:not(.dark-mode) .template-card.selected .template-card-header{background:linear-gradient(135deg,#6366f133 0%,#4f46e526 100%);border-bottom-color:#6366f14d}body:not(.dark-mode) .template-icon-fallback{color:#94a3b8}body:not(.dark-mode) .template-card-name{color:#1e293b}body:not(.dark-mode) .template-card-description{color:#475569}body:not(.dark-mode) .template-card-footer{border-top-color:#e2e8f0}body:not(.dark-mode) .template-version,body:not(.dark-mode) .form-help{color:#64748b}@media (max-width:640px){.form-row-inline{flex-direction:column}.form-group-name{flex:none}}.project-resources-tree{flex-direction:column;gap:8px;padding:8px 0;display:flex}.resources-tree-loading{color:var(--palette-text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.resources-tree-error{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:6px;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.empty-state-inline{color:var(--text-secondary);padding:8px 12px 8px 32px;font-size:9px;font-style:italic}.resources-tree-empty{color:var(--palette-text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-icon{opacity:.5;font-size:48px}.resources-tree-empty p{margin:0;font-size:12px}.resource-section{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:8px;margin-bottom:4px;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.resource-section:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #00000014}.resource-section-header-wrapper{background:var(--palette-background-neutral-100);border-bottom:1px solid var(--border-color);align-items:center;gap:0;display:flex;position:relative}.resource-section-header{cursor:pointer;font-family:var(--main-font);color:var(--text-primary);background-color:#0000;border:none;flex:1;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.resource-section-header:hover{background-color:var(--palette-background-neutral-200);padding-left:20px}.resource-section-header-wrapper:hover{background:var(--palette-background-neutral-200)}.add-resource-btn-inline{background:var(--palette-action-primary-default);border:1px solid var(--palette-action-primary-hover);cursor:pointer;color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:7px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.add-resource-btn-inline:hover{background:var(--palette-action-primary-hover);border-color:var(--palette-action-primary-hover);transform:scale(1.1)rotate(90deg)}.add-resource-btn-inline:active{transform:scale(.95)rotate(90deg)}.section-icon{color:var(--palette-action-primary-default);font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.resource-section-header:hover .section-icon{color:var(--palette-action-primary-hover);transform:scale(1.2)}.section-icon-type{font-size:16px;transition:transform .2s}.resource-section-header:hover .section-icon-type{transform:scale(1.1)}.section-title{color:var(--text-primary);letter-spacing:.3px;flex:1}.section-count{background:var(--palette-action-primary-default);color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.resource-section-header:hover .section-count{transform:scale(1.05)}.resource-list{background-color:var(--bg-secondary);flex-direction:column;padding:4px 0;display:flex}.resource-item{background-color:var(--bg-card);border:none;border-top:1px solid var(--border-color);cursor:pointer;width:100%;font-family:var(--main-font);color:var(--text-primary);text-align:left;align-items:flex-start;gap:10px;min-height:42px;padding:12px 14px 12px 38px;font-size:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.resource-item:before{content:"";background:0 0;width:3px;transition:all .3s;position:absolute;top:0;bottom:0;left:0}.resource-item:hover{background-color:var(--bg-hover);box-shadow:inset 3px 0 0 var(--palette-action-primary-default);padding-left:42px}.resource-item:hover:before{background:var(--palette-action-primary-default)}.resource-item.selected{background:var(--palette-background-neutral-200);box-shadow:inset 4px 0 0 var(--palette-action-primary-default);padding-left:38px}.resource-item.selected:before{background:var(--palette-action-primary-default)}.resource-icon{filter:drop-shadow(0 1px 2px #0000004d);flex-shrink:0;padding-top:2px;font-size:14px;transition:transform .2s}.resource-item:hover .resource-icon{transform:scale(1.15)}.resource-name{color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;letter-spacing:.2px;flex:1;min-width:0;font-size:12px;font-weight:500;line-height:1.5;transition:color .2s}.resource-item:hover .resource-name{color:var(--text-primary)}.resource-item.selected .resource-name{color:var(--text-primary);font-weight:600}.resource-badge{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;flex-shrink:0;align-self:flex-start;align-items:center;margin-top:2px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-flex}.badge-endpoint,.badge-crud{color:#f9a8d4;background-color:#ec489933}.badge-fastdata{color:#fde047;background-color:#eab30833}.badge-projection{color:#7dd3fc;background-color:#0ea5e933}.badge-singleview{color:#d8b4fe;background-color:#a855f733}.badge-flow{color:#5eead4;background-color:#14b8a633}.badge-infrastructure{color:#fbbf24;background-color:#a1620733}.fast-data-systems-container{flex-direction:column;display:flex}.fast-data-system-group{border-top:1px solid var(--border-color)}.fast-data-system-header{background-color:var(--palette-background-neutral-100);cursor:pointer;width:100%;font-family:var(--main-font);color:var(--text-primary);text-align:left;border:none;align-items:center;gap:8px;padding:10px 12px 10px 36px;font-size:12px;font-weight:600;transition:background-color .15s;display:flex}.fast-data-system-header:hover{background-color:var(--palette-background-neutral-200)}.fast-data-system-content{background-color:var(--bg-secondary);flex-direction:column;display:flex}.resource-item-nested{background-color:var(--palette-background-neutral-50);padding-left:60px;font-size:12px}.resource-item-nested:hover{background-color:var(--bg-hover)}.resource-item-nested.selected{background-color:var(--palette-background-neutral-200);border-left:3px solid var(--palette-action-primary-default);padding-left:57px}.context-menu{z-index:10000;background-color:#fff;border:1px solid #ddd;border-radius:6px;min-width:160px;position:fixed;overflow:hidden;box-shadow:0 4px 12px #00000026}.context-menu-item{cursor:pointer;width:100%;font-family:var(--main-font);color:#333;text-align:left;background-color:#fff;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:12px;transition:background-color .15s;display:flex}.context-menu-item.delete{color:#d32f2f}.context-menu-item.delete:hover{background-color:#ffebee}.context-menu-item span:first-child{font-size:14px}@media (max-width:768px){.resource-section-header{padding:10px;font-size:12px}.resource-item{padding:8px 10px 8px 32px;font-size:12px}.resource-item.selected{padding-left:29px}.section-icon-type,.resource-icon{font-size:12px}.section-count{min-width:20px;height:18px;font-size:11px}}.dark-mode .resources-tree-loading{color:var(--text-secondary)}.dark-mode .loading-spinner{border-color:#fff3;border-top-color:var(--accent-primary)}.dark-mode .resources-tree-error{color:#ef4444;background-color:#ef44441a;border-color:#ef44444d}.dark-mode .resources-tree-empty{color:var(--text-secondary)}.dark-mode .resource-section{background-color:#0000;border:1px solid #ffffff1a}.dark-mode .resource-section-header{color:var(--text-primary);background-color:#1e1e2e99}.dark-mode .resource-section-header:hover{background-color:#1e1e2ecc}.dark-mode .resource-list{background-color:#0000}.dark-mode .resource-item{color:var(--text-primary);background-color:#1e1e2e66;border-top-color:#ffffff0d;border-left-color:#ffffff0d}.dark-mode .resource-item:hover{background-color:#6366f11a}.dark-mode .resource-item.selected{border-left-color:var(--accent-primary);color:var(--text-primary);background:#6366f133}.dark-mode .resource-name{color:var(--text-primary)}.dark-mode .resource-item.selected .resource-name{color:var(--accent-primary)}.dark-mode .section-count{color:var(--text-primary);background-color:#6366f14d}.dark-mode .context-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2ef2;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0009}.dark-mode .context-menu-item{color:var(--text-primary)}.dark-mode .context-menu-item:hover{background-color:#6366f126}.dark-mode .context-menu-item.delete{color:#ef4444}.dark-mode .context-menu-item.delete:hover{background-color:#ef444426}.monaco-search-panel{background:var(--palette-common-white);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.monaco-search-header{display:none}.monaco-search-close{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .2s}.monaco-search-close:hover{color:#fff;background:#3e3e42}.monaco-search-input-container{background:var(--palette-common-white);border-bottom:1px solid var(--palette-common-grey-200);flex-shrink:0;max-width:250px;padding:2px}.monaco-search-input-wrapper{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.monaco-search-input{color:#ccc;background:#3c3c3c;border:1px solid #3e3e42;border-radius:3px;width:100%;max-width:250px;padding:6px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;transition:all .2s}.monaco-search-input:focus{background:#454545;border-color:#007acc;outline:none}.monaco-search-input::placeholder{color:#858585}.monaco-search-options{align-items:center;gap:3px;display:flex}.monaco-search-option-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #3e3e42;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:600;transition:all .2s;display:flex}.monaco-search-option-btn:hover{background:#454545;border-color:#007acc}.monaco-search-option-btn.active{color:#fff;background:#094771;border-color:#007acc}.monaco-search-filters{flex-direction:column;gap:6px;display:flex}.monaco-search-filter-input{color:#ccc;background:#3c3c3c;border:1px solid #3e3e42;border-radius:3px;width:100%;padding:6px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;transition:all .2s}.monaco-search-filter-input:focus{background:#454545;border-color:#007acc;outline:none}.monaco-search-filter-input::placeholder{color:#858585;font-size:11px}.monaco-search-results-header{background:var(--palette-common-white);border-bottom:1px solid #3e3e42;flex-shrink:0;padding:6px 10px}.monaco-search-status{color:#858585;font-size:11px}.monaco-search-results{flex:1;padding:8px 0;overflow-y:auto}.monaco-search-results::-webkit-scrollbar{width:10px}.monaco-search-results::-webkit-scrollbar-track{background:#252526}.monaco-search-results::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.monaco-search-results::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.monaco-search-file-result{margin-bottom:2px}.monaco-search-file-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:4px 8px;transition:background .15s;display:flex}.monaco-search-file-header:hover{background:#2a2d2e}.monaco-search-expand-icon{color:#ccc;justify-content:center;align-items:center;width:12px;font-size:10px;display:flex}.monaco-search-file-icon{font-size:14px}.monaco-search-file-name{color:#ccc;font-size:12px;font-weight:500}.monaco-search-file-path{color:#858585;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:4px;font-size:10px;overflow:hidden}.monaco-search-match-count{color:#fff;text-align:center;background:#094771;border-radius:8px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:600}.monaco-search-matches{background:#1e1e1e}.monaco-search-match-line{cursor:pointer;align-items:flex-start;padding:3px 8px 3px 24px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:11px;line-height:16px;transition:background .15s;display:flex}.monaco-search-match-line:hover{background:#2a2d2e}.monaco-search-line-number{color:#858585;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:35px;margin-right:8px;font-size:10px}.monaco-search-line-text{color:#d4d4d4;white-space:pre-wrap;word-break:break-word;flex:1}.search-match-highlight{color:#fff;background:#613214;border-radius:2px;padding:0 2px;font-weight:600}@media (max-width:1200px){.monaco-search-panel{width:350px;max-width:45%}}@media (max-width:768px){.monaco-search-panel{width:100%;max-width:100%;left:0;right:0}}.monaco-editor-container.light-theme .monaco-search-panel{background:#f3f3f3;border-left-color:#e0e0e0}.monaco-editor-container.light-theme .monaco-search-header,.monaco-editor-container.light-theme .monaco-search-results-header{background:#fff;border-bottom-color:#e0e0e0}.monaco-editor-container.light-theme .monaco-search-header h3,.monaco-editor-container.light-theme .monaco-search-close{color:#333}.monaco-editor-container.light-theme .monaco-search-input,.monaco-editor-container.light-theme .monaco-search-filter-input{color:#333;background:#fff;border-color:#d0d0d0}.monaco-editor-container.light-theme .monaco-search-input:focus,.monaco-editor-container.light-theme .monaco-search-filter-input:focus{background:#fff;border-color:#007acc}.monaco-editor-container.light-theme .monaco-search-option-btn{color:#333;border-color:#d0d0d0}.monaco-editor-container.light-theme .monaco-search-option-btn:hover{background:#e8e8e8}.monaco-editor-container.light-theme .monaco-search-option-btn.active{color:#fff;background:#007acc;border-color:#007acc}.monaco-editor-container.light-theme .monaco-search-file-header:hover,.monaco-editor-container.light-theme .monaco-search-match-line:hover{background:#e8e8e8}.monaco-editor-container.light-theme .monaco-search-matches{background:#fff}.monaco-editor-container.light-theme .monaco-search-line-text{color:#333}.monaco-editor-container.light-theme .search-match-highlight{color:#333;background:#ffeb3b}.monaco-editor-container.light-theme .monaco-search-results::-webkit-scrollbar-track{background:#f3f3f3}.monaco-editor-container.light-theme .monaco-search-results::-webkit-scrollbar-thumb{background:silver}.monaco-editor-container.light-theme .monaco-search-results::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.diff-parser-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background-color:#00000080;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.diff-parser-overlay.closing{animation:.3s ease-out fadeOut}.diff-parser-modal{background:var(--bg-secondary,#fff);border:1px solid var(--border-strong,#e2e8f0);text-align:center;border-radius:20px;width:90%;max-width:500px;padding:40px;animation:.4s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.dark-mode .diff-parser-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;box-shadow:0 20px 60px #00000080}.diff-parser-modal.closing{animation:.3s ease-out slideDown}.diff-parser-modal.completed{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #10b9814d}.dark-mode .diff-parser-modal.completed{background:linear-gradient(135deg,#1a2e1a 0%,#1e3a1e 100%);border:1px solid #38ef7d4d}.diff-parser-modal:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#00000008,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}.dark-mode .diff-parser-modal:before{background:linear-gradient(45deg,#0000,#ffffff0d,#0000)}.diff-parser-spinner{width:80px;height:80px;margin:0 auto 24px;animation:1.5s linear infinite spin;position:relative}.diff-parser-spinner:before{content:"";background:var(--accent-primary,#2563eb);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100%;height:100%;position:absolute}.dark-mode .diff-parser-spinner:before{background:#ffffffe6}.spinner-ring{display:none}.diff-parser-title{font-family:var(--main-font);color:var(--text-primary,#0f172a);margin:0 0 20px;font-size:24px;font-weight:600}.diff-parser-details{text-align:left;background-color:var(--bg-tertiary,#f5f7fa);border:1px solid var(--border-strong,#e2e8f0);border-radius:12px;flex-direction:column;gap:10px;margin-bottom:24px;padding:18px;display:flex;box-shadow:inset 0 2px 4px #0000000a}.dark-mode .diff-parser-details{background-color:#0000004d;border:1px solid #ffffff1a;box-shadow:inset 0 2px 4px #0000004d}.diff-detail-item{font-family:var(--main-font);align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.detail-label{color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.5px;min-width:130px;font-size:13px;font-weight:700}.detail-value{font-family:var(--code-font);color:var(--text-primary,#0f172a);background-color:var(--bg-hover,#f6f8fa);border:1px solid var(--border-strong,#e2e8f0);border-radius:6px;flex:1;padding:6px 12px;font-weight:500;box-shadow:0 1px 2px #0000000d}.dark-mode .detail-value{color:#e0e0e0;background-color:#ffffff14;border:1px solid #ffffff1a;box-shadow:0 1px 2px #0003}.file-name{font-family:var(--code-font);background-color:var(--bg-tertiary,#f5f7fa);border-radius:6px;padding:4px 12px;font-size:20px}.diff-parser-message{font-family:var(--main-font);color:var(--text-secondary,#475569);opacity:.8;min-height:20px;margin:0 0 24px;font-size:14px;font-style:italic;animation:.5s ease-in-out messageFade}.diff-parser-cancel-btn{background-color:var(--bg-tertiary,#f5f7fa);border:2px solid var(--border-strong,#e2e8f0);color:var(--text-primary,#0f172a);font-family:var(--main-font);cursor:pointer;border-radius:10px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s}.dark-mode .diff-parser-cancel-btn{color:#e0e0e0;background-color:#ffffff14;border:2px solid #fff3}.diff-parser-cancel-btn:hover{background-color:var(--bg-hover,#f6f8fa);border-color:var(--accent-primary,#2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-mode .diff-parser-cancel-btn:hover{background-color:#ffffff26;border-color:#fff6;box-shadow:0 4px 12px #0006}.diff-parser-cancel-btn:active{transform:translateY(0)}.diff-parser-success{animation:.5s ease-out successPop}.success-icon{margin-bottom:20px;font-size:64px;animation:.6s ease-out bounce}.success-title{font-family:var(--main-font);color:var(--success-color,#10b981);text-shadow:none;letter-spacing:-.5px;margin:0 0 24px;font-size:28px;font-weight:700}.dark-mode .success-title{color:#38ef7d;text-shadow:0 2px 10px #38ef7d4d}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes messageFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes successPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{transform:translateY(-10px)}}.modified-files-section{text-align:left;background-color:var(--bg-tertiary,#f5f7fa);border:1px solid var(--border-strong,#e2e8f0);border-radius:12px;max-height:300px;margin-top:24px;padding:18px;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000a}.dark-mode .modified-files-section{background-color:#0000004d;border:1px solid #ffffff1a;box-shadow:inset 0 2px 4px #0000004d}.modified-files-title{font-family:var(--main-font);color:var(--success-color,#10b981);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #10b98140;margin:0 0 14px;padding-bottom:10px;font-size:15px;font-weight:700}.dark-mode .modified-files-title{color:#38ef7d;border-bottom:2px solid #38ef7d4d}.modified-files-list{flex-direction:column;gap:8px;display:flex}.modified-file-item{background-color:var(--bg-secondary,#fff);cursor:pointer;text-align:left;font-family:var(--code-font);color:var(--text-primary,#0f172a);border:2px solid #10b98133;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000f}.dark-mode .modified-file-item{color:#e0e0e0;background-color:#ffffff14;border:2px solid #38ef7d33;box-shadow:0 1px 3px #0000004d}.modified-file-item:hover{background-color:var(--bg-hover,#f6f8fa);border-color:#10b98180;transform:translate(4px);box-shadow:0 3px 10px #0000001a}.dark-mode .modified-file-item:hover{background-color:#ffffff26;border-color:#38ef7d66;box-shadow:0 3px 10px #0006}.modified-file-item:active{transform:translate(2px)}.file-operation-icon{text-align:center;min-width:22px;font-size:18px}.file-path{text-overflow:ellipsis;white-space:nowrap;font-family:var(--code-font);flex:1;font-weight:500;overflow:hidden}.diff-parser-close-btn{color:var(--success-color,#10b981);font-family:var(--main-font);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background-color:#10b9811a;border:2px solid #10b98166;border-radius:10px;margin-top:20px;padding:14px 40px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 2px 6px #00000014}.dark-mode .diff-parser-close-btn{color:#38ef7d;background-color:#38ef7d26;border:2px solid #38ef7d66;box-shadow:0 2px 6px #0000004d}.diff-parser-close-btn:hover{background-color:#10b98133;border-color:#10b981b3;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.dark-mode .diff-parser-close-btn:hover{background-color:#38ef7d40;border-color:#38ef7d99;box-shadow:0 4px 12px #38ef7d4d}.diff-parser-close-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000004d}.modified-files-section::-webkit-scrollbar{width:8px}.modified-files-section::-webkit-scrollbar-track{background:var(--bg-tertiary,#f5f7fa);border-radius:4px}.dark-mode .modified-files-section::-webkit-scrollbar-track{background:#0000004d}.modified-files-section::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}.dark-mode .modified-files-section::-webkit-scrollbar-thumb{background:#38ef7d4d}.modified-files-section::-webkit-scrollbar-thumb:hover{background:#10b98180}.dark-mode .modified-files-section::-webkit-scrollbar-thumb:hover{background:#38ef7d80}.conflict-modal-overlay{z-index:10000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.conflict-modal{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 16px #0003}.conflict-modal-header{border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;padding:20px;display:flex}.conflict-modal-icon{font-size:32px}.conflict-modal-header h2{color:#333;margin:0;font-size:20px}.conflict-modal-body{padding:20px}.conflict-modal-main-text{color:#333;margin-bottom:16px;font-size:16px}.conflict-modal-error-box{background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-bottom:16px;padding:12px}.error-label{color:#856404;margin-bottom:8px;font-weight:600}.error-message{color:#856404;white-space:pre-wrap;word-break:break-word;font-family:Courier New,monospace;font-size:13px}.conflict-modal-warning{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:16px;padding:12px}.conflict-modal-warning strong{color:#721c24;margin-bottom:8px;display:block}.failed-files-list{color:#721c24;margin:8px 0;padding-left:20px}.failed-files-list li{margin:4px 0;font-family:Courier New,monospace;font-size:13px}.conflict-modal-info-box{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;margin-top:16px;padding:16px}.conflict-modal-info-box p{color:#004085;margin:0 0 12px}.conflict-modal-info-box strong{color:#003060;font-size:15px}.conflict-modal-info-box ul{color:#004085;margin:8px 0 12px 20px;padding:0}.conflict-modal-info-box ul li{margin:6px 0}.conflict-modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.conflict-modal-btn{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.conflict-modal-btn-cancel{color:#333;background-color:#e0e0e0}.conflict-modal-btn-cancel:hover{background-color:#d0d0d0}.conflict-modal-btn-resolve{color:#fff;background-color:#007bff}.conflict-modal-btn-resolve:hover{background-color:#0056b3}.dark-mode .conflict-modal{background-color:var(--bg-secondary,#16213e);box-shadow:0 4px 16px #0006}.dark-mode .conflict-modal-header{background:linear-gradient(135deg,#7c3aed26 0%,#00b4d81a 100%);border-bottom:1px solid #7c3aed4d}.dark-mode .conflict-modal-header h2,.dark-mode .conflict-modal-main-text,.dark-mode .conflict-modal-main-text strong{color:var(--text-primary,#e1e8ed)}.dark-mode .conflict-modal-error-box{background-color:#fbbf2426;border:1px solid #fbbf244d}.dark-mode .error-label,.dark-mode .error-message{color:#fbbf24}.dark-mode .conflict-modal-warning{background-color:#ef444426;border:1px solid #ef44444d}.dark-mode .conflict-modal-warning strong,.dark-mode .failed-files-list,.dark-mode .failed-files-list li{color:#f87171}.dark-mode .conflict-modal-info-box{background-color:#00b4d826;border:1px solid #00b4d84d}.dark-mode .conflict-modal-info-box p,.dark-mode .conflict-modal-info-box strong,.dark-mode .conflict-modal-info-box ul{color:var(--text-primary,#e1e8ed)}.dark-mode .conflict-modal-footer{border-top:1px solid #7c3aed4d}.dark-mode .conflict-modal-btn-cancel{color:var(--text-primary,#e1e8ed);background-color:#ffffff1a}.dark-mode .conflict-modal-btn-cancel:hover{background-color:#ffffff26}.dark-mode .conflict-modal-btn-resolve{color:#fff;background-color:#7c3aed}.dark-mode .conflict-modal-btn-resolve:hover{background-color:#6d28d9}.theme-noctis .conflict-modal{background-color:#1f2937;box-shadow:0 4px 16px #00000080}.theme-noctis .conflict-modal-header{background:linear-gradient(135deg,#e0f2fe1a 0%,#00bfa514 100%);border-bottom:1px solid #e0f2fe33}.theme-noctis .conflict-modal-header h2,.theme-noctis .conflict-modal-main-text,.theme-noctis .conflict-modal-main-text strong{color:#e5e7eb}.theme-noctis .conflict-modal-error-box{background-color:#fbbf2426;border:1px solid #fbbf2440}.theme-noctis .error-label,.theme-noctis .error-message{color:#fbbf24}.theme-noctis .conflict-modal-warning{background-color:#ef444426;border:1px solid #ef444440}.theme-noctis .conflict-modal-warning strong,.theme-noctis .failed-files-list,.theme-noctis .failed-files-list li{color:#f87171}.theme-noctis .conflict-modal-info-box{background-color:#e0f2fe1a;border:1px solid #e0f2fe33}.theme-noctis .conflict-modal-info-box p,.theme-noctis .conflict-modal-info-box strong,.theme-noctis .conflict-modal-info-box ul{color:#e5e7eb}.theme-noctis .conflict-modal-footer{border-top:1px solid #e0f2fe33}.theme-noctis .conflict-modal-btn-cancel{color:#e5e7eb;background-color:#ffffff1a}.theme-noctis .conflict-modal-btn-cancel:hover{background-color:#ffffff26}.theme-noctis .conflict-modal-btn-resolve{color:#fff;background-color:#00bfa5}.theme-noctis .conflict-modal-btn-resolve:hover{background-color:#00a693}.theme-github .conflict-modal{background-color:#fff;box-shadow:0 4px 16px #00000026}.theme-github .conflict-modal-header{background:linear-gradient(135deg,#1f6feb14 0%,#0969da0d 100%);border-bottom:1px solid #d0d7de}.theme-github .conflict-modal-header h2,.theme-github .conflict-modal-main-text,.theme-github .conflict-modal-main-text strong{color:#24292f}.theme-github .conflict-modal-footer{border-top:1px solid #d0d7de}.theme-github .conflict-modal-btn-cancel{color:#24292f;background-color:#f6f8fa;border:1px solid #d0d7de}.theme-github .conflict-modal-btn-cancel:hover{background-color:#f3f4f6}.theme-github .conflict-modal-btn-resolve{color:#fff;background-color:#1f6feb}.theme-github .conflict-modal-btn-resolve:hover{background-color:#0969da}.theme-synthwave .conflict-modal{background-color:#2b213a;box-shadow:0 4px 16px #ff71ce4d}.theme-synthwave .conflict-modal-header{background:linear-gradient(135deg,#ff71ce26 0%,#72fff51a 100%);border-bottom:1px solid #ff71ce4d}.theme-synthwave .conflict-modal-header h2,.theme-synthwave .conflict-modal-main-text,.theme-synthwave .conflict-modal-main-text strong{color:#f8f8f2}.theme-synthwave .conflict-modal-error-box{background-color:#ffff5526;border:1px solid #ffff554d}.theme-synthwave .error-label,.theme-synthwave .error-message{color:#ff5}.theme-synthwave .conflict-modal-warning{background-color:#ff71ce26;border:1px solid #ff71ce4d}.theme-synthwave .conflict-modal-warning strong,.theme-synthwave .failed-files-list,.theme-synthwave .failed-files-list li{color:#ff71ce}.theme-synthwave .conflict-modal-info-box{background-color:#72fff526;border:1px solid #72fff54d}.theme-synthwave .conflict-modal-info-box p,.theme-synthwave .conflict-modal-info-box strong,.theme-synthwave .conflict-modal-info-box ul{color:#f8f8f2}.theme-synthwave .conflict-modal-footer{border-top:1px solid #ff71ce4d}.theme-synthwave .conflict-modal-btn-cancel{color:#f8f8f2;background-color:#ffffff1a}.theme-synthwave .conflict-modal-btn-cancel:hover{background-color:#ffffff26}.theme-synthwave .conflict-modal-btn-resolve{color:#2b213a;background:linear-gradient(135deg,#ff71ce 0%,#72fff5 100%);font-weight:600}.theme-synthwave .conflict-modal-btn-resolve:hover{background:linear-gradient(135deg,#ff5fc4 0%,#5ff5eb 100%)}.theme-hackerx-green .conflict-modal{background-color:#0d1b0d;box-shadow:0 4px 16px #0f03}.theme-hackerx-green .conflict-modal-header{background:linear-gradient(135deg,#00ff0026 0%,#00c8001a 100%);border-bottom:1px solid #00ff004d}.theme-hackerx-green .conflict-modal-header h2,.theme-hackerx-green .conflict-modal-main-text,.theme-hackerx-green .conflict-modal-main-text strong{color:#0f0}.theme-hackerx-green .conflict-modal-error-box{background-color:#ffff001a;border:1px solid #ffff004d}.theme-hackerx-green .error-label,.theme-hackerx-green .error-message{color:#ff0}.theme-hackerx-green .conflict-modal-warning{background-color:#ff00001a;border:1px solid #ff00004d}.theme-hackerx-green .conflict-modal-warning strong,.theme-hackerx-green .failed-files-list,.theme-hackerx-green .failed-files-list li{color:red}.theme-hackerx-green .conflict-modal-info-box{background-color:#00ff001a;border:1px solid #00ff004d}.theme-hackerx-green .conflict-modal-info-box p,.theme-hackerx-green .conflict-modal-info-box strong,.theme-hackerx-green .conflict-modal-info-box ul{color:#0f0}.theme-hackerx-green .conflict-modal-footer{border-top:1px solid #00ff004d}.theme-hackerx-green .conflict-modal-btn-cancel{color:#0f0;background-color:#00ff001a;border:1px solid #00ff004d}.theme-hackerx-green .conflict-modal-btn-cancel:hover{background-color:#0f03}.theme-hackerx-green .conflict-modal-btn-resolve{color:#000;background-color:#0f0;font-weight:600}.theme-hackerx-green .conflict-modal-btn-resolve:hover{background-color:#0c0}.theme-hackerx-ocean .conflict-modal{background-color:#0a1628;box-shadow:0 4px 16px #0ff3}.theme-hackerx-ocean .conflict-modal-header{background:linear-gradient(135deg,#00ffff26 0%,#00c8ff1a 100%);border-bottom:1px solid #00ffff4d}.theme-hackerx-ocean .conflict-modal-header h2,.theme-hackerx-ocean .conflict-modal-main-text,.theme-hackerx-ocean .conflict-modal-main-text strong{color:#0ff}.theme-hackerx-ocean .conflict-modal-error-box{background-color:#ffa5001a;border:1px solid #ffa5004d}.theme-hackerx-ocean .error-label,.theme-hackerx-ocean .error-message{color:orange}.theme-hackerx-ocean .conflict-modal-warning{background-color:#ff00ff1a;border:1px solid #ff00ff4d}.theme-hackerx-ocean .conflict-modal-warning strong,.theme-hackerx-ocean .failed-files-list,.theme-hackerx-ocean .failed-files-list li{color:#f0f}.theme-hackerx-ocean .conflict-modal-info-box{background-color:#00ffff1a;border:1px solid #00ffff4d}.theme-hackerx-ocean .conflict-modal-info-box p,.theme-hackerx-ocean .conflict-modal-info-box strong,.theme-hackerx-ocean .conflict-modal-info-box ul{color:#0ff}.theme-hackerx-ocean .conflict-modal-footer{border-top:1px solid #00ffff4d}.theme-hackerx-ocean .conflict-modal-btn-cancel{color:#0ff;background-color:#00ffff1a;border:1px solid #00ffff4d}.theme-hackerx-ocean .conflict-modal-btn-cancel:hover{background-color:#0ff3}.theme-hackerx-ocean .conflict-modal-btn-resolve{color:#000;background-color:#0ff;font-weight:600}.theme-hackerx-ocean .conflict-modal-btn-resolve:hover{background-color:#0cc}.theme-monokai .conflict-modal{background-color:#272822;box-shadow:0 4px 16px #00000080}.theme-monokai .conflict-modal-header{background:linear-gradient(135deg,#66d9ef26 0%,#a6e22e1a 100%);border-bottom:1px solid #66d9ef4d}.theme-monokai .conflict-modal-header h2,.theme-monokai .conflict-modal-main-text,.theme-monokai .conflict-modal-main-text strong{color:#f8f8f2}.theme-monokai .conflict-modal-error-box{background-color:#e6db7426;border:1px solid #e6db744d}.theme-monokai .error-label,.theme-monokai .error-message{color:#e6db74}.theme-monokai .conflict-modal-warning{background-color:#f9267226;border:1px solid #f926724d}.theme-monokai .conflict-modal-warning strong,.theme-monokai .failed-files-list,.theme-monokai .failed-files-list li{color:#f92672}.theme-monokai .conflict-modal-info-box{background-color:#66d9ef26;border:1px solid #66d9ef4d}.theme-monokai .conflict-modal-info-box p,.theme-monokai .conflict-modal-info-box strong,.theme-monokai .conflict-modal-info-box ul{color:#f8f8f2}.theme-monokai .conflict-modal-footer{border-top:1px solid #66d9ef4d}.theme-monokai .conflict-modal-btn-cancel{color:#f8f8f2;background-color:#ffffff1a}.theme-monokai .conflict-modal-btn-cancel:hover{background-color:#ffffff26}.theme-monokai .conflict-modal-btn-resolve{color:#272822;background-color:#66d9ef;font-weight:600}.theme-monokai .conflict-modal-btn-resolve:hover{background-color:#4dc9df}.theme-catppuccin-latte .conflict-modal{background-color:#eff1f5;box-shadow:0 4px 16px #0000001a}.theme-catppuccin-latte .conflict-modal-header{background:linear-gradient(135deg,#1e66f514 0%,#8839ef0d 100%);border-bottom:1px solid #bcc0cc}.theme-catppuccin-latte .conflict-modal-header h2,.theme-catppuccin-latte .conflict-modal-main-text,.theme-catppuccin-latte .conflict-modal-main-text strong{color:#4c4f69}.theme-catppuccin-latte .conflict-modal-footer{border-top:1px solid #bcc0cc}.theme-catppuccin-latte .conflict-modal-btn-cancel{color:#4c4f69;background-color:#e6e9ef}.theme-catppuccin-latte .conflict-modal-btn-cancel:hover{background-color:#dce0e8}.theme-catppuccin-latte .conflict-modal-btn-resolve{color:#fff;background-color:#1e66f5}.theme-catppuccin-latte .conflict-modal-btn-resolve:hover{background-color:#1554d3}.theme-catppuccin-frappe .conflict-modal{background-color:#303446;box-shadow:0 4px 16px #0006}.theme-catppuccin-frappe .conflict-modal-header{background:linear-gradient(135deg,#8caaee26 0%,#ca9ee61a 100%);border-bottom:1px solid #8caaee4d}.theme-catppuccin-frappe .conflict-modal-header h2,.theme-catppuccin-frappe .conflict-modal-main-text,.theme-catppuccin-frappe .conflict-modal-main-text strong{color:#c6d0f5}.theme-catppuccin-frappe .conflict-modal-error-box{background-color:#ef9f7626;border:1px solid #ef9f764d}.theme-catppuccin-frappe .error-label,.theme-catppuccin-frappe .error-message{color:#ef9f76}.theme-catppuccin-frappe .conflict-modal-warning{background-color:#e7828426;border:1px solid #e782844d}.theme-catppuccin-frappe .conflict-modal-warning strong,.theme-catppuccin-frappe .failed-files-list,.theme-catppuccin-frappe .failed-files-list li{color:#e78284}.theme-catppuccin-frappe .conflict-modal-info-box{background-color:#8caaee26;border:1px solid #8caaee4d}.theme-catppuccin-frappe .conflict-modal-info-box p,.theme-catppuccin-frappe .conflict-modal-info-box strong,.theme-catppuccin-frappe .conflict-modal-info-box ul{color:#c6d0f5}.theme-catppuccin-frappe .conflict-modal-footer{border-top:1px solid #8caaee4d}.theme-catppuccin-frappe .conflict-modal-btn-cancel{color:#c6d0f5;background-color:#ffffff1a}.theme-catppuccin-frappe .conflict-modal-btn-cancel:hover{background-color:#ffffff26}.theme-catppuccin-frappe .conflict-modal-btn-resolve{color:#303446;background-color:#8caaee;font-weight:600}.theme-catppuccin-frappe .conflict-modal-btn-resolve:hover{background-color:#7a98e4}.theme-catppuccin-macchiato .conflict-modal{background-color:#24273a;box-shadow:0 4px 16px #00000080}.theme-catppuccin-macchiato .conflict-modal-header{background:linear-gradient(135deg,#8aadf426 0%,#c6a0f61a 100%);border-bottom:1px solid #8aadf44d}.theme-catppuccin-macchiato .conflict-modal-header h2,.theme-catppuccin-macchiato .conflict-modal-main-text,.theme-catppuccin-macchiato .conflict-modal-main-text strong{color:#cad3f5}.theme-catppuccin-macchiato .conflict-modal-error-box{background-color:#f5a97f26;border:1px solid #f5a97f4d}.theme-catppuccin-macchiato .error-label,.theme-catppuccin-macchiato .error-message{color:#f5a97f}.theme-catppuccin-macchiato .conflict-modal-warning{background-color:#ed879626;border:1px solid #ed87964d}.theme-catppuccin-macchiato .conflict-modal-warning strong,.theme-catppuccin-macchiato .failed-files-list,.theme-catppuccin-macchiato .failed-files-list li{color:#ed8796}.theme-catppuccin-macchiato .conflict-modal-info-box{background-color:#8aadf426;border:1px solid #8aadf44d}.theme-catppuccin-macchiato .conflict-modal-info-box p,.theme-catppuccin-macchiato .conflict-modal-info-box strong,.theme-catppuccin-macchiato .conflict-modal-info-box ul{color:#cad3f5}.theme-catppuccin-macchiato .conflict-modal-footer{border-top:1px solid #8aadf44d}.theme-catppuccin-macchiato .conflict-modal-btn-cancel{color:#cad3f5;background-color:#ffffff1a}.theme-catppuccin-macchiato .conflict-modal-btn-cancel:hover{background-color:#ffffff26}.theme-catppuccin-macchiato .conflict-modal-btn-resolve{color:#24273a;background-color:#8aadf4;font-weight:600}.theme-catppuccin-macchiato .conflict-modal-btn-resolve:hover{background-color:#739bea}.theme-catppuccin-mocha .conflict-modal{background-color:#1e1e2e;box-shadow:0 4px 16px #0009}.theme-catppuccin-mocha .conflict-modal-header{background:linear-gradient(135deg,#89b4fa26 0%,#cba6f71a 100%);border-bottom:1px solid #89b4fa4d}.theme-catppuccin-mocha .conflict-modal-header h2,.theme-catppuccin-mocha .conflict-modal-main-text,.theme-catppuccin-mocha .conflict-modal-main-text strong{color:#cdd6f4}.theme-catppuccin-mocha .conflict-modal-error-box{background-color:#fab38726;border:1px solid #fab3874d}.theme-catppuccin-mocha .error-label,.theme-catppuccin-mocha .error-message{color:#fab387}.theme-catppuccin-mocha .conflict-modal-warning{background-color:#f38ba826;border:1px solid #f38ba84d}.theme-catppuccin-mocha .conflict-modal-warning strong,.theme-catppuccin-mocha .failed-files-list,.theme-catppuccin-mocha .failed-files-list li{color:#f38ba8}.theme-catppuccin-mocha .conflict-modal-info-box{background-color:#89b4fa26;border:1px solid #89b4fa4d}.theme-catppuccin-mocha .conflict-modal-info-box p,.theme-catppuccin-mocha .conflict-modal-info-box strong,.theme-catppuccin-mocha .conflict-modal-info-box ul{color:#cdd6f4}.theme-catppuccin-mocha .conflict-modal-footer{border-top:1px solid #89b4fa4d}.theme-catppuccin-mocha .conflict-modal-btn-cancel{color:#cdd6f4;background-color:#ffffff1a}.theme-catppuccin-mocha .conflict-modal-btn-cancel:hover{background-color:#ffffff26}.theme-catppuccin-mocha .conflict-modal-btn-resolve{color:#1e1e2e;background-color:#89b4fa;font-weight:600}.theme-catppuccin-mocha .conflict-modal-btn-resolve:hover{background-color:#70a2f0}.pipeline-editor-panel{background-color:var(--bg-primary,#1a1a2e);z-index:100;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.pipeline-editor-header{border-bottom:1px solid var(--border-color,#ffffff1a);background:linear-gradient(135deg,#6366f126 0%,#3b82f626 100%);padding:24px}.pipeline-editor-header h3{color:var(--palette-text-primary-default);margin:0 0 8px;font-size:24px;font-weight:600}.pipeline-editor-header p{color:var(--palette-text-secondary-default);margin:0;font-size:14px}.edit-mode-badge{color:#388e3c;background:linear-gradient(135deg,#4caf501a 0%,#388e3c1a 100%);border:1px solid #4caf504d;border-radius:8px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-block}.auto-save-indicator{color:#1976d2;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-size:12px;font-weight:500;animation:2s ease-in-out infinite pulse;display:inline-flex}.auto-save-indicator.saved{color:#388e3c;background:#4caf501a;border-color:#4caf504d;animation:none}.pipeline-editor-tabs{border-bottom:2px solid var(--border-color,#ffffff1a);background-color:var(--bg-secondary,#16213e);gap:8px;padding:16px 24px 0;display:flex}.tab-btn{color:var(--text-secondary,#fff9);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary,#ffffffe6);background:#6366f126}.tab-btn.active{color:var(--palette-action-primary-default);border-bottom-color:var(--palette-action-primary-default);font-weight:600}.tab-content{max-height:calc(100vh - 280px);padding:24px;overflow-y:auto}.form-section{margin-bottom:32px}.form-section h4{color:var(--palette-text-primary-default);margin:0 0 16px;font-size:16px;font-weight:600}.help-text{color:var(--palette-text-secondary-default);margin:0 0 16px;font-size:13px}.stages-list{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.stage-item{background:linear-gradient(135deg,#6366f133 0%,#3b82f633 100%);border:1px solid #6366f166;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.stage-number{background:var(--palette-action-primary-default);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:flex}.stage-name{color:var(--palette-text-primary-default);font-size:13px;font-weight:500}.include-item,.variable-item{background:var(--bg-secondary,#16213e);border:1px solid var(--border-color,#ffffff1a);border-radius:8px;margin-bottom:16px;padding:16px}.jobs-tab{grid-template-columns:250px 1fr;gap:24px;padding:0;display:grid}.jobs-sidebar{border-right:1px solid var(--border-color,#ffffff1a);flex-direction:column;gap:16px;padding:24px 0 24px 24px;display:flex}.jobs-list{flex-direction:column;gap:8px;display:flex}.job-item{border:1px solid var(--border-color,#ffffff1a);background:var(--bg-secondary,#16213e);cursor:pointer;border-radius:8px;padding:12px;transition:all .2s}.job-item:hover{background:var(--shade-medium,#ffffff0d);border-color:var(--palette-action-primary-default)}.job-item.active{border-color:var(--palette-action-primary-default);background:linear-gradient(135deg,#6366f133 0%,#3b82f633 100%)}.job-item.template{opacity:.7;font-style:italic}.job-name{color:var(--palette-text-primary-default);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.job-stage{color:var(--palette-text-secondary-default);font-size:12px}.job-details{padding:24px;overflow-y:auto}.job-editor{max-width:600px}.job-editor h4{color:var(--palette-text-primary-default);margin:0 0 24px;font-size:18px;font-weight:600}.no-selection{height:200px;color:var(--palette-text-secondary-default);justify-content:center;align-items:center;display:flex}.add-btn,.remove-btn{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.add-btn{color:var(--palette-action-primary-default);background:linear-gradient(135deg,#6366f11a 0%,#3b82f61a 100%);border:1px solid #6366f14d}.add-btn:hover{background:linear-gradient(135deg,#6366f126 0%,#3b82f626 100%);transform:translateY(-1px)}.add-btn-small{border:1px dashed var(--palette-common-grey-300);color:var(--palette-text-secondary-default);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.add-btn-small:hover{border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default)}.remove-btn{color:#d32f2f;background:linear-gradient(135deg,#f443361a 0%,#d32f2f1a 100%);border:1px solid #f443364d}.remove-btn:hover{background:linear-gradient(135deg,#f4433626 0%,#d32f2f26 100%);transform:translateY(-1px)}.remove-btn-small{color:#d32f2f;cursor:pointer;background:#f443361a;border:1px solid #f443364d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:all .2s;display:flex}.remove-btn-small:hover{background:#f4433633;transform:scale(1.1)}.pipeline-editor-content{flex:1;padding:24px;overflow-y:auto}.pipeline-visual{gap:24px;height:calc(100vh - 200px);display:flex;padding:0!important}.pipeline-canvas{background:var(--bg-secondary,#16213e);flex:1;padding:24px;overflow:auto}.pipeline-stages-container{align-items:flex-start;gap:32px;min-width:max-content;padding:20px;display:flex}.pipeline-stage-column{background:0 0;flex-direction:column;gap:16px;min-width:280px;display:flex;position:relative}.stage-header{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#3b82f6 100%);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 2px 8px #6366f14d}.stage-header h4{margin:0;font-size:16px;font-weight:600}.stage-remove-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;width:24px;height:24px;padding:0;font-size:18px;line-height:1;transition:all .2s}.stage-remove-btn:hover{background:#ffffff4d;transform:scale(1.1)}.stage-jobs-list{background:0 0;flex-direction:column;gap:12px;display:flex}.job-card{background:var(--bg-primary,#1a1a2e);border:2px solid var(--border-color,#ffffff1a);cursor:pointer;border-radius:12px;padding:16px;transition:all .2s;box-shadow:0 2px 4px #0000004d}.job-card:hover{border-color:var(--palette-action-primary-default);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.job-card.selected{border-color:var(--palette-action-primary-default);background:linear-gradient(135deg,#6366f133 0%,#3b82f633 100%);box-shadow:0 4px 12px #6366f166}.job-card.template{background:#9ca3af1a;border-style:dashed}.job-card-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.job-icon{font-size:20px;line-height:1}.job-name{color:var(--palette-text-primary-default);font-size:15px;font-weight:600}.job-card-details{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.job-stage-badge{background:var(--bg-secondary,#16213e);color:var(--text-secondary,#ffffffb3);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.job-script-count{color:var(--palette-text-secondary-default);font-size:12px}.add-job-btn{background:var(--bg-secondary,#16213e);border:2px dashed var(--border-color,#fff3);width:100%;color:var(--palette-action-primary-default);cursor:pointer;border-radius:8px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.add-job-btn:hover{border-color:var(--palette-action-primary-default);background:#6366f126}.stage-connector{color:#ffffff4d;font-size:32px;position:absolute;top:45px;right:-42px}.add-stage-column{justify-content:center;align-items:center;min-width:200px}.add-stage-btn{background:var(--bg-secondary,#16213e);border:2px dashed var(--border-color,#fff3);width:100%;min-height:200px;color:var(--palette-action-primary-default);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.add-stage-btn:hover{border-color:var(--palette-action-primary-default);background:#6366f126;transform:scale(1.02)}.add-stage-btn .add-icon{font-size:48px;line-height:1}.job-config-panel{background:var(--bg-primary,#1a1a2e);border-right:2px solid var(--palette-action-primary-default);z-index:200;flex-direction:column;width:380px;max-width:380px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;box-shadow:4px 0 20px #00000080}.config-panel-header{border-bottom:1px solid var(--border-color,#ffffff1a);background:linear-gradient(135deg,#6366f126 0%,#3b82f626 100%);justify-content:space-between;align-items:center;padding:20px;display:flex}.config-panel-header h4{color:var(--palette-text-primary-default);margin:0;font-size:16px;font-weight:600}.close-config-btn{border:1px solid var(--border-color,#fff3);color:var(--text-primary,#ffffffe6);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:32px;padding:0;font-size:20px;line-height:1;transition:all .2s}.close-config-btn:hover{background:var(--shade-medium,#ffffff0d);border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default)}.config-panel-content{flex-direction:column;gap:20px;padding:16px;display:flex;overflow-x:hidden}.script-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.script-item input{flex:1}.pipeline-platform-selector label{color:var(--palette-text-primary-default);margin-bottom:12px;font-size:14px;font-weight:600;display:block}.platform-buttons{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.platform-btn{border:2px solid var(--border-color,#fff3);background-color:var(--bg-secondary,#16213e);color:var(--text-primary,#ffffffe6);cursor:pointer;text-align:center;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.platform-btn:hover{border-color:var(--palette-action-primary-default);background-color:#6366f126;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.platform-btn.active{border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default);background:linear-gradient(135deg,#6366f14d 0%,#3b82f64d 100%);font-weight:600;box-shadow:0 2px 8px #6366f166}.pipeline-customization{background-color:var(--bg-secondary,#16213e);border:1px solid var(--border-color,#ffffff1a);border-radius:12px;padding:20px}.pipeline-customization h4{color:var(--palette-text-primary-default);margin:0 0 16px;font-size:16px;font-weight:600}.parsed-info{background:linear-gradient(135deg,#2196f333 0%,#1976d233 100%);border:1px solid #2196f366;border-radius:8px;margin-bottom:16px;padding:10px 14px}.parsed-badge{color:#1976d2;font-size:12px;font-weight:500}.form-group:last-child{margin-bottom:0}.form-group select,.form-group input[type=text]{border:1px solid var(--border-color,#fff3);width:100%;max-width:100%;font-size:14px;font-family:var(--main-font);background-color:var(--bg-secondary,#16213e);color:var(--text-primary,#ffffffe6);box-sizing:border-box;border-radius:6px;padding:8px 12px;transition:border-color .2s}.form-group input[type=text]:focus,.form-group select:focus{border-color:var(--palette-action-primary-default);outline:none;box-shadow:0 0 0 3px #6366f14d}.form-group.checkbox-group{margin-bottom:12px}.form-group.checkbox-group label{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:flex}.form-group.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--palette-action-primary-default)}.pipeline-preview{background-color:var(--bg-secondary,#16213e);border:1px solid var(--border-color,#ffffff1a);border-radius:12px;padding:20px}.pipeline-preview h4{color:var(--palette-text-primary-default);margin:0 0 16px;font-size:16px;font-weight:600}.preview-info{flex-direction:column;gap:8px;display:flex}.preview-detail{color:var(--palette-text-secondary-default);font-size:14px}.preview-detail strong{color:var(--palette-text-primary-default);margin-right:8px}.edit-badge{color:#f57c00;background:linear-gradient(135deg,#ff980026 0%,#f57c0026 100%);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.pipeline-actions{justify-content:center;padding-top:8px;display:flex}.insert-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1976d2 0%,#3b82f6 100%);border:none;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1976d24d}.insert-btn:hover{background:linear-gradient(135deg,#1565c0 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 8px 20px #1976d266}.insert-btn:active{transform:translateY(0);box-shadow:0 4px 12px #1976d24d}.monaco-editor-container{background:#1e1e1e;border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.monaco-editor-container.fullscreen{z-index:21000;border-radius:0;width:100vw;height:100vh;position:fixed;inset:0}.monaco-changes-banner{background:#2d2d30;border-bottom:1px solid #3e3e42;flex-shrink:0;justify-content:space-between;align-items:center;min-height:36px;padding:8px 16px;display:flex}.webllm-progress-banner{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #5568d3;flex-shrink:0;justify-content:center;align-items:center;padding:12px 16px;animation:2s ease-in-out infinite webllm-pulse;display:flex}@keyframes webllm-pulse{0%,to{opacity:1}50%{opacity:.85}}.webllm-progress-content{align-items:center;gap:12px;max-width:800px;display:flex}.webllm-spinner{font-size:24px;animation:2s linear infinite webllm-rotate}@keyframes webllm-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.webllm-progress-text{color:#fff;flex-direction:column;gap:4px;display:flex}.webllm-progress-text strong{letter-spacing:.3px;font-size:14px;font-weight:600}.webllm-progress-detail{opacity:.95;font-size:13px;font-weight:500}.webllm-progress-message{opacity:.85;margin-top:2px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px}.changes-summary{align-items:center;gap:12px;display:flex}.changes-icon{font-size:16px}.changes-text{color:#ccc;font-size:13px;font-weight:500}.changes-stats{align-items:center;gap:8px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;font-weight:600;display:flex}.changes-stats .additions{color:#4a9a4a;background:#4a9a4a26;border-radius:3px;padding:2px 8px}.changes-stats .deletions{color:#d9534f;background:#d9534f26;border-radius:3px;padding:2px 8px}.changes-file-info{align-items:center;gap:6px;display:flex}.changes-file-info .file-icon{font-size:14px}.changes-file-info .file-name{color:#888;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px}.changes-file-info .changes-hint{color:#666;margin-left:8px;font-size:11px;font-style:italic}.monaco-editor-header{background:#252526;border-bottom:1px solid #3e3e42;flex-shrink:0;justify-content:space-between;align-items:center;min-height:48px;padding:8px 16px;display:flex}.monaco-file-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.monaco-file-icon{flex-shrink:0;font-size:18px}.monaco-file-path{color:#ccc;white-space:nowrap;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;overflow:hidden}.monaco-modified-indicator{color:#4ec9b0;flex-shrink:0;font-size:11px;font-weight:500;animation:2s ease-in-out infinite pulse}.monaco-sent-indicator{color:#89d185;flex-shrink:0;font-size:11px;font-weight:500}.monaco-changed-after-sent-indicator{color:#f48771;flex-shrink:0;font-size:11px;font-weight:500;animation:2s ease-in-out infinite pulse}.monaco-ai-editing-indicator{color:#f48771;flex-shrink:0;align-items:center;gap:4px;font-size:11px;font-weight:500;animation:1s ease-in-out infinite pulse;display:flex}.monaco-toolbar{flex-shrink:0;align-items:center;gap:8px;display:flex}.monaco-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #3e3e42;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12px;transition:all .2s;display:flex}.monaco-btn:hover:not(:disabled){color:#fff;background:#2a2d2e;border-color:#4fc3f7}.monaco-btn.active{color:#fff;background:#094771;border-color:#007acc}.monaco-btn.active:hover:not(:disabled){background:#0e639c;border-color:#17b}.monaco-btn:active:not(:disabled){background:#1e1e1e;transform:translateY(1px)}.monaco-btn[title*=Collapse],.monaco-btn[title*=Expand]{font-weight:500}.monaco-btn[title*=Collapse]:hover:not(:disabled),.monaco-btn[title*=Expand]:hover:not(:disabled){background:#094771;border-color:#4fc3f7}.monaco-btn:disabled{opacity:.4;cursor:not-allowed}.monaco-btn-primary{color:#fff;background:#0e639c;border-color:#0e639c}.monaco-btn-primary:hover:not(:disabled){background:#17b;border-color:#17b}.monaco-btn-success{color:#fff;background:#28a745;border-color:#28a745;font-weight:500}.monaco-btn-success:hover:not(:disabled){background:#218838;border-color:#218838}.monaco-btn-danger{color:#fff;background:#dc3545;border-color:#dc3545;font-weight:500}.monaco-btn-danger:hover:not(:disabled){background:#c82333;border-color:#c82333}.monaco-btn-active{color:#fff;background:#0e639c;border-color:#0e639c;box-shadow:0 0 8px #0e639c80}.monaco-editor-wrapper{flex:1;min-height:0;position:relative;overflow:hidden}.monaco-editor-wrapper.split-preview{background:#3e3e42;flex-direction:row;gap:1px;display:flex}.monaco-editor-wrapper.split-preview>*{flex:1;min-width:0}.monaco-markdown-preview{color:#d4d4d4;background:#1e1e1e;height:100%;padding:24px;overflow-y:auto}.monaco-html-preview{background:#fff;width:100%;height:100%;overflow:hidden}.markdown-preview-content{margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6}.markdown-preview-content h1{color:#fff;border-bottom:1px solid #3e3e42;margin:.3em 0;padding-bottom:.1em;font-size:2em}.markdown-preview-content h2{color:#fff;border-bottom:1px solid #3e3e42;margin:.3em 0;padding-bottom:.1em;font-size:1.5em}.markdown-preview-content h3{color:#fff;margin:.3em 0;font-size:1.25em}.markdown-preview-content p{color:#d4d4d4;margin:.2em 0}.markdown-preview-content code{color:#ce9178;background:#2d2d30;border-radius:3px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.9em}.markdown-preview-content pre{background:#2d2d30;border:1px solid #3e3e42;border-radius:6px;margin:1em 0;padding:16px;overflow-x:auto}.markdown-preview-content pre code{color:#d4d4d4;background:0 0;padding:0}.markdown-preview-content a{color:#4fc3f7;text-decoration:none}.markdown-preview-content a:hover{text-decoration:underline}.markdown-preview-content ul,.markdown-preview-content ol{margin:.2em 0;padding-left:2em}.markdown-preview-content li{color:#d4d4d4;margin:.1em 0}.markdown-preview-content img{border-radius:6px;max-width:100%;height:auto;margin:1em 0}.markdown-preview-content strong{color:#fff;font-weight:600}.markdown-preview-content em{font-style:italic}.markdown-preview-content .markdown-table{border-collapse:collapse;background:#252526;border-radius:6px;width:100%;margin:1.5em 0;overflow:hidden;box-shadow:0 2px 8px #0000004d}.markdown-preview-content .markdown-table thead{background:#2d2d30}.markdown-preview-content .markdown-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #3e3e42;padding:12px 16px;font-size:14px;font-weight:600}.markdown-preview-content .markdown-table td{color:#d4d4d4;border-bottom:1px solid #3e3e42;padding:12px 16px;font-size:14px}.markdown-preview-content .markdown-table tbody tr:hover{background:#2d2d30}.markdown-preview-content .markdown-table tbody tr:last-child td{border-bottom:none}.markdown-preview-content .markdown-table td:has(🟢){font-weight:500}.markdown-preview-content .markdown-table td:has(🟡){font-weight:500}.markdown-preview-content .markdown-table td:has(🔴){font-weight:500}.markdown-preview-content .markdown-table td:has(✅){font-weight:500}.markdown-preview-content .mermaid-wrapper{margin:1.5em 0}.markdown-preview-content .mermaid{background:#2d2d30;border:1px solid #3e3e42;border-radius:8px;justify-content:center;align-items:center;min-height:200px;padding:24px;display:flex}.markdown-preview-content .mermaid svg{max-width:100%;height:auto}.monaco-loading{color:#ccc;background:#1e1e1e;justify-content:center;align-items:center;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;display:flex}.monaco-editor-empty{text-align:center;background:#1e1e1e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.monaco-editor-empty .empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.monaco-editor-empty p{color:#ccc;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px}.monaco-editor-footer{background:#007acc;border-top:1px solid #3e3e42;flex-shrink:0;justify-content:space-between;align-items:center;min-height:28px;padding:4px 16px;display:flex}.monaco-status-left,.monaco-status-right{align-items:center;gap:16px;display:flex}.monaco-status-item{color:#fff;white-space:nowrap;border-radius:3px;padding:2px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:11px;transition:background .2s}.monaco-status-item:hover{cursor:pointer;background:#ffffff1a}.monaco-error-count{color:#ff6b6b;background:#f4433633;border:1px solid #f4433666;font-weight:600}.monaco-error-count:hover{background:#f443364d}.monaco-warning-count{color:#ffb74d;background:#ff980033;border:1px solid #ff980066;font-weight:600}.monaco-warning-count:hover{background:#ff98004d}.monaco-no-problems{color:#81c784;background:#4caf5033;border:1px solid #4caf5066;font-weight:600}.monaco-no-problems:hover{background:#4caf504d}@media (max-width:768px){.monaco-editor-header{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.monaco-file-info{flex-direction:column;align-items:flex-start}.monaco-toolbar{flex-wrap:wrap;justify-content:flex-start}.monaco-btn{padding:5px 10px;font-size:11px}.monaco-editor-footer{flex-direction:column;align-items:stretch;gap:4px;padding:8px}.monaco-status-left,.monaco-status-right{justify-content:space-between;gap:8px}}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .monaco-editor-container{background:#fff}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .monaco-editor-header{background:#f8f8f8;border-bottom:1px solid #e0e0e0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .monaco-file-path{color:#2a2a2a}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .monaco-btn{color:#2a2a2a;background:#00000008;border-color:#d0d0d0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .monaco-btn:hover:not(:disabled){border-color:var(--accent-color,#3b82f6);color:var(--accent-color,#3b82f6);background:#00000014}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .monaco-btn.active{background:var(--accent-color,#3b82f6);color:#fff;border-color:var(--accent-color,#3b82f6)}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .monaco-editor-footer{background:#f8f8f8;border-top:1px solid #e0e0e0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .monaco-changes-banner{background:#f0f0f0;border-bottom:1px solid #e0e0e0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .changes-text{color:#2a2a2a}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .changes-file-info .file-name{color:#5a5a5a}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .changes-file-info .changes-hint{color:#707070}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .monaco-markdown-preview{color:#1f2328;background:#fff}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content h1,body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content h2{color:#1f2328;border-bottom-color:#d1d9e0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content h3,body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content p{color:#1f2328}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content code{color:#e3116c;background:#f6f8fa}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content pre{background:#f6f8fa;border-color:#d1d9e0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content pre code{color:#1f2328}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content a{color:#0969da}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content li,body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content strong{color:#1f2328}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content .markdown-table{background:#fff;box-shadow:0 2px 8px #00000014}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content .markdown-table thead{background:#f6f8fa}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content .markdown-table th,body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content .markdown-table td{color:#1f2328;border-bottom-color:#d1d9e0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content .markdown-table tbody tr:hover{background:#f6f8fa}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .markdown-preview-content .mermaid{background:#f6f8fa;border-color:#d1d9e0}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider{background:#79797966!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider:hover{background:#646464b3!important}.monaco-diff-insert{background:#4a9a4a40!important;border-left:3px solid #4a9a4a!important}.monaco-diff-delete{background:#d9534f40!important;border-left:3px solid #d9534f!important}.monaco-diff-insert-glyph{background:#4a9a4a!important;width:8px!important;margin-left:2px!important}.monaco-diff-insert-glyph:before{content:"+";color:#fff;text-align:center;font-size:14px;font-weight:700;line-height:14px;display:block}.monaco-diff-delete-glyph{background:#d9534f!important;width:8px!important;margin-left:2px!important}.monaco-diff-delete-glyph:before{content:"−";color:#fff;text-align:center;font-size:14px;font-weight:700;line-height:14px;display:block}.monaco-change-widget{background:#1e1e1ef2;border:1px solid #3e3e42;border-radius:4px;gap:4px;padding:4px;display:flex;box-shadow:0 2px 8px #0006}.monaco-change-btn{cursor:pointer;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:14px;transition:all .2s;display:flex}.monaco-change-accept{color:#4a9a4a;background:#4a9a4a4d;border-color:#4a9a4a}.monaco-change-accept:hover{color:#fff;background:#4a9a4a;transform:scale(1.1)}.monaco-change-reject{color:#d9534f;background:#d9534f4d;border-color:#d9534f}.monaco-change-reject:hover{color:#fff;background:#d9534f;transform:scale(1.1)}.monaco-change-icon{font-size:12px;font-weight:700}.ai-modified-line{animation:3s ease-out forwards fadeOutDiff;background:#4fc3f733!important}.ai-modified-glyph:before{content:"✨";margin-left:4px}@keyframes fadeOutDiff{0%{background:#4fc3f74d!important}to{background:0 0!important}}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider.active{background:#bfbfbf66!important}.ai-modified-line{animation:.3s ease-in fadeInHighlight;background:#4caf5026!important;border-left:3px solid #4caf50!important}.ai-modified-glyph{margin-left:3px;background:#4caf50!important;width:3px!important}@keyframes fadeInHighlight{0%{background:#4caf5066}to{background:#4caf5026}}.preview-auto-sync-panel{background:#ffffff0d;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.sync-service-info{background:#60a5fa26;border:1px solid #60a5fa4d;border-radius:4px;align-items:center;gap:8px;margin-right:auto;padding:4px 12px;display:flex}.service-icon{font-size:16px}.service-name{color:#60a5fa;font-size:14px;font-weight:600}.sync-status{align-items:center;gap:8px;display:flex}.sync-icon{font-size:16px;animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-text{color:#ffffffe6;font-weight:500}.sync-time{color:#ffffff80;margin-left:auto;font-size:12px}.sync-button{color:#60a5fa;cursor:pointer;background:#60a5fa33;border:1px solid #60a5fa66;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.sync-button:hover:not(:disabled){background:#60a5fa4d;border-color:#60a5fa99}.sync-button:disabled{opacity:.5;cursor:not-allowed}.sync-result{border-radius:4px;padding:4px 12px;font-size:12px;animation:.3s fadeIn}.sync-result.success{color:#22c55e;background:#22c55e33;border:1px solid #22c55e66}.sync-result.error{color:#ef4444;background:#ef444433;border:1px solid #ef444466}.preview-auto-sync-inline{align-items:center;gap:12px;display:flex}.sync-status-inline{align-items:center;gap:6px;display:flex}.sync-status-inline .sync-icon{font-size:14px}.sync-status-inline .sync-text{color:#000;font-size:13px;font-weight:500}.sync-button-inline{color:#000;cursor:pointer;background:#60a5fa26;border:1px solid #60a5fa4d;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.sync-button-inline:hover:not(:disabled){background:#60a5fa40;border-color:#60a5fa80;transform:translateY(-1px)}.sync-button-inline:disabled{opacity:.5;cursor:not-allowed}.preview-logs{background:var(--bg-secondary,#16213e);border:1px solid var(--border-color,#7c3aed26);flex-direction:column;font-family:SF Mono,Monaco,Menlo,Courier New,monospace;font-size:12px;transition:height .3s,z-index;display:flex;position:fixed;left:0;right:0;box-shadow:0 -4px 20px #00000059}.preview-logs-bottom{border-top:2px solid var(--mia-purple-primary,#7c3aed);bottom:0}.preview-logs-top{border-bottom:2px solid var(--mia-purple-primary,#7c3aed);top:0}.preview-logs.collapsed{z-index:10000;height:36px}.preview-logs.expanded{resize:vertical;z-index:10003;height:300px;max-height:40vh;overflow:visible}.preview-logs-header{background:var(--bg-tertiary,#0f3460);border-bottom:1px solid var(--border-color,#7c3aed26);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.preview-logs-title{color:var(--text-primary,#e1e8ed);align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:600;display:flex}.preview-logs-icon{font-size:13px}.preview-logs-status{margin-left:2px;font-size:8px}.preview-logs-status.connected{color:var(--success-color,#10b981);animation:2s infinite pulse}.preview-logs-status.disconnected{color:var(--error-color,#ef4444)}.preview-logs-count{color:var(--text-tertiary,#6b7a87);font-size:11px}.preview-logs-error-badge{background:var(--error-color,#ef4444);color:#fff;letter-spacing:.02em;border-radius:20px;align-items:center;gap:4px;margin-left:10px;padding:2px 8px;font-size:10px;font-weight:700;animation:2.5s infinite pulse-error;display:inline-flex}@keyframes pulse-error{0%,to{background:#dc3545;box-shadow:0 0 #dc3545b3}50%{background:#c82333;box-shadow:0 0 0 4px #dc354500}}.preview-logs-resolved-badge{background:var(--success-color,#10b981);color:#fff;letter-spacing:.02em;opacity:.85;border-radius:20px;align-items:center;gap:4px;margin-left:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.preview-log-historical{opacity:.45;font-style:italic}.preview-logs-warning-badge{background:var(--warning-color,#f59e0b);color:#1a1a1a;border-radius:20px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.preview-logs-actions{align-items:center;gap:6px;display:flex}.preview-logs-filter{box-sizing:border-box;background-color:var(--bg-primary,#1a0b2e);height:48px;min-height:48px;max-height:48px;color:var(--text-secondary,#90a4ae);border:1px solid var(--border-color,#7c3aed33);cursor:pointer;appearance:none;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2390a4ae' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border-radius:6px;outline:none;padding:0 22px 0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:1;transition:border-color .2s}.preview-logs-filter:hover,.preview-logs-filter:focus{border-color:var(--mia-purple-primary,#7c3aed)}.preview-logs-btn{border:1px solid var(--border-color,#ffffff1a);color:var(--text-secondary,#90a4ae);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:1;transition:all .2s;display:inline-flex}.preview-logs-btn:hover{border-color:var(--mia-purple-secondary,#a78bfa);color:var(--text-primary,#e1e8ed);background:#ffffff12}.preview-logs-btn.active{border-color:var(--mia-purple-primary,#7c3aed);color:var(--mia-purple-secondary,#a78bfa);background:#7c3aed33}.preview-logs-ask-ai{background:linear-gradient(135deg,var(--mia-purple-primary,#7c3aed)0%,var(--accent-primary,#00b4d8)100%);color:#fff;letter-spacing:.02em;border-color:#0000;border-radius:6px;padding:4px 12px;font-weight:600;box-shadow:0 2px 8px #7c3aed4d}.preview-logs-ask-ai:hover{color:#fff;background:linear-gradient(135deg,#6d28d9 0%,#0090ad 100%);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed73}.preview-logs-icon-btn{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0}.preview-logs-icon-btn svg{flex-shrink:0;display:block}.preview-logs-toggle{color:var(--text-secondary,#90a4ae);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:13px;line-height:1;transition:all .2s;display:inline-flex}.preview-logs-toggle:hover{color:var(--text-primary,#e1e8ed);background:#ffffff12;transform:scale(1.1)}.preview-logs-content{background:var(--bg-secondary,#16213e);flex:1;min-height:0;padding:8px;overflow:hidden auto}.preview-logs-empty{color:var(--text-tertiary,#6b7a87);text-align:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:italic}.preview-logs-lines{flex-direction:column;gap:2px;display:flex}.preview-log-line{border-radius:4px;align-items:flex-start;gap:8px;padding:2px 6px;line-height:1.5;display:flex}.preview-log-line:hover{background:#ffffff0a}.preview-log-time{color:var(--text-tertiary,#6b7a87);flex-shrink:0;min-width:60px;font-size:10px}.preview-log-type-indicator{color:var(--text-muted,#90a4ae);flex-shrink:0;min-width:12px;font-size:10px}.preview-log-stdout .preview-log-type-indicator{color:var(--success-color,#10b981)}.preview-log-stderr .preview-log-type-indicator{color:var(--warning-color,#f59e0b)}.preview-log-client-error .preview-log-type-indicator{color:var(--error-color,#ef4444)}.preview-log-text{color:var(--text-primary,#e1e8ed);word-break:break-word;white-space:pre-wrap;flex:1}.preview-log-stderr .preview-log-text{color:#ffb74d}.preview-log-client-error .preview-log-text{color:#ff6b6b;font-weight:500}.preview-logs-content::-webkit-scrollbar{width:6px}.preview-logs-content::-webkit-scrollbar-track{background:0 0}.preview-logs-content::-webkit-scrollbar-thumb{background:var(--border-strong,#2d3e5f);border-radius:4px}.preview-logs-content::-webkit-scrollbar-thumb:hover{background:var(--mia-purple-primary,#7c3aed)}.helm-preview-panel{--h-bg:#0d1117;--h-bg2:#161b22;--h-border:#30363d;--h-text:#e6edf3;--h-muted:#8b949e;--h-success:#3fb950;--h-error:#f85149;--h-warn:#d29922;--h-info:#58a6ff;--h-err-bg:#2a0f0f;--h-warn-bg:#2a1f0f;--h-info-bg:#0d1f2d;--h-code-bg:#0006}body:not(.dark-mode) .helm-preview-panel{--h-bg:#fff;--h-bg2:#f6f8fa;--h-border:#d0d7de;--h-text:#1f2328;--h-muted:#57606a;--h-success:#1a7f37;--h-error:#cf222e;--h-warn:#9a6700;--h-info:#0969da;--h-err-bg:#ffebe9;--h-warn-bg:#fff8c5;--h-info-bg:#ddf4ff;--h-code-bg:#0000000f}.helm-preview-panel{background:var(--h-bg);min-height:0;color:var(--h-text);border:1px solid var(--h-border);border-radius:8px;flex-direction:column;flex:1;font-family:-apple-system,Segoe UI,sans-serif;display:flex;overflow:hidden}.helm-header{background:var(--h-bg2);border-bottom:1px solid var(--h-border);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.helm-icon{font-size:20px}.helm-title{color:var(--h-text);font-size:14px;font-weight:600}.helm-status-badge{border:1px solid var(--h-border);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.helm-status-idle,.helm-status-pending{color:var(--h-muted);background:var(--h-bg2)}.helm-status-linting{color:var(--h-info);background:var(--h-info-bg);border-color:var(--h-info)}.helm-status-running{color:#bc8cff;background:#1c1a3d;border-color:#bc8cff}.helm-status-success{color:var(--h-success);background:var(--h-info-bg);border-color:var(--h-success)}.helm-status-error{color:var(--h-error);background:var(--h-err-bg);border-color:var(--h-error)}.helm-ws-dot{background:var(--h-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto}.helm-ws-dot.connected{background:var(--h-success)}.helm-ws-dot.disconnected{background:var(--h-error)}.helm-run-btn{color:#fff;cursor:pointer;background:#238636;border:1px solid #2ea043;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s}.helm-run-btn:hover{background:#2ea043}.helm-summary-bar{background:var(--h-bg2);border-bottom:1px solid var(--h-border);color:var(--h-text);flex-shrink:0;align-items:center;gap:16px;padding:8px 16px;font-size:12px;display:flex}.helm-count{color:var(--h-muted);font-weight:600}.helm-count.has-error{color:var(--h-error)}.helm-count.has-warn{color:var(--h-warn)}.helm-count.ok{color:var(--h-success)}.helm-phase{color:var(--h-muted);font-size:12px}.helm-phase.has-error{color:var(--h-error)}.helm-phase.ok{color:var(--h-success)}.helm-tabs{background:var(--h-bg2);border-bottom:1px solid var(--h-border);flex-shrink:0;gap:4px;padding:8px 16px;display:flex}.helm-tab{cursor:pointer;border:1px solid var(--h-border);color:var(--h-muted);background:0 0;border-radius:6px;padding:5px 14px;font-size:12px;transition:all .15s}.helm-tab:hover{color:var(--h-text);border-color:var(--h-muted)}.helm-tab.active{background:var(--h-info);color:#fff;border-color:var(--h-info)}.helm-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.helm-issues{background:var(--h-bg);flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 16px;display:flex;overflow-y:auto}.helm-empty{color:var(--h-muted);text-align:center;padding:32px 0;font-size:13px}.helm-issue{color:var(--h-text);border-left:4px solid #0000;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.5}.helm-issue-error{background:var(--h-err-bg);border-color:var(--h-error)}.helm-issue-warning{background:var(--h-warn-bg);border-color:var(--h-warn)}.helm-issue-info{background:var(--h-info-bg);border-color:var(--h-info)}.helm-issue-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.helm-issue-sev{font-size:14px}.helm-issue-file{color:var(--h-muted);background:var(--h-code-bg);border-radius:4px;padding:1px 6px;font-family:Fira Code,monospace;font-size:11px}.helm-issue-src{color:var(--h-muted);font-size:10px}.helm-issue-msg{color:var(--h-text);margin-bottom:4px;font-weight:500}.helm-issue-suggestion{color:var(--h-muted);font-size:11px;font-style:italic}.helm-templates-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.helm-templates-toolbar{background:var(--h-bg2);border-bottom:1px solid var(--h-border);flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;display:flex}.helm-tpl-btn--right{margin-left:auto}.helm-tpl-btn{border:1px solid var(--h-border);background:var(--h-bg);color:var(--h-muted);cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-family:Fira Code,monospace;font-size:11px;transition:all .15s;display:inline-flex}.helm-tpl-btn:hover{color:var(--h-text);border-color:var(--h-muted);background:var(--h-bg2)}.helm-templates{color:#7ee787;white-space:pre-wrap;word-break:break-all;background:#010409;flex:1;min-height:0;margin:0;padding:14px 16px;font-family:Fira Code,monospace;font-size:12px;line-height:1.6;overflow:auto}.helm-muted{color:#8b949e;font-style:italic}.helm-logs{background:#010409;flex:1;min-height:0;padding:12px 16px;font-family:Fira Code,monospace;font-size:11px;line-height:1.6;overflow-y:auto}.helm-log-entry{gap:10px;display:flex}.helm-log-ts{color:#484f58;flex-shrink:0}.helm-log-msg{color:#c9d1d9;word-break:break-all}.helm-issues::-webkit-scrollbar{width:8px;height:8px}.helm-templates::-webkit-scrollbar{width:8px;height:8px}.helm-logs::-webkit-scrollbar{width:8px;height:8px}.helm-issues::-webkit-scrollbar-track{background:#00000026;border-radius:4px}.helm-templates::-webkit-scrollbar-track{background:#00000026;border-radius:4px}.helm-logs::-webkit-scrollbar-track{background:#00000026;border-radius:4px}.helm-issues::-webkit-scrollbar-thumb{background:#484f58 padding-box padding-box;border:2px solid #0000;border-radius:4px}.helm-templates::-webkit-scrollbar-thumb{background:#484f58 padding-box padding-box;border:2px solid #0000;border-radius:4px}.helm-logs::-webkit-scrollbar-thumb{background:#484f58 padding-box padding-box;border:2px solid #0000;border-radius:4px}.helm-issues::-webkit-scrollbar-thumb:hover{background:#6e7681 padding-box padding-box}.helm-templates::-webkit-scrollbar-thumb:hover{background:#6e7681 padding-box padding-box}.helm-logs::-webkit-scrollbar-thumb:hover{background:#6e7681 padding-box padding-box}.helm-templates,.helm-logs{scrollbar-color:#484f58 #010409;scrollbar-width:thin}.helm-issues{scrollbar-color:#484f58 transparent;scrollbar-width:thin}body:not(.dark-mode) .helm-issues::-webkit-scrollbar-track{background:#0000000d}body:not(.dark-mode) .helm-issues::-webkit-scrollbar-thumb{background:#b1bac4}body:not(.dark-mode) .helm-issues::-webkit-scrollbar-thumb:hover{background:#8c959f}body:not(.dark-mode) .helm-issues{scrollbar-color:#b1bac4 transparent}.flow-visualization-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;width:100%;height:600px;display:flex;overflow:hidden}.flow-visualization-header{background:#f5f5f5;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px;display:flex}.flow-visualization-header h3{color:#333;margin:0;font-size:16px;font-weight:600}.flow-header-actions{align-items:center;gap:16px;display:flex}.flow-hint{color:#666;margin:0;font-size:12px}.flow-fullscreen-btn{color:#fff;cursor:pointer;background:#05f;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;font-size:18px;transition:background .2s;display:flex}.flow-fullscreen-btn:hover{background:#04c}.flow-fullscreen-btn:active{background:#039}.flow-visualization-container:fullscreen{background:#fff;flex-direction:column;display:flex}.flow-visualization-container:fullscreen .flow-svg-container{flex:1;height:auto}.flow-svg-container{cursor:grab;flex:1;position:relative;overflow:hidden}.flow-svg-container.panning{cursor:grabbing}.node-group{cursor:grab}.state-rect-body{fill:#002c4e;stroke:#001f38;stroke-width:2px}.state-rect-titlebar{fill:#001f38;stroke:#001f38;stroke-width:2px}.creation-rect{fill:#00b34d;stroke:#008a3b;stroke-width:2px}.event-rect{fill:#05f;stroke:#04c;stroke-width:2px}.node-text{fill:#fff;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.02em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;font-weight:600}.node-icon{fill:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}.connection-line{stroke:#888;stroke-width:2px;fill:none}.arrow-head{fill:#888}@media (max-width:768px){.flow-visualization-container{height:400px}}.external-link-btn{font-family:var(--main-font);cursor:pointer;border:none;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-flex}.external-link-btn--primary{background-color:var(--palette-action-primary-default);color:#fff;border-radius:8px;padding:10px 20px;font-size:14px}.external-link-btn--primary:hover{background-color:var(--palette-action-primary-hover);transform:translateY(-1px)}.external-link-btn--primary:active{transform:translateY(0)}.external-link-btn--secondary{background-color:var(--palette-action-primary-default);color:#fff;border-radius:6px;gap:4px;padding:6px 12px;font-size:13px}.external-link-btn--secondary:hover{background-color:var(--palette-action-primary-hover)}.dark-mode .external-link-btn--primary{background-color:var(--palette-action-primary-default)}.dark-mode .external-link-btn--primary:hover{background-color:var(--palette-action-primary-hover)}.dark-mode .external-link-btn--secondary{background-color:var(--palette-action-primary-default)}.dark-mode .external-link-btn--secondary:hover{background-color:var(--palette-action-primary-hover)}.enhanced-status-bar{background:var(--palette-background-neutral-50,#f8f9fa);border-top:1px solid var(--palette-common-grey-300,#d1d5db);border-bottom:1px solid var(--palette-common-grey-300,#d1d5db);color:var(--palette-text-primary,#1f2937);z-index:100;justify-content:space-between;align-items:center;min-height:44px;padding:8px 16px;font-size:13px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 8px #00000014}.dark-mode .enhanced-status-bar{color:#e4e4e7;background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-top:1px solid #3a3a4e;border-bottom:1px solid #3a3a4e;box-shadow:0 -2px 8px #0003}.enhanced-status-bar.empty{opacity:.6;justify-content:center}.status-bar-section{align-items:center;gap:12px;display:flex}.status-bar-section.left{flex:1;overflow:hidden}.status-bar-section.left.clickable{cursor:pointer;transition:background-color .2s}.status-bar-section.left.clickable:hover{background:#0000000d;border-radius:4px}.dark-mode .status-bar-section.left.clickable:hover{background:#ffffff0d;border-radius:4px}.status-bar-section.right{align-items:center;gap:16px;display:flex}.status-indicator{font-size:16px;line-height:1;animation:2s ease-in-out infinite pulse}.enhanced-status-bar.running .status-indicator{animation:none}.enhanced-status-bar.loading .status-indicator,.enhanced-status-bar.syncing .status-indicator{animation:1.5s linear infinite rotate}.service-name{color:#2563eb;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:600;overflow:hidden;font-size:12px!important}.dark-mode .service-name{color:#a5b4fc}.status-text{color:#6b7280;font-size:12px!important}.dark-mode .status-text{color:#9ca3af}.enhanced-status-bar.running .status-text{color:#059669}.dark-mode .enhanced-status-bar.running .status-text{color:#86efac}.enhanced-status-bar.error .status-text{color:#dc2626}.dark-mode .enhanced-status-bar.error .status-text{color:#fca5a5}.enhanced-status-bar.loading .status-text,.enhanced-status-bar.syncing .status-text{color:#d97706}.dark-mode .enhanced-status-bar.loading .status-text,.dark-mode .enhanced-status-bar.syncing .status-text{color:#fcd34d}.port-info{color:#1d4ed8;white-space:nowrap;background:#2563eb1a;border:1px solid #2563eb4d;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;display:flex}.dark-mode .port-info{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf64d}.sync-status{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.sync-status.syncing{color:#fcd34d;background:#fbbf241a;border:1px solid #fbbf244d}.sync-status.synced{color:#86efac;background:#22c55e1a;border:1px solid #22c55e4d}.sync-status.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.activity-log{color:#93c5fd;white-space:nowrap;text-overflow:ellipsis;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;align-items:center;max-width:400px;padding:4px 12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;animation:.3s ease-out slideIn;display:flex;overflow:hidden}.error-message{color:#fca5a5;white-space:nowrap;text-overflow:ellipsis;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:6px;max-width:300px;padding:4px 12px;font-size:12px;display:flex;overflow:hidden}.error-count-badge{color:#fff;white-space:nowrap;background:#dc3545;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;animation:2s infinite pulse-error;display:inline-flex}.quick-actions{align-items:center;gap:8px;display:flex}.status-action-btn{color:#c4b5fd;cursor:pointer;white-space:nowrap;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.status-action-btn:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf64d}.status-action-btn:active:not(:disabled){transform:translateY(0)}.status-action-btn:disabled{opacity:.5;cursor:not-allowed}.status-action-btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-color:#7c3aed;font-weight:600}.status-action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);border-color:#6d28d9}.framework-info{color:#93c5fd;white-space:nowrap;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;display:flex}@media (max-width:1024px){.enhanced-status-bar{flex-wrap:wrap;min-height:auto}.status-bar-section.right{justify-content:space-between;width:100%;margin-top:8px}.service-name{max-width:150px}.error-message{max-width:200px}}@media (max-width:768px){.enhanced-status-bar{padding:6px 12px;font-size:12px}.status-action-btn{padding:4px 8px;font-size:11px}.port-info,.sync-status,.framework-info{padding:2px 6px;font-size:10px}.status-action-btn span:not(.icon){display:none}}.hexagonal-loader-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.hexagonal-loader-container{justify-content:center;align-items:center;height:80px;margin-bottom:20px;display:flex;position:relative}.hexagonal-loader{width:40px;height:40px;animation:2s linear infinite hexagonRotate;position:relative}.hexagonal-loader .hexagon{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);width:14px;height:8px;position:absolute;box-shadow:0 0 8px #6366f199,0 0 16px #6366f166}.hexagonal-loader .hexagon:before,.hexagonal-loader .hexagon:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;width:0;position:absolute}.hexagonal-loader .hexagon:before{border-bottom:4px solid #6366f1;bottom:100%}.hexagonal-loader .hexagon:after{border-top:4px solid #4f46e5;top:100%}.hexagonal-loader .hexagon:first-child{top:0;left:13px}.hexagonal-loader .hexagon:nth-child(2){top:10px;right:0}.hexagonal-loader .hexagon:nth-child(3){bottom:10px;right:0}.hexagonal-loader .hexagon:nth-child(4){bottom:0;left:13px}.hexagonal-loader .hexagon:nth-child(5){bottom:10px;left:0}.hexagonal-loader .hexagon:nth-child(6){top:10px;left:0}.hexagonal-loader .hexagon:first-child{animation:1.5s ease-in-out infinite hexagonPulse}.hexagonal-loader .hexagon:nth-child(2){animation:1.5s ease-in-out .25s infinite hexagonPulse}.hexagonal-loader .hexagon:nth-child(3){animation:1.5s ease-in-out .5s infinite hexagonPulse}.hexagonal-loader .hexagon:nth-child(4){animation:1.5s ease-in-out .75s infinite hexagonPulse}.hexagonal-loader .hexagon:nth-child(5){animation:1.5s ease-in-out 1s infinite hexagonPulse}.hexagonal-loader .hexagon:nth-child(6){animation:1.5s ease-in-out 1.25s infinite hexagonPulse}.hexagonal-loader-message{text-align:center;color:var(--text-secondary,#888);font-size:14px;font-family:var(--main-font);margin-top:20px}.hexagonal-loader-progress{width:100%;max-width:400px;margin-top:20px}.progress-bar{background:#6366f133;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6366f1 0%,#4f46e5 100%);height:100%;transition:width .3s;box-shadow:0 0 8px #6366f199}.progress-text{text-align:center;color:#6366f1;font-size:13px;font-family:var(--main-font);margin-top:8px;font-weight:600}.hexagonal-loader-detail{text-align:center;color:var(--text-tertiary,#666);font-size:12px;font-family:var(--main-font);opacity:.8;margin-top:8px}.repository-tree{background-color:var(--palette-common-white);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.git-loading-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.git-loading-content{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:16px;width:90%;min-width:400px;max-width:600px;padding:32px;display:flex;box-shadow:0 4px 12px #0000001a}.git-loading-spinner{color:var(--palette-action-primary-default);animation:1s linear infinite spin}.git-loading-message{font-family:var(--main-font);color:#333;text-align:center;font-size:14px;font-weight:500}.git-loading-progress-bar{background-color:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.git-loading-progress-fill{background:linear-gradient(90deg,var(--palette-action-primary-default)0%,var(--palette-action-primary-hover)100%);border-radius:4px;height:100%;transition:width .3s}.git-loading-progress-text{font-family:var(--main-font);color:#6b7280;text-align:center;font-size:12px}.dark-mode .git-loading-overlay{background-color:#000000d9}.dark-mode .git-loading-content{background:var(--palette-interactive-surface-secondary-default);box-shadow:0 4px 12px #0000004d}.dark-mode .git-loading-message{color:var(--text-primary)}.dark-mode .git-loading-progress-bar{background-color:#ffffff1a}.dark-mode .git-loading-progress-text{color:var(--text-secondary)}.git-push-files-list{border-top:1px solid #e5e7eb;width:100%;max-height:300px;margin-top:12px;padding-top:12px;overflow-y:auto}.git-push-files-header{font-family:var(--main-font);color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.git-push-files-items{flex-direction:column;gap:6px;display:flex}.git-push-file-item{background:#f9fafb;border-radius:4px;align-items:center;gap:8px;padding:8px;font-size:12px;transition:all .2s;display:flex}.git-push-file-item.completed{background:#ecfdf5;border:1px solid #a7f3d0}.git-push-file-icon{color:#9ca3af;text-align:center;min-width:16px;font-size:14px;font-weight:700}.git-push-file-item.completed .git-push-file-icon{color:#10b981}.git-push-file-action{flex-shrink:0}.action-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.action-badge.create{color:#1e40af;background:#dbeafe}.action-badge.update{color:#92400e;background:#fef3c7}.action-badge.delete{color:#991b1b;background:#fee2e2}.git-push-file-path{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Monaco,Courier New,monospace;overflow:hidden}.dark-mode .git-push-files-list{border-top-color:#ffffff1a}.dark-mode .git-push-files-header{color:var(--text-secondary)}.dark-mode .git-push-file-item{background:#ffffff0d}.dark-mode .git-push-file-item.completed{background:#10b9811a;border-color:#10b9814d}.dark-mode .git-push-file-path{color:var(--text-primary)}.dark-mode .action-badge.create{color:#93c5fd;background:#3b82f633}.dark-mode .action-badge.update{color:#fbbf24;background:#fbbf2433}.dark-mode .action-badge.delete{color:#f87171;background:#ef444433}.repository-tree-header{border-bottom:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-white);z-index:1;flex-direction:column;gap:4px;padding:4px 8px;display:flex;position:relative}.repository-tree-actions{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.search-container{background-color:var(--palette-background-neutral-100);border:1px solid var(--palette-common-grey-300);border-radius:3px;align-items:center;gap:6px;width:260px;padding:3px 8px;display:flex}.search-container:focus-within{border-color:var(--palette-action-primary-default);box-shadow:0 0 0 2px #3b82f61a}.search-input{font-family:var(--main-font);color:#9ca3af;background:0 0;border:none;outline:none;flex:1;font-size:12px;padding:3px!important}.search-clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.search-clear-btn:hover{color:#333;background-color:#0000000d}.action-tabs{flex-shrink:0;gap:2px;display:flex}.tab-btn{font-family:var(--main-font);color:#374151;opacity:1;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;flex-shrink:0;align-items:center;gap:3px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.tab-btn.search-files{color:var(--palette-text-primary);padding-left:0;font-size:10px}.tab-btn.search-in-files{color:var(--palette-text-primary);padding-left:0;padding-right:51px;font-size:10px}.tab-btn:hover{background-color:var(--palette-background-neutral-100);color:#1f2937}.tab-btn.active{background-color:var(--palette-background-neutral-200);color:var(--palette-action-primary-default)}.tab-btn.search-files.active,.tab-btn.search-in-files.active{color:var(--palette-action-primary-default)}.tab-btn.search-files:hover,.tab-btn.search-in-files:hover{color:var(--palette-text-primary)}.header-actions{flex-shrink:1;align-items:center;gap:4px;min-width:0;display:flex}.action-icon-btn{border:1px solid var(--palette-common-grey-300);background:var(--palette-common-white);color:#374151;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-width:32px;min-height:28px;padding:6px 8px;transition:all .15s;display:flex;position:relative}.action-icon-btn:hover:not(:disabled){background-color:var(--palette-background-neutral-100);border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default)}.action-icon-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--palette-common-grey-200);color:#9ca3af}.action-icon-btn.has-problems{color:#f59e0b;border-color:#f59e0b}.action-icon-btn.has-problems:hover:not(:disabled){background-color:#fef3c7;border-color:#f59e0b}.problems-badge{color:#fff;text-align:center;background-color:#ef4444;border-radius:10px;min-width:18px;padding:2px 5px;font-size:10px;font-weight:600;line-height:1;position:absolute;top:-4px;right:-4px}.loading-spinner{width:14px;height:14px;font-size:14px;animation:1.5s linear infinite spin;position:relative}.refresh-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;height:28px;padding:4px 8px;font-size:16px;transition:all .2s;display:flex}.refresh-btn:hover:not(:disabled){background-color:var(--palette-background-neutral-200);transform:rotate(90deg)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed;animation:1s linear infinite spin}.repository-tree-items{flex:1;padding:4px 0;overflow-y:auto}.repository-tree-items .tree-item{cursor:pointer;width:100%;font-family:var(--main-font);color:#374151;text-align:left;background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:13px;transition:background-color .15s;display:flex;position:relative}.repository-tree-items .tree-item:hover{color:#1f2937;background-color:#0000000d}.repository-tree-items .tree-item.selected{color:#1d4ed8;background-color:#3b82f626}.repository-tree-items .tree-chevron,.repository-tree-items .tree-icon{color:#374151;opacity:.9;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.repository-tree-items .tree-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;overflow:hidden}.dark-mode .repository-tree-items .tree-item{color:var(--text-secondary)}.dark-mode .repository-tree-items .tree-item:hover{color:var(--text-primary);background-color:#ffffff14}.dark-mode .repository-tree-items .tree-item.selected{color:var(--accent-primary);background-color:#6366f133}.dark-mode .repository-tree-items .tree-name{color:inherit}.repository-tree-empty{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:32px 16px;display:flex}.repository-tree-empty .empty-icon{opacity:.5;font-size:48px}.repository-tree-empty p{font-family:var(--main-font);margin:0;font-size:13px;line-height:1.5}.repository-tree-error{color:#dc2626;text-align:center;background-color:#fef2f2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;margin:8px;padding:32px 16px;display:flex}.repository-tree-loading{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px 16px;display:flex}.repository-tree-error .error-icon{color:#dc2626;font-size:32px}.repository-tree-error p{font-family:var(--main-font);color:#991b1b;margin:0;font-size:13px;line-height:1.5}.retry-btn{background-color:var(--palette-action-primary-default);color:#fff;font-family:var(--main-font);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.retry-btn:hover{background-color:var(--palette-action-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.retry-btn:active{transform:translateY(0)}.context-menu{background:#fff;border:1px solid #d0d0d0;border-radius:4px;min-width:160px;padding:4px 0;box-shadow:0 2px 8px #00000026}.context-menu-item{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;display:flex}.context-menu-item:hover{background-color:#f0f0f0}.repository-tree-items .tree-item.has-errors{background-color:#ef44440d;border-left:3px solid #ef4444}.repository-tree-items .tree-item.has-errors:hover{background-color:#ef44441a}.repository-tree-items .tree-item.has-errors.selected{background-color:#ef444426}.fix-ai-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:3px;justify-content:center;align-items:center;margin-left:auto;padding:2px 6px;font-size:11px;transition:all .2s;display:flex}.fix-ai-btn:hover{background:#0052a3;transform:scale(1.05)}.error-indicator{color:#ef4444;justify-content:center;align-items:center;margin-left:4px;display:flex}.modified-indicator{color:#f59e0b;opacity:.9;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.modified-indicator:hover{color:#d97706;opacity:1;transform:scale(1.1)}.deleted-badge,.new-badge{justify-content:center;align-items:center;margin-left:4px;display:flex}.search-view{background-color:var(--palette-common-white);flex-direction:column;flex:1;display:flex;overflow-y:auto}.search-view-content{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex}.search-input-group{flex-direction:column;gap:4px;display:flex}.search-view-input{border:1px solid var(--palette-common-grey-300);width:100%;font-family:var(--main-font);background-color:var(--palette-background-neutral-100);color:#9ca3af;border-radius:4px;outline:none;padding:6px 8px;font-size:13px}.search-view-input:focus{border-color:var(--palette-action-primary-default);box-shadow:0 0 0 2px #3b82f61a}.search-options{gap:2px;display:flex}.search-option-btn{border:1px solid var(--palette-common-grey-300);background:var(--palette-common-white);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;transition:all .15s;display:flex}.search-option-btn:hover{background-color:var(--palette-background-neutral-100)}.search-option-btn.active{background-color:var(--palette-action-primary-default);border-color:var(--palette-action-primary-default);color:#fff}.search-filters{flex-direction:column;gap:4px;display:flex}.filter-input{border:1px solid var(--palette-common-grey-300);width:100%;font-family:var(--main-font);color:#666;border-radius:4px;outline:none;padding:6px 8px;font-size:12px}.filter-input:focus{border-color:var(--palette-action-primary-default);box-shadow:0 0 0 2px #3b82f61a}.filter-input::placeholder{color:#999;font-size:11px}.search-results-placeholder{color:#999;flex:1;justify-content:center;align-items:center;padding:32px 16px;font-size:13px;display:flex}.context-menu-separator{background-color:#e0e0e0;height:1px;margin:4px 0}.context-menu-item.delete:hover{color:#d00;background-color:#fee}.tree-item.deleted{opacity:.5;text-decoration:line-through}.tree-item.new{background-color:#4caf501a}.tree-item.modified-unpushed .tree-name{font-weight:600}.dark-mode .repo-name{color:var(--text-primary)}.dark-mode .repository-header{background-color:#ffffff0d;border-bottom-color:#ffffff1a}.dark-mode .repository-tree-empty,.dark-mode .repository-tree-error{color:var(--text-secondary);background-color:#ef44441a}.dark-mode .repository-tree-error .error-icon{color:#f87171}.dark-mode .repository-tree-error p{color:#fca5a5}.dark-mode .modified-indicator{color:#fbbf24;opacity:.95}.dark-mode .modified-indicator:hover{color:#fcd34d;opacity:1}.dark-mode .retry-btn{background-color:var(--accent-primary);color:#fff}.dark-mode .retry-btn:hover{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.action-icon-btn{position:relative}.action-icon-btn.has-problems{color:var(--palette-error-default)}.problems-badge{color:#fff;text-align:center;background-color:#dc2626;border-radius:10px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0000004d}.dark-mode .problems-badge{background-color:var(--palette-error-default);box-shadow:0 1px 3px #0003}.problems-modal-content{max-height:60vh;overflow-y:auto}.no-problems{text-align:center;color:var(--palette-success-default);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-problems p{color:var(--palette-text-secondary);margin-top:12px;font-size:14px}.problems-summary{background-color:var(--palette-warning-light);border-left:3px solid var(--palette-warning-default);color:var(--palette-warning-dark);border-radius:4px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:14px;font-weight:600;display:flex}.problems-list{flex-direction:column;gap:12px;display:flex}.problem-file{border:1px solid var(--palette-common-grey-300);background-color:var(--palette-common-white);border-radius:6px;overflow:hidden}.problem-file-header{background-color:var(--palette-background-neutral-100);cursor:pointer;border-bottom:1px solid var(--palette-common-grey-200);align-items:center;gap:8px;padding:10px 12px;transition:background-color .15s;display:flex}.problem-file-header:hover{background-color:var(--palette-background-neutral-200)}.problem-file-path{color:var(--palette-text-primary);flex:1;font-family:Courier New,monospace;font-size:13px;font-weight:600}.problem-count{color:var(--palette-error-default);background-color:var(--palette-error-light);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.problem-errors{flex-direction:column;display:flex}.problem-error{border-bottom:1px solid var(--palette-common-grey-100);gap:12px;padding:8px 12px;font-size:13px;display:flex}.problem-error:last-child{border-bottom:none}.problem-line{color:var(--palette-text-secondary);flex-shrink:0;min-width:70px;font-family:Courier New,monospace;font-weight:600}.problem-message{color:var(--palette-text-primary);flex:1;line-height:1.5}.dark-mode .problems-summary{border-left-color:var(--palette-warning-default);color:#fbbf24;background-color:#fbbf241a}.dark-mode .problem-file{background-color:#ffffff08;border-color:#ffffff1a}.dark-mode .problem-file-header{background-color:#ffffff0d;border-bottom-color:#ffffff1a}.dark-mode .problem-file-header:hover{background-color:#ffffff14}.dark-mode .problem-file-path{color:var(--text-primary)}.dark-mode .problem-count{color:#ef4444;background-color:#ef444433}.dark-mode .problem-error{border-bottom-color:#ffffff0d}.dark-mode .problem-line{color:var(--text-secondary)}.dark-mode .problem-message{color:var(--text-primary)}.repository-tree-items{position:relative}.repository-tree-items.drag-over{border:2px dashed var(--palette-action-primary-default);background-color:#3b82f60d;border-radius:4px}.drag-overlay{z-index:1000;pointer-events:none;background-color:#fffffff2;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drag-overlay-content{color:var(--palette-action-primary-default);flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.drag-overlay-content p{margin:0;font-size:16px;font-weight:600}.drag-overlay-content .drag-hint{color:var(--palette-text-secondary);font-size:13px;font-weight:400}.tree-item.drag-over-folder{border-left:3px solid var(--palette-action-primary-default);box-shadow:0 0 0 1px var(--palette-action-primary-default);background-color:#3b82f61a!important}.dark-mode .repository-tree-items.drag-over{background-color:#3b82f61a}.dark-mode .drag-overlay{background-color:#000000f2}.dark-mode .tree-item.drag-over-folder{background-color:#3b82f633!important}.git-tool-disabled{text-align:center;background:linear-gradient(135deg,#fff8f0 0%,#fef3f2 100%);border:1px solid #fecaca;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;margin:8px;padding:32px 20px;display:flex}.git-tool-not-connected{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#bae6fd}.git-tool-disabled-icon{color:#7f1d1d;filter:none;background:#7f1d1d14;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.git-tool-not-connected .git-tool-disabled-icon{color:#0c4a6e;background:#0c4a6e14}.git-tool-disabled-title{font-family:var(--main-font);color:#7f1d1d;margin:0;font-size:15px;font-weight:700}.git-tool-not-connected .git-tool-disabled-title{color:#0c4a6e}.git-tool-disabled-desc{font-family:var(--main-font);color:#6b7280;max-width:280px;margin:0;font-size:13px;line-height:1.6}.git-tool-disabled-steps{background:#ffffffb3;border:1px solid #0000000f;border-radius:8px;flex-direction:column;gap:8px;width:100%;max-width:300px;padding:12px 16px;display:flex}.git-tool-disabled-step{font-family:var(--main-font);color:#374151;text-align:left;align-items:center;gap:10px;font-size:12px;display:flex}.step-number{background:var(--palette-action-primary-default,#3b82f6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.git-tool-not-connected .step-number{background:#0284c7}.git-tool-disabled-actions{flex-direction:column;gap:8px;width:100%;max-width:260px;display:flex}.git-tool-disabled-btn{font-family:var(--main-font);cursor:pointer;border:none;border-radius:6px;width:100%;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s}.git-tool-disabled-btn.primary{background:var(--palette-action-primary-default,#3b82f6);color:#fff}.git-tool-disabled-btn.primary:hover{background:var(--palette-action-primary-hover,#2563eb);transform:translateY(-1px);box-shadow:0 3px 10px #3b82f659}.git-tool-not-connected .git-tool-disabled-btn.primary{background:#0284c7}.git-tool-not-connected .git-tool-disabled-btn.primary:hover{background:#0369a1;box-shadow:0 3px 10px #0284c759}.git-tool-disabled-btn.secondary{color:#6b7280;background:0 0;border:1px solid #d1d5db}.git-tool-disabled-btn.secondary:hover{color:#374151;background:#f3f4f6}.dark-mode .git-tool-disabled{background:linear-gradient(135deg,#7f1d1d26 0%,#b91c1c1a 100%);border-color:#ef44444d}.dark-mode .git-tool-not-connected{background:linear-gradient(135deg,#0c4a6e33 0%,#0369a11a 100%);border-color:#0284c74d}.dark-mode .git-tool-disabled-title{color:#fca5a5}.dark-mode .git-tool-not-connected .git-tool-disabled-title{color:#7dd3fc}.dark-mode .git-tool-disabled-desc{color:#9ca3af}.dark-mode .git-tool-disabled-steps{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .git-tool-disabled-step{color:#d1d5db}.dark-mode .git-tool-disabled-btn.secondary{color:#9ca3af;border-color:#ffffff26}.dark-mode .git-tool-disabled-btn.secondary:hover{color:#e5e7eb;background:#ffffff14}.code-view-with-logger{background-color:var(--palette-background-default,#1a1a1a);width:100%;height:100%;color:var(--palette-text-primary,#fff);flex-direction:column;display:flex}.code-view-header{border-bottom:1px solid var(--palette-divider,#3a3a4e);z-index:10;background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);justify-content:space-between;align-items:center;min-height:56px;padding:12px 16px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-left h3{color:var(--palette-text-primary,#fff);margin:0;font-size:16px;font-weight:600}.service-info{color:var(--palette-text-secondary,#a0a0a0);background:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:13px}.header-right{gap:8px;display:flex}.btn-refresh{background:var(--palette-action-primary-default,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-refresh:hover:not(:disabled){background:var(--palette-action-primary-hover,#2563eb);transform:translateY(-1px)}.btn-refresh:active:not(:disabled){transform:translateY(0)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.code-view-main{flex:1;display:flex;position:relative;overflow:hidden}.code-view-sidebar{background:var(--palette-background-paper,#1e1e1e);border-right:1px solid var(--palette-divider,#3a3a4e);flex-direction:column;width:300px;min-width:200px;max-width:400px;display:flex;overflow:hidden}.sidebar-header{background:var(--palette-background-neutral-50,#252525);border-bottom:1px solid var(--palette-divider,#3a3a4e);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sidebar-header h4{color:var(--palette-text-primary,#fff);margin:0;font-size:14px;font-weight:600}.file-count{color:var(--palette-text-secondary,#a0a0a0);font-size:12px}.sidebar-content{flex:1;overflow:hidden auto}.code-view-editor{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.loading-state,.empty-state{height:100%;color:var(--palette-text-secondary,#a0a0a0);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.loading-state p,.empty-state p{margin:12px 0 0;font-size:14px}.empty-state svg{opacity:.5}.error-text{color:var(--palette-error-main,#ef4444);margin-top:8px;font-size:12px}.btn-pull{background:var(--palette-action-primary-default,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:16px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.btn-pull:hover{background:var(--palette-action-primary-hover,#2563eb)}.pulling-state{color:var(--palette-action-primary-default,#3b82f6);align-items:center;gap:8px;margin-top:16px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.pulling-state svg{opacity:1;animation:1s linear infinite spin}.code-view-logs{background:var(--palette-background-paper,#1e1e1e);border-top:1px solid var(--palette-divider,#3a3a4e);flex-direction:column;min-height:40px;max-height:400px;transition:height .3s,min-height .3s;display:flex;overflow:hidden}.code-view-logs.minimized{resize:none;height:40px;min-height:40px;max-height:40px}.code-view-logs.expanded{resize:vertical;height:400px}.logs-header{background:var(--palette-background-neutral-50,#252525);border-bottom:1px solid var(--palette-divider,#3a3a4e);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 12px;transition:background .2s;display:flex}.logs-header:hover{background:var(--palette-background-neutral-100,#2a2a2a)}.logs-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.logs-header-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.last-log-preview{color:var(--palette-text-secondary,#a0a0a0);text-overflow:ellipsis;white-space:nowrap;background:#ffffff08;border-radius:4px;align-items:center;gap:6px;max-width:400px;padding:2px 8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:10px;display:flex;overflow:hidden}.log-icon{flex-shrink:0;font-size:14px;line-height:1}.log-icon-info{color:#60a5fa}.log-icon-success{color:#86efac}.log-icon-error{color:#fca5a5}.log-icon-warning{color:#fcd34d}.logs-header h4{color:var(--palette-text-primary,#fff);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.log-count-badge{background:var(--palette-action-primary-default,#3b82f6);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:20px;height:18px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.btn-toggle-logs{min-width:28px;min-height:28px;color:var(--palette-text-secondary,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-toggle-logs:hover{background:var(--palette-background-neutral-100,#ffffff1a);color:var(--palette-text-primary,#fff)}.btn-clear-logs{min-width:28px;min-height:28px;color:var(--palette-text-secondary,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:12px;transition:all .2s;display:flex}.btn-clear-logs:hover{background:var(--palette-background-neutral-100,#ffffff1a);color:var(--palette-text-primary,#fff)}.logs-content{flex:1;padding:8px;overflow:hidden auto}.code-view-logs.minimized .logs-content{display:none}.code-view-logs.minimized .logs-header{border-bottom:none}.logs-empty{height:100%;color:var(--palette-text-secondary,#a0a0a0);justify-content:center;align-items:center;font-size:13px;display:flex}.logs-list{flex-direction:column;gap:4px;display:flex}.log-entry{background:#ffffff05;border-radius:4px;align-items:flex-start;gap:8px;padding:6px 8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.5;transition:background .2s;display:flex}.log-entry:hover{background:#ffffff0a}.log-timestamp{color:var(--palette-text-secondary,#a0a0a0);flex-shrink:0;font-size:11px}.log-message{color:var(--palette-text-primary,#fff);word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;flex:1;max-height:120px;display:-webkit-box;overflow:hidden}.log-info .log-message{color:#60a5fa}.log-success .log-message{color:#86efac}.log-error .log-message{color:#fca5a5}.log-warning .log-message{color:#fcd34d}.code-view-with-logger.error{justify-content:center;align-items:center}.code-view-with-logger .error-message{color:var(--palette-error-main,#ef4444);flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.code-view-with-logger .error-message p{margin:0;font-size:14px}@media (max-width:768px){.code-view-sidebar{width:250px;min-width:180px}.code-view-logs{height:150px;min-height:100px}}.dark-mode .code-view-with-logger{background-color:#1a1a1a}.dark-mode .code-view-header{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-bottom-color:#3a3a4e}.dark-mode .code-view-sidebar{background:#1e1e1e;border-right-color:#3a3a4e}.dark-mode .sidebar-header{background:#252525;border-bottom-color:#3a3a4e}.dark-mode .code-view-logs{background:#1e1e1e;border-top-color:#3a3a4e}.dark-mode .logs-header{background:#252525;border-bottom-color:#3a3a4e}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-view-with-logger{color:#1e293b;background-color:#fff}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-view-header{background:linear-gradient(135deg,#f0f4f8 0%,#e8edf3 100%);border-bottom-color:#d1d5db}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-view-sidebar{background:#f8f9fa;border-right-color:#e2e8f0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .sidebar-header{background:#f0f4f8;border-bottom-color:#e2e8f0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .sidebar-header h4{color:#1e293b}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .code-view-logs{background:#f8f8f8;border-top-color:#e0e0e0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .logs-header{background:#f0f0f0;border-bottom-color:#e0e0e0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .logs-header:hover{background:#e8e8e8}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .logs-header h4{color:#2a2a2a}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .last-log-preview{color:#5a5a5a;background:#00000008}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .btn-toggle-logs,body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .btn-clear-logs{color:#5a5a5a}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .btn-toggle-logs:hover,body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .btn-clear-logs:hover{color:#2a2a2a;background:#00000014}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .log-entry{background:#00000005}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .log-entry:hover{background:#0000000d}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .log-timestamp{color:#707070}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .log-message{color:#2a2a2a}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .logs-empty{color:#707070}.split-view-toggle{background:#1e1e2e99;border:1px solid #8b5cf633;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;display:flex}.toggle-label{color:#9ca3af;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.toggle-buttons{background:#0000004d;border-radius:6px;align-items:center;gap:4px;padding:4px;display:flex}.toggle-btn{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.toggle-btn:hover:not(:disabled){color:#c4b5fd;background:#8b5cf61a}.toggle-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);box-shadow:0 2px 8px #8b5cf666}.toggle-btn:disabled{opacity:.4;cursor:not-allowed}.btn-label{font-size:12px}@media (max-width:768px){.split-view-toggle{gap:8px;padding:6px 12px}.toggle-label{font-size:11px}.toggle-btn{padding:4px 8px}.btn-label{display:none}}@media (max-width:480px){.toggle-label span:not(.icon){display:none}}.dynamic-task-panel{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-right:1px solid #3a3a4e;flex-direction:column;width:320px;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.dynamic-task-panel.minimized{width:60px}.task-panel-header{background:#2a2a3ecc;border-bottom:1px solid #3a3a4e;justify-content:space-between;align-items:center;padding:16px;display:flex}.panel-title{color:#e4e4e7;text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex;overflow:hidden}.minimize-btn{color:#c4b5fd;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.minimize-btn:hover{background:#8b5cf633;border-color:#8b5cf680}.task-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.task-card{background:#1e1e2ecc;border:1px solid #3a3a4e;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.task-card:before{content:"";width:4px;transition:all .2s;position:absolute;top:0;bottom:0;left:0}.task-card.info{border-color:#3b82f64d}.task-card.info:before{background:#3b82f6}.task-card.action{cursor:pointer;border-color:#8b5cf64d}.task-card.action:before{background:#8b5cf6}.task-card.action:hover{background:#8b5cf626;border-color:#8b5cf680;transform:translate(4px);box-shadow:0 4px 12px #8b5cf633}.task-card.completed{opacity:.9;border-color:#22c55e4d}.task-card.completed:before{background:#22c55e}.task-card.in-progress{border-color:#fbbf244d}.task-card.in-progress:before{background:#fbbf24;animation:2s ease-in-out infinite pulse}.task-card.error{cursor:pointer;border-color:#ef44444d}.task-card.error:before{background:#ef4444}.task-card.error:hover{background:#ef444426;border-color:#ef444480;transform:translate(4px)}.task-icon-wrapper{justify-content:center;align-items:center;min-width:32px;height:32px;font-size:20px;display:flex}.task-content{flex:1;min-width:0}.task-title{color:#e4e4e7;margin-bottom:4px;font-size:14px;font-weight:500}.task-details{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.task-action-indicator{color:#9ca3af;align-items:center;transition:all .2s;display:flex}.task-card.action:hover .task-action-indicator,.task-card.error:hover .task-action-indicator{color:#c4b5fd;transform:translate(4px)}.empty-state{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.dynamic-task-panel.minimized .task-panel-header{flex-direction:column;gap:12px;padding:12px 8px}.dynamic-task-panel.minimized .panel-title,.dynamic-task-panel.minimized .task-list{display:none}.minimized-indicator{flex-direction:column;align-items:center;gap:8px;padding:12px 0;display:flex}.dynamic-task-panel:not(.minimized) .minimized-indicator{display:none}.minimized-indicator .task-icon{font-size:24px}.task-count{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.task-list::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.task-list::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (max-width:1024px){.dynamic-task-panel{width:280px}.task-card{padding:12px}.task-title{font-size:13px}.task-details{font-size:11px}}@media (max-width:768px){.dynamic-task-panel:not(.minimized){z-index:100;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 12px #0000004d}}.unified-dashboard{background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 100%);flex-direction:column;gap:20px;min-height:100%;padding:24px;display:flex;overflow-y:auto}.dashboard-section{background:#1e1e2ecc;border:1px solid #3a3a4e;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0003}.section-header h2,.section-header h3{color:#e4e4e7;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.section-header h3{font-size:16px}.quick-actions-header{align-items:center;gap:8px;display:flex}.quick-action-btn{color:#c4b5fd;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.quick-action-btn:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px)}.overview-section{background:linear-gradient(135deg,#8b5cf61a 0%,#6366f11a 100%)}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.overview-card{background:#1e1e2ecc;border:1px solid #8b5cf633;border-radius:8px;padding:16px;transition:all .2s}.overview-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.card-label{color:#9ca3af;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.card-value{color:#e4e4e7;font-size:14px}.card-link{color:#a5b4fc;align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.card-link:hover{color:#c4b5fd;gap:12px}.empty-overview{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-overview p{margin:0;font-size:14px}.services-preview-section{grid-template-columns:400px 1fr;gap:20px;min-height:400px;display:grid}.services-column,.preview-column{flex-direction:column;display:flex}.service-item{background:#1e1e2e99;border:1px solid #3a3a4e;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.service-item:hover{background:#1e1e2ee6;border-color:#8b5cf64d}.service-status{align-items:center;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse}.status-dot.running{background:#22c55e;box-shadow:0 0 8px #22c55e99}.service-info{flex:1}.service-name{color:#e4e4e7;margin-bottom:4px;font-size:14px;font-weight:500}.service-port{color:#9ca3af;align-items:center;gap:4px;font-family:Consolas,Monaco,monospace;font-size:12px;display:flex}.service-actions{align-items:center;gap:6px;display:flex}.service-action-btn{color:#c4b5fd;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.service-action-btn:hover{background:#8b5cf633;border-color:#8b5cf666;transform:scale(1.1)}.empty-services{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.empty-services p{margin:0;font-size:14px}.start-service-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.start-service-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.preview-mode-toggle{background:#0000004d;border-radius:6px;gap:4px;padding:4px;display:flex}.mode-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.mode-btn:hover{color:#c4b5fd;background:#8b5cf61a}.mode-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.preview-embed{border:1px solid #3a3a4e;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-navbar{background:#141420f2;border-bottom:1px solid #3a3a4e;align-items:center;gap:8px;padding:8px 12px;display:flex}.nav-btn{color:#c4b5fd;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.nav-btn:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px)}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .nav-btn{color:#5a5a5a;background:#0000000d;border:1px solid #0000001a}.url-form{flex:1;align-items:center;gap:8px;display:flex}.url-input{color:#e4e4e7;background:#1e1e2ee6;border:1px solid #3a3a4e;border-radius:6px;outline:none;flex:1;padding:6px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;transition:all .2s}.url-display{cursor:text;background:#1e1e2ee6;border:1px solid #3a3a52;border-radius:6px;flex:1;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.url-text{color:#c9cfe0;text-overflow:ellipsis;white-space:nowrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;overflow:hidden}.preview-iframe{background:#fff;border:none;flex:1;width:100%;min-height:350px}.preview-links{flex-direction:column;gap:12px;padding:8px 0;display:flex}.preview-link-card{background:#1e1e2e99;border:1px solid #3a3a4e;border-radius:8px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:all .2s;display:flex}.preview-link-card:hover{background:#1e1e2ee6;border-color:#8b5cf64d;transform:translate(4px)}.link-icon{font-size:24px}.link-info{flex:1}.link-title{color:#e4e4e7;margin-bottom:4px;font-size:14px;font-weight:500}.link-url{color:#9ca3af;font-family:Consolas,Monaco,monospace;font-size:12px}.empty-preview{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.empty-preview p{margin:0;font-size:14px}.empty-preview .hint{color:#6b7280;font-size:13px}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.action-card{cursor:pointer;text-align:left;background:#1e1e2e99;border:1px solid #3a3a4e;border-radius:8px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.action-card:hover:not(:disabled){background:#1e1e2ee6;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.action-card:disabled{opacity:.5;cursor:not-allowed}.action-icon{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.action-icon.deploy{background:linear-gradient(135deg,#10b98133 0%,#05966933 100%)}.action-icon.add{background:linear-gradient(135deg,#8b5cf633 0%,#6366f133 100%)}.action-icon.logs{background:linear-gradient(135deg,#3b82f633 0%,#2563eb33 100%)}.action-icon.console{background:linear-gradient(135deg,#f59e0b33 0%,#d9770633 100%)}@media (max-width:1280px){.services-preview-section{grid-template-columns:1fr}.preview-column{min-height:300px}}@media (max-width:768px){.unified-dashboard{gap:16px;padding:16px}.dashboard-section{padding:16px}.overview-grid,.actions-grid{grid-template-columns:1fr}}.unified-dashboard::-webkit-scrollbar{width:8px}.unified-dashboard::-webkit-scrollbar-track{background:#0003}.unified-dashboard::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.unified-dashboard::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.compact-collaboration-bar{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-700);border-radius:8px;align-items:center;gap:8px;height:37px;padding:4px 8px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 20px #00000026}:root.dark-mode .compact-collaboration-bar{background:var(--palette-background-dark-neutral,#1f2937);border-color:var(--palette-common-grey-200,#374151)}.collab-status-badge{border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.status-connected{color:#065f46;background:#d1fae5}.status-connected .status-icon{color:#10b981;animation:2s ease-in-out infinite pulse-green}.status-disconnected{color:#991b1b;background:#fee2e2}.status-disconnected .status-icon{color:#ef4444}.status-unavailable{color:#92400e;background:#fef3c7}.status-unavailable .status-icon{color:#f59e0b}:root.dark-mode .status-connected{color:#6ee7b7;background:#10b98133}:root.dark-mode .status-disconnected{color:#fca5a5;background:#ef444433}:root.dark-mode .status-unavailable{color:#fcd34d;background:#f59e0b33}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot-green{background-color:#10b981;animation:2s ease-in-out infinite pulse-green-dot;box-shadow:0 0 4px #10b98199}.status-dot-red{background-color:#ef4444;box-shadow:0 0 4px #ef444499}.status-dot-gray{background-color:#9ca3af;box-shadow:0 0 4px #9ca3af66}@keyframes pulse-green-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.collab-users-section{cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:8px;padding:4px 8px;transition:background .2s;display:flex}.collab-users-section:hover{background:var(--palette-common-grey-100,#f3f4f6)}:root.dark-mode .collab-users-section:hover{background:var(--palette-common-grey-800,#1f2937)}.user-count{color:var(--text-color,#374151);align-items:center;gap:4px;font-size:13px;display:flex}.count-icon{font-size:14px}.count-number{color:var(--primary-color,#6366f1);font-weight:600}.count-label{color:var(--text-color-secondary,#6b7280);font-weight:400}.avatar-stack{align-items:center;gap:-8px;padding-left:4px;display:flex}.avatar{color:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;transition:transform .2s;display:flex;position:relative}:root.dark-mode .avatar{border-color:var(--palette-background-dark-neutral,#1f2937)}.avatar:hover{transform:scale(1.15);z-index:100!important}.avatar-current{border-color:var(--primary-color,#6366f1);border-width:2px}.avatar-more{font-size:10px;background:var(--palette-common-grey-400,#9ca3af)!important}.dropdown-arrow{color:var(--text-color-secondary,#6b7280);margin-left:2px;font-size:10px;transition:transform .2s}.collab-users-section:hover .dropdown-arrow{transform:translateY(1px)}.collab-invite-button{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.collab-invite-button:hover:not(:disabled){background:var(--primary-color-dark,#4f46e5);transform:translateY(-1px)}.collab-invite-button:disabled{opacity:.5;cursor:not-allowed}.invite-icon{font-size:16px;font-weight:600;line-height:1}.invite-text{font-size:13px}@media (max-width:768px){.status-text,.count-label,.invite-text{display:none}.compact-collaboration-bar{gap:4px}}.collaboration-dropdown{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);z-index:1000;border-radius:8px;flex-direction:column;width:320px;max-height:500px;animation:.2s slideDown;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 20px #00000026}.dark-mode .collaboration-dropdown{background-color:var(--bg-secondary);border-color:#ffffff1a;box-shadow:0 4px 20px #00000080}.dropdown-header{border-bottom:1px solid var(--palette-common-grey-200);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dark-mode .dropdown-header{border-bottom-color:#ffffff1a}.dropdown-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.dark-mode .dropdown-title{color:var(--text-primary)}.person-icon{font-size:16px}.dropdown-close{color:var(--text-color-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;transition:background .2s;display:flex}.dropdown-close:hover{background:var(--palette-common-grey-100,#f3f4f6)}:root.dark-mode .dropdown-close:hover{background:var(--palette-common-grey-800,#1f2937)}.dropdown-search{border-bottom:1px solid var(--palette-common-grey-200);padding:12px 16px}.dark-mode .dropdown-search{border-bottom-color:#ffffff1a}.search-input{border:1px solid var(--palette-common-grey-200);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .2s}.dark-mode .search-input{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}.search-input:focus{border-color:var(--primary-color,#6366f1);outline:none}.dropdown-content{flex:1;max-height:320px;padding:8px 0;overflow-y:auto}.dropdown-content::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-track{background:0 0}.dropdown-content::-webkit-scrollbar-thumb{background:var(--palette-common-grey-300,#d1d5db);border-radius:3px}:root.dark-mode .dropdown-content::-webkit-scrollbar-thumb{background:var(--palette-common-grey-700,#374151)}.user-section{margin-bottom:8px}.section-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-color-secondary,#6b7280);padding:8px 16px;font-size:11px;font-weight:600}.dropdown-user{cursor:default;align-items:center;gap:12px;padding:8px 16px;transition:background .2s;display:flex}.dropdown-user:hover{background:var(--palette-background-neutral-50)}.dark-mode .dropdown-user:hover{background:#ffffff08}.dropdown-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.dropdown-user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.dark-mode .user-name{color:var(--text-primary)}.you-badge{color:var(--text-color-secondary,#6b7280);font-size:13px;font-weight:400}.user-status{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.user-file{opacity:.8;font-style:italic}.user-action-btn{width:28px;height:28px;color:var(--text-color-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.user-action-btn:hover{background:var(--palette-common-grey-200,#e5e7eb);color:var(--primary-color,#6366f1)}:root.dark-mode .user-action-btn:hover{background:var(--palette-common-grey-700,#374151)}.dropdown-footer{border-top:1px solid var(--palette-common-grey-200);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.dark-mode .dropdown-footer{border-top-color:#ffffff1a}.dropdown-invite-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dropdown-invite-btn:hover:not(:disabled){background:var(--primary-color-dark,#4f46e5);transform:translateY(-1px)}.dropdown-invite-btn:disabled{opacity:.5;cursor:not-allowed}.dropdown-invite-btn .invite-icon{font-size:16px;font-weight:600}.bring-everyone-btn{background:var(--bg-tertiary);border:1px solid var(--palette-common-grey-200);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dark-mode .bring-everyone-btn{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}.bring-everyone-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.dark-mode .bring-everyone-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.bring-everyone-btn:disabled{opacity:.5;cursor:not-allowed}.cursor-icon{font-size:16px}@media (max-width:768px){.collaboration-dropdown{width:280px}}.collaboration-panel{border:none;align-items:center;gap:12px;padding:4px 12px;font-size:13px;display:flex}.collaboration-status{align-items:center;gap:6px;padding:4px 8px;display:flex}.status-icon{font-size:16px;line-height:1}.status-text{color:var(--text-color,#333);font-size:12px;font-weight:500}.collaborators-list{align-items:center;gap:8px;display:flex}.no-collaborators{color:var(--text-muted,#888);font-size:12px}.collaborators-label{color:var(--text-muted,#666);font-size:12px;font-weight:500}.collaborators-avatars{align-items:center;gap:-8px;display:flex}.collaborator-avatar{color:#fff;border:2px solid var(--panel-background,#f5f5f5);cursor:default;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000001a}.collaborator-avatar:hover{z-index:10;transform:scale(1.15);box-shadow:0 2px 6px #0003}.invite-button{background-color:var(--primary-color,#007bff);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .2s,opacity .2s;display:flex}.invite-button:hover:not(:disabled){background-color:var(--primary-hover,#0056b3)}.invite-button:disabled{opacity:.5;cursor:not-allowed}.invite-dialog-overlay{z-index:10000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.invite-dialog{background-color:var(--palette-common-white);border-radius:12px;width:90%;max-width:500px;animation:.3s slideUp;box-shadow:0 10px 40px #0000004d}.dark-mode .invite-dialog{background-color:var(--bg-secondary);box-shadow:0 10px 40px #000000b3}.invite-dialog-header{border-bottom:1px solid var(--palette-common-grey-200);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dark-mode .invite-dialog-header{border-bottom-color:#ffffff1a}.invite-dialog-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.dark-mode .invite-dialog-header h3{color:var(--text-primary)}.invite-dialog-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:background-color .2s;display:flex}.invite-dialog-close:hover{background-color:var(--palette-background-neutral-50)}.dark-mode .invite-dialog-close:hover{background-color:#ffffff0d}.invite-dialog-body{padding:24px}.invite-dialog-body p{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.5}.invite-link-container{gap:8px;margin-bottom:12px;display:flex}.invite-link-input{border:1px solid var(--palette-common-grey-200);background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:6px;flex:1;padding:10px 12px;font-family:SF Mono,Monaco,monospace;font-size:13px}.dark-mode .invite-link-input{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.invite-link-input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.dark-mode .invite-link-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.copy-button{background-color:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:background-color .2s}.copy-button:hover{background-color:var(--primary-color-dark,#4f46e5)}.invite-expiry{color:var(--text-secondary);text-align:center;margin:0;font-size:12px}.remote-cursor-widget{white-space:nowrap;pointer-events:none;z-index:1000;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;animation:.3s fadeInCursor;position:absolute;box-shadow:0 1px 3px #0000004d}@keyframes fadeInCursor{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.remote-cursor-line{width:2px;height:100%;animation:1s infinite cursor-blink;position:absolute}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:.3}}.git-actions-button-container{align-items:center;gap:1px;display:flex;position:relative}.git-actions-button{color:#e0e0e0;cursor:pointer;white-space:nowrap;background:#1e1e2ef2;border:1px solid #6366f14d;border-right:none;border-radius:6px 0 0 6px;align-items:center;gap:6px;min-height:32px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.git-actions-button:hover{background:#282838f2;border-color:#6366f180}.git-actions-button:active{transform:translateY(1px)}.git-actions-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.git-actions-dropdown-trigger{color:#e0e0e0;cursor:pointer;background:#1e1e2ef2;border:1px solid #6366f14d;border-left-color:#6366f133;border-radius:0 6px 6px 0;justify-content:center;align-items:center;min-height:32px;padding:6px 8px;font-size:10px;transition:all .2s;display:flex}.git-actions-dropdown-trigger:hover{background:#282838f2;border-color:#6366f180}.git-actions-dropdown-trigger:active{transform:translateY(1px)}.git-actions-dropdown-trigger.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.git-actions-button.border-success,.git-actions-dropdown-trigger.border-success{border-color:#22c55e99;box-shadow:0 0 8px #22c55e33}.git-actions-button.border-failed,.git-actions-dropdown-trigger.border-failed{border-color:#ef444499;box-shadow:0 0 8px #ef444433}.git-actions-button.border-running,.git-actions-dropdown-trigger.border-running{border-color:#3b82f699;animation:2s ease-in-out infinite pulse-border;box-shadow:0 0 8px #3b82f633}.git-actions-button.border-pending,.git-actions-dropdown-trigger.border-pending{border-color:#eab30899;box-shadow:0 0 8px #eab30833}.git-actions-button.border-canceled,.git-actions-dropdown-trigger.border-canceled{border-color:#9ca3af99}@keyframes pulse-border{0%,to{border-color:#3b82f666;box-shadow:0 0 8px #3b82f633}50%{border-color:#3b82f6cc;box-shadow:0 0 12px #3b82f666}}.git-ref-icon{font-size:14px;line-height:1}.git-ref-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.git-status-badge{color:#fb923c;background:#f9731633;border:1px solid #f9731666;border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;display:flex}.git-status-badge.pulse{animation:2s ease-in-out infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.git-status-icon{gap:4px;font-size:12px;font-weight:700;display:flex}.git-status-icon.icon-push{color:#60a5fa}.git-status-icon.icon-pull{color:#4ade80}.git-branch-dropdown{z-index:1000;background:#1e1e2efa;border:1px solid #6366f166;border-radius:8px;min-width:250px;max-width:350px;max-height:400px;animation:.15s ease-out dropdown-appear;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0006}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{padding:8px 0}.dropdown-section+.dropdown-section{border-top:1px solid #6366f133}.dropdown-header{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;font-size:11px;font-weight:600}.dropdown-list{flex-direction:column;display:flex}.dropdown-item{color:#e0e0e0;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 16px;font-size:13px;transition:all .15s;display:flex}.dropdown-item.active{color:#a5b4fc;background:#6366f133}.dropdown-item .item-icon{flex-shrink:0;font-size:14px;line-height:1}.dropdown-item .item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dropdown-item .item-check{color:#4ade80;flex-shrink:0;font-size:14px}.dropdown-empty{text-align:center;color:#6b7280;padding:16px;font-size:12px;font-style:italic}.dropdown-footer{text-align:center;color:#6b7280;padding:8px 16px;font-size:11px;font-style:italic}.dark-mode .git-actions-button,.dark-mode .git-actions-dropdown-trigger{background:#14141ef2}.dark-mode .git-actions-button:hover,.dark-mode .git-actions-dropdown-trigger:hover{background:#1e1e28f2}.dark-mode .git-branch-dropdown{background:#14141efa}@media (max-width:768px){.git-ref-name{max-width:80px}.git-branch-dropdown{min-width:200px;max-width:calc(100vw - 32px)}}.git-actions-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out overlay-appear;display:flex;position:fixed;inset:0}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.git-actions-modal{background:linear-gradient(135deg,#1e1e2efa 0%,#141423fa 100%);border:1px solid #6366f166;border-radius:12px;flex-direction:column;width:95%;max-width:1200px;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-appear;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #6366f126}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background:#6366f114;border-bottom:1px solid #6366f14d;align-items:center;gap:16px;padding:20px 24px;display:flex}.modal-title{color:#e0e0e0;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.title-icon{font-size:22px}.title-loading{font-size:16px;animation:1s linear infinite spin}.modal-status{align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.status-branch{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:6px 12px;font-weight:500}.status-pipeline{border:1px solid;border-radius:6px;padding:6px 12px;font-weight:500}.status-pipeline.status-success{color:#4ade80;background:#22c55e1a;border-color:#22c55e66}.status-pipeline.status-failed{color:#f87171;background:#ef44441a;border-color:#ef444466}.status-pipeline.status-running{color:#60a5fa;background:#3b82f61a;border-color:#3b82f666;animation:2s ease-in-out infinite pulse-status}.status-pipeline.status-pending{color:#facc15;background:#eab3081a;border-color:#eab30866}.status-pipeline.status-canceled,.status-pipeline.status-skipped,.status-pipeline.status-none{color:#9ca3af;background:#9ca3af1a;border-color:#9ca3af4d}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.7}}.modal-close{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:6px;padding:8px 12px;font-size:16px;font-weight:700;transition:all .2s}.modal-close:hover{background:#ef444426;border-color:#ef444480}.modal-tabs{background:#14142380;border-bottom:1px solid #6366f133;gap:4px;padding:12px 24px 0;display:flex}.tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.tab:hover{color:#e0e0e0;background:#6366f10d}.tab.active{color:#a5b4fc;background:#6366f11a;border-bottom-color:#6366f1}.tab-badge{color:#fb923c;background:#f973164d;border:1px solid #f9731680;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600}.tab-refresh{color:#a5b4fc;cursor:pointer;background:0 0;border:1px solid #6366f14d;border-radius:6px;margin-left:auto;padding:8px 12px;font-size:14px;transition:all .2s}.tab-refresh:hover{background:#6366f126;border-color:#6366f180}.tab-refresh:disabled{opacity:.5;cursor:not-allowed}.modal-content{scroll-behavior:smooth;flex:auto;min-height:0;max-height:100%;padding:24px;overflow:hidden auto}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#14142380;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#6366f199}.tab-content{flex-direction:column;gap:24px;width:100%;animation:.3s ease-out tab-content-appear;display:flex}@keyframes tab-content-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-section{background:#1e1e2e80;border:1px solid #6366f133;border-radius:8px;padding:20px}.section-header h3{color:#e0e0e0;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.section-count{color:#a5b4fc;background:#6366f133;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.status-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.summary-card{background:#6366f114;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.card-icon{font-size:28px;line-height:1}.card-info{flex:1}.card-label{color:#9ca3af;margin-bottom:4px;font-size:12px}.card-value{color:#e0e0e0;font-size:20px;font-weight:600}.action-buttons{flex-wrap:wrap;gap:12px;display:flex}.action-btn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f166;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.action-btn:hover{background:#6366f140;border-color:#6366f199;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn.primary{color:#c7d2fe;background:#6366f14d;border-color:#6366f199}.action-btn.primary:hover{background:#6366f166;box-shadow:0 0 20px #6366f14d}.action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.file-list{flex-direction:column;min-height:200px;display:flex}.file-list-placeholder,.integration-placeholder{text-align:center;color:#c4c4c4;background:#6366f114;border:1px dashed #6366f166;border-radius:8px;padding:40px 20px;font-size:14px;line-height:1.6}.file-list-placeholder p:first-child{color:#e0e0e0;margin-bottom:12px;font-weight:600}.placeholder-note{color:#9ca3af;margin:8px 0;font-size:13px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-text{color:#9ca3af;font-size:14px}.current-ref{align-items:center;gap:12px;display:flex}.ref-display{background:#6366f126;border:1px solid #6366f166;border-radius:8px;flex:1;align-items:center;gap:12px;padding:12px 16px;display:flex}.ref-icon{font-size:20px;line-height:1}.ref-name{color:#e0e0e0;flex:1;font-size:16px;font-weight:600}.ref-type{color:#a5b4fc;text-transform:uppercase;background:#6366f133;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.search-input{color:#e0e0e0;background:#141423cc;border:1px solid #6366f14d;border-radius:6px;width:250px;padding:8px 12px;font-size:13px;transition:all .2s}.search-input:focus{border-color:#6366f199;outline:none;box-shadow:0 0 12px #6366f133}.create-branch-form{background:#6366f114;border:1px solid #6366f133;border-radius:8px;margin-top:16px;padding:16px}.branch-input{color:#e0e0e0;background:#141423cc;border:1px solid #6366f14d;border-radius:6px;width:100%;margin-bottom:12px;padding:10px 14px;font-size:14px;transition:all .2s}.branch-input:focus{border-color:#6366f199;outline:none;box-shadow:0 0 12px #6366f133}.form-actions{justify-content:flex-end;gap:8px;display:flex}.btn-cancel,.btn-create{cursor:pointer;border:1px solid;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.btn-cancel{color:#9ca3af;background:0 0;border-color:#9ca3af66}.btn-cancel:hover{background:#9ca3af1a;border-color:#9ca3af99}.btn-create{color:#c7d2fe;background:#6366f14d;border-color:#6366f199}.btn-create:hover{background:#6366f166;box-shadow:0 0 16px #6366f14d}.btn-create:disabled{opacity:.4;cursor:not-allowed}.ref-list{flex-direction:column;gap:16px;max-height:400px;display:flex;overflow-y:auto}.ref-group{flex-direction:column;gap:4px;display:flex}.group-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;background:#6366f10d;border-radius:4px;padding:8px 12px;font-size:11px;font-weight:600}.ref-item{color:#e0e0e0;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.ref-item:hover{background:#6366f126}.ref-item.active{color:#c7d2fe;background:#6366f140}.ref-item .ref-icon{flex-shrink:0;font-size:16px}.ref-item .ref-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.ref-item .ref-check{color:#4ade80;flex-shrink:0;font-size:16px}.ref-more{text-align:center;color:#6b7280;padding:8px 12px;font-size:12px;font-style:italic}.pipeline-status-card{border:2px solid;border-radius:8px;gap:24px;padding:20px;display:flex}.pipeline-status-card.status-success{background:#22c55e1a;border-color:#22c55e66}.pipeline-status-card.status-failed{background:#ef44441a;border-color:#ef444466}.pipeline-status-card.status-running{background:#3b82f61a;border-color:#3b82f666}.pipeline-status-card.status-pending{background:#eab3081a;border-color:#eab30866}.pipeline-status-card.status-none,.pipeline-status-card.status-canceled,.pipeline-status-card.status-skipped{background:#9ca3af1a;border-color:#9ca3af4d}.status-info{flex:1}.status-label{color:#9ca3af;margin-bottom:6px;font-size:12px}.status-value{color:#e0e0e0;text-transform:capitalize;font-size:18px;font-weight:600}.quick-action-list{flex-direction:column;gap:12px;display:flex}.quick-action-item{color:#e0e0e0;text-align:left;cursor:pointer;background:#6366f114;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.quick-action-item:hover{background:#6366f126;border-color:#6366f166;transform:translate(4px)}.quick-action-item:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.action-icon{flex-shrink:0;font-size:28px;line-height:1}.action-info{flex:1}.action-title{color:#e0e0e0;margin-bottom:4px;font-size:15px;font-weight:600}.action-description{color:#9ca3af;font-size:13px}.action-arrow{color:#6366f1;flex-shrink:0;font-size:18px;transition:transform .2s}.quick-action-item:hover .action-arrow{transform:translate(4px)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.info-item{background:#6366f10d;border-radius:6px;padding:12px}.info-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.info-value{color:#e0e0e0;word-break:break-all;font-size:14px;font-weight:500}.info-value-truncate{text-overflow:ellipsis;white-space:nowrap;word-break:normal;overflow:hidden}.ref-list::-webkit-scrollbar{width:8px}.ref-list::-webkit-scrollbar-track{background:#14142380;border-radius:4px}.ref-list::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.ref-list::-webkit-scrollbar-thumb:hover{background:#6366f199}@media (max-width:768px){.git-actions-modal{border-radius:0;width:100%;height:100vh;max-height:100vh}.modal-header{flex-wrap:wrap;padding:16px}.modal-status{flex-basis:100%;justify-content:flex-start;margin-top:8px;margin-left:0}.modal-tabs{padding:8px 16px 0;overflow-x:auto}.tab{white-space:nowrap}.modal-content{padding:16px}.status-summary,.info-grid{grid-template-columns:1fr}.search-input{width:100%}}.pipeline-visualization-container{background:var(--palette-common-grey-50);border-bottom:2px solid var(--palette-common-grey-200);min-height:250px;padding:20px;overflow-x:auto}.dark-mode .pipeline-visualization-container{background:#ffffff05;border-bottom-color:#ffffff1a}.pipeline-viz-title{color:var(--palette-common-grey-900);margin:0 0 16px;font-size:14px;font-weight:600}.dark-mode .pipeline-viz-title{color:var(--palette-common-grey-100)}.pipeline-visualization-loading{text-align:center;color:var(--palette-common-grey-500);padding:20px;font-size:14px}.dark-mode .pipeline-visualization-loading{color:var(--palette-common-grey-400)}.pipeline-stages-horizontal{align-items:flex-start;gap:16px;min-width:max-content;padding-bottom:8px;display:flex}.pipeline-stage-box{border:2px solid var(--palette-common-grey-300);background:#fff;border-radius:8px;flex-direction:column;min-width:200px;min-height:180px;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000001a}.dark-mode .pipeline-stage-box{background:var(--palette-common-grey-800);border-color:#ffffff26;box-shadow:0 2px 4px #0000004d}.stage-box-header{color:#fff;text-align:center;background:linear-gradient(135deg,#6366f1 0%,#3b82f6 100%);padding:10px 12px}.stage-box-header h5{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:600}.stage-box-jobs{flex-direction:column;gap:8px;padding:12px;display:flex}.stage-no-jobs{text-align:center;color:var(--palette-common-grey-400);padding:16px;font-size:12px;font-style:italic}.dark-mode .stage-no-jobs{color:var(--palette-common-grey-500)}.stage-job-box{background:var(--palette-common-grey-100);border:1px solid var(--palette-common-grey-300);border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.dark-mode .stage-job-box{background:var(--palette-common-grey-700);border-color:#ffffff1a}.stage-job-box.clickable{cursor:pointer}.stage-job-box.clickable:hover{border-color:var(--palette-action-primary-default);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.dark-mode .stage-job-box.clickable:hover{box-shadow:0 4px 8px #0006}.stage-job-box.status-success{background:#4caf501a;border-color:#4caf5066}.dark-mode .stage-job-box.status-success{background:#4caf5026;border-color:#4caf5080}.stage-job-box.status-failed{background:#f443361a;border-color:#f4433666}.dark-mode .stage-job-box.status-failed{background:#f4433626;border-color:#f4433680}.stage-job-box.status-running{background:#2196f31a;border-color:#2196f366;animation:2s ease-in-out infinite pulse-running}.dark-mode .stage-job-box.status-running{background:#2196f326;border-color:#2196f380}@keyframes pulse-running{0%,to{opacity:1}50%{opacity:.7}}.stage-job-box.status-pending{background:#ffc1071a;border-color:#ffc10766}.dark-mode .stage-job-box.status-pending{background:#ffc10726;border-color:#ffc10780}.stage-job-box.status-canceled,.stage-job-box.status-skipped{opacity:.7;background:#9e9e9e1a;border-color:#9e9e9e66}.dark-mode .stage-job-box.status-canceled,.dark-mode .stage-job-box.status-skipped{background:#9e9e9e26;border-color:#9e9e9e80}.stage-job-box.status-not-executed,.stage-job-box.not-executed{opacity:.6;cursor:default;background:#9e9e9e0d;border-style:dashed;border-color:#9e9e9e33}.dark-mode .stage-job-box.status-not-executed,.dark-mode .stage-job-box.not-executed{background:#9e9e9e14;border-color:#9e9e9e4d}.stage-job-box.not-executed:hover{box-shadow:none;border-color:#9e9e9e4d;transform:none}.stage-job-box.not-executed .job-name-viz{opacity:.7;font-style:italic}.job-status-emoji{font-size:16px;line-height:1}.job-name-viz{color:var(--palette-common-grey-900);flex:1;font-weight:500}.dark-mode .job-name-viz{color:var(--palette-common-grey-100)}.stage-arrow{color:var(--palette-common-grey-400);align-items:center;margin-top:40px;font-size:24px;display:flex}.dark-mode .stage-arrow{color:var(--palette-common-grey-600)}.unified-top-bar{background-color:var(--palette-common-white);border-bottom:1px solid var(--palette-common-grey-200);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:8px 16px;display:flex;container-type:inline-size}.dark-mode .unified-top-bar{background-color:var(--bg-secondary);border-bottom-color:#ffffff1a}.unified-tabs{background-color:var(--palette-background-neutral-100);border-radius:20px;align-items:center;gap:4px;padding:3px;display:flex}.dark-mode .unified-tabs{background-color:#ffffff0d}.unified-tab{font-family:var(--main-font);cursor:pointer;color:var(--palette-text-secondary,#666);white-space:nowrap;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;gap:6px;min-width:32px;padding:6px 10px;font-size:12px;transition:all .2s;display:flex}.dark-mode .unified-tab{color:var(--text-secondary)}.unified-tab .tab-icon{justify-content:center;align-items:center;display:flex}.unified-tab .tab-label{opacity:0;width:0;transition:all .2s;overflow:hidden}.unified-tab.active{background-color:var(--palette-common-white);color:var(--palette-action-primary-default);padding:6px 12px;box-shadow:0 1px 3px #0000001a}.dark-mode .unified-tab.active{color:var(--accent-primary);background-color:#ffffff1a}.unified-tab.active .tab-label{opacity:1;width:auto;margin-left:2px}.unified-tab:hover:not(.active){background-color:var(--palette-background-neutral-50);color:var(--palette-text-primary,#1a1a1a)}.dark-mode .unified-tab:hover:not(.active){color:var(--text-primary);background-color:#ffffff14}.unified-center-content{flex:1;justify-content:center;align-items:center;gap:12px;max-width:800px;display:flex}.home-button-unified{border:1px solid var(--palette-common-grey-300);background-color:var(--palette-common-white);color:var(--palette-text-primary,#1a1a1a);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:36px;padding:8px 12px;transition:all .2s;display:flex}.dark-mode .home-button-unified{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.home-button-unified:hover{border-color:var(--palette-action-primary-default);background-color:rgba(var(--palette-action-primary-rgb,25,118,210),.05)}.dark-mode .home-button-unified:hover{border-color:var(--accent-primary);background-color:rgba(var(--accent-primary-rgb,25,118,210),.1)}.home-button-unified:active{transform:scale(.98)}.service-dropdown-unified{min-width:180px;max-width:350px;min-height:44px;font-family:var(--main-font);border:1px solid var(--palette-common-grey-300);background-color:var(--palette-common-white);color:var(--palette-text-primary,#1a1a1a);cursor:pointer;appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist;direction:ltr;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;transition:all .2s}.dark-mode .service-dropdown-unified{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.service-dropdown-unified:hover{border-color:var(--palette-action-primary-default)}.dark-mode .service-dropdown-unified:hover{border-color:var(--accent-primary)}.service-dropdown-unified:focus{border-color:var(--palette-action-primary-default);box-shadow:0 0 0 3px rgba(var(--palette-action-primary-rgb,25,118,210),.1);outline:none}.dark-mode .service-dropdown-unified:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb,25,118,210),.1)}.service-dropdown-unified option.dropdown-separator-bottom{border-bottom:1px solid var(--palette-common-grey-300);margin-bottom:8px;padding-bottom:8px}.dark-mode .service-dropdown-unified option.dropdown-separator-bottom{border-bottom-color:#ffffff1a}.service-dropdown-unified option.dropdown-separator-top{border-top:1px solid var(--palette-common-grey-300);margin-top:8px;padding-top:8px}.dark-mode .service-dropdown-unified option.dropdown-separator-top{border-top-color:#ffffff1a}.git-controls-unified{align-items:center;gap:8px;display:flex}.branch-selector-container{position:relative}.branch-selector{background-color:var(--palette-background-neutral-100);border:1px solid var(--palette-common-grey-300);color:var(--palette-text-primary,#1a1a1a);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;font-weight:500;transition:all .2s;display:flex}.dark-mode .branch-selector{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.branch-selector:hover:not(:disabled){background-color:var(--palette-background-neutral-50);border-color:var(--palette-action-primary-default)}.dark-mode .branch-selector:hover:not(:disabled){border-color:var(--accent-primary);background-color:#ffffff14}.branch-selector:disabled{opacity:.5;cursor:not-allowed}.branch-selector .branch-name{font-size:12px}.branch-selector .dropdown-arrow{margin-left:2px;font-size:10px}.branch-dropdown{background:var(--palette-common-white);border:1px solid var(--palette-common-grey-300);z-index:1000;border-radius:8px;min-width:200px;max-height:400px;animation:.2s slideDown;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.dark-mode .branch-dropdown{background:var(--bg-secondary);border-color:#ffffff1a;box-shadow:0 8px 24px #00000080}.branch-dropdown-section-title{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);z-index:100000;padding:8px 14px;font-size:11px;font-weight:700}.dark-mode .branch-dropdown-section-title{color:var(--text-secondary);background-color:#ffffff08;border-bottom-color:#ffffff14}.branch-option{width:100%;color:var(--palette-text-primary,#1a1a1a);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;transition:background .2s;display:flex}.dark-mode .branch-option{color:var(--text-primary)}.branch-option:hover{background-color:var(--palette-background-neutral-100)}.dark-mode .branch-option:hover{background-color:#ffffff0d}.branch-option.active{background-color:rgba(var(--palette-action-primary-rgb,25,118,210),.1);color:var(--palette-action-primary-default);font-weight:600}.dark-mode .branch-option.active{background-color:rgba(var(--accent-primary-rgb,25,118,210),.1);color:var(--accent-primary)}.branch-option.active:before{content:"✓ ";margin-right:8px}.default-badge{background-color:rgba(var(--palette-action-primary-rgb,25,118,210),.2);border:1px solid rgba(var(--palette-action-primary-rgb,25,118,210),.5);color:var(--palette-action-primary-default);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.dark-mode .default-badge{background-color:rgba(var(--accent-primary-rgb,25,118,210),.2);border-color:rgba(var(--accent-primary-rgb,25,118,210),.5);color:var(--accent-primary)}.branch-badge{background-color:var(--palette-background-neutral-100);color:var(--palette-text-secondary,#666);border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.dark-mode .branch-badge{color:var(--text-secondary);background-color:#ffffff0d}.modified-indicator{color:var(--palette-warning-main,#ff9800);margin-left:-2px;font-size:16px;line-height:1}.unified-action-btn{font-family:var(--main-font);background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-300);cursor:pointer;color:var(--palette-text-primary,#1a1a1a);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dark-mode .unified-action-btn{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.unified-action-btn:hover:not(:disabled){background-color:var(--palette-action-primary-hover-background);border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default)}.dark-mode .unified-action-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background-color:#ffffff1a}.unified-action-btn:active:not(:disabled){transform:scale(.98)}.unified-action-btn:disabled{opacity:.5;cursor:not-allowed}.unified-action-btn.primary{background-color:var(--palette-action-primary-default);border-color:var(--palette-action-primary-default);color:#fff}.unified-action-btn.primary .cyber-icon{color:#fff}.dark-mode .unified-action-btn.primary{background-color:var(--accent-primary);border-color:var(--accent-primary)}.unified-action-btn.primary:hover:not(:disabled){background-color:var(--palette-action-primary-hover);border-color:var(--palette-action-primary-hover)}.unified-action-btn.primary:disabled{background-color:var(--palette-common-grey-300);border-color:var(--palette-common-grey-300)}.dark-mode .unified-action-btn.primary:disabled{background-color:#ffffff1a;border-color:#ffffff1a}.unified-action-btn[class*=pipeline-btn-]{align-items:center;gap:6px;display:flex}.unified-action-btn[class*=pipeline-btn-] span{font-size:13px;font-weight:500}.unified-action-btn.pipeline-btn-success{color:#2ecc71;border-color:#2ecc714d}.unified-action-btn.pipeline-btn-success svg{color:#2ecc71}.unified-action-btn.pipeline-btn-success:hover:not(:disabled){background-color:#2ecc711a;border-color:#2ecc7180}.dark-mode .unified-action-btn.pipeline-btn-success:hover:not(:disabled){background-color:#2ecc7126}.unified-action-btn.pipeline-btn-failed{color:#e74c3c;border-color:#e74c3c4d}.unified-action-btn.pipeline-btn-failed svg{color:#e74c3c}.unified-action-btn.pipeline-btn-failed:hover:not(:disabled){background-color:#e74c3c1a;border-color:#e74c3c80}.dark-mode .unified-action-btn.pipeline-btn-failed:hover:not(:disabled){background-color:#e74c3c26}.unified-action-btn.pipeline-btn-canceled,.unified-action-btn.pipeline-btn-cancelled{color:#95a5a6;border-color:#95a5a64d}.unified-action-btn.pipeline-btn-canceled svg,.unified-action-btn.pipeline-btn-cancelled svg{color:#95a5a6}.unified-action-btn.pipeline-btn-canceled:hover:not(:disabled),.unified-action-btn.pipeline-btn-cancelled:hover:not(:disabled){color:#3498db;background-color:#95a5a61a;border-color:#95a5a680}.unified-action-btn.pipeline-btn-running svg,.unified-action-btn.pipeline-btn-pending svg{color:#3498db}.dark-mode .unified-action-btn.pipeline-btn-canceled:hover:not(:disabled),.dark-mode .unified-action-btn.pipeline-btn-cancelled:hover:not(:disabled){background-color:#95a5a626}.unified-action-btn.pipeline-btn-running,.unified-action-btn.pipeline-btn-pending{border-color:#3498db4d}.unified-action-btn.pipeline-btn-running:hover:not(:disabled),.unified-action-btn.pipeline-btn-pending:hover:not(:disabled){background-color:#3498db1a;border-color:#3498db80}.dark-mode .unified-action-btn.pipeline-btn-running:hover:not(:disabled),.dark-mode .unified-action-btn.pipeline-btn-pending:hover:not(:disabled){background-color:#3498db26}.unified-action-btn.pipeline-btn-running .cyber-spinner,.unified-action-btn.pipeline-btn-pending .cyber-spinner{animation:1s linear infinite spin}@container (width<=1100px){.service-dropdown-unified{max-width:200px;font-size:12px}.unified-action-btn>span:last-child,.view-btn>span:nth-of-type(2),.deploy-btn>span:nth-of-type(2),.view-btn>:last-child,.deploy-btn>:last-child{display:none!important}.unified-action-btn svg,.view-btn svg,.deploy-btn svg{display:block!important}.unified-action-btn,.view-btn,.deploy-btn{justify-content:center;min-width:32px;padding:6px 8px}.git-controls-unified{gap:4px}.unified-center-content{gap:6px}.unified-controls{gap:4px}}@container (width<=900px){.service-dropdown-unified{max-width:150px}.unified-action-btn{padding:6px}}@container (width<=700px){.service-dropdown-unified{text-indent:-9999px;min-width:50px;max-width:50px;padding:6px 8px;font-size:0}.branch-selector .branch-name,.branch-selector .dropdown-arrow{display:none}.branch-selector{justify-content:center;min-width:32px;padding:6px 8px}.view-btn>span:nth-of-type(2),.view-btn>:last-child,.deploy-btn>span:nth-of-type(2),.deploy-btn>:last-child{display:none!important}}@supports not (container-type:inline-size){@media (max-width:950px){.service-dropdown-unified{max-width:200px;font-size:12px}.unified-action-btn>span:last-child,.view-btn>span:nth-of-type(2),.deploy-btn>span:nth-of-type(2){display:none!important}.unified-action-btn svg,.view-btn svg,.deploy-btn svg{display:block!important}.unified-action-btn,.view-btn,.deploy-btn{justify-content:center;min-width:32px;padding:6px 8px}.git-controls-unified{gap:4px}.unified-center-content{gap:6px}}}.unified-action-btn.with-status{position:relative}.pipeline-status-dot{border:2px solid var(--palette-common-white);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.dark-mode .pipeline-status-dot{border-color:var(--bg-secondary)}.pipeline-status-dot.success{background-color:var(--palette-success-main,#4caf50)}.pipeline-status-dot.failed{background-color:var(--palette-error-main,#f44336)}.pipeline-status-dot.running{background-color:var(--palette-info-main,#2196f3);animation:1.5s ease-in-out infinite pulse}.pipeline-status-dot.pending{background-color:var(--palette-warning-main,#ff9800)}.project-name-display{color:var(--palette-text-primary,#1a1a1a);background-color:#3b82f61a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.dark-mode .project-name-display{background-color:rgba(var(--accent-primary-rgb,59,130,246),.2);color:var(--text-primary)}.force-cleanup-checkbox{color:var(--palette-text-secondary,#666);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.force-cleanup-checkbox:hover{background-color:var(--palette-background-neutral-100);color:var(--palette-text-primary,#1a1a1a)}.dark-mode .force-cleanup-checkbox{color:var(--text-secondary)}.dark-mode .force-cleanup-checkbox:hover{color:var(--text-primary);background-color:#ffffff1a}.force-cleanup-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--palette-action-primary-default,#3b82f6)}.dark-mode .force-cleanup-checkbox input[type=checkbox]{accent-color:var(--accent-primary)}.unified-controls{align-items:center;gap:8px;display:flex}.unified-control-btn{cursor:pointer;color:var(--palette-text-secondary,#666);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:background-color .2s;display:flex}.dark-mode .unified-control-btn{color:var(--text-secondary)}.unified-control-btn:hover{background-color:var(--palette-background-neutral-100);color:var(--palette-text-primary,#1a1a1a)}.dark-mode .unified-control-btn:hover{color:var(--text-primary);background-color:#ffffff1a}@media (max-width:768px){.unified-top-bar{gap:8px;padding:6px 12px}.unified-center-content{gap:8px}.service-dropdown-unified{max-width:250px;padding:6px 10px;font-size:12px}.unified-action-btn span{display:none}.unified-action-btn{padding:6px 8px}}.modal-overlay{z-index:10000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--palette-common-white);border-radius:12px;width:90%;max-width:500px;padding:24px;animation:.2s scaleIn;box-shadow:0 20px 60px #0000004d}.dark-mode .modal-content{background:var(--bg-secondary);box-shadow:0 20px 60px #000000b3}.modal-content h3{color:var(--palette-text-primary,#1a1a1a);margin:0 0 20px;font-size:18px;font-weight:600}.dark-mode .modal-content h3{color:var(--text-primary)}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-form label{color:var(--palette-text-primary,#1a1a1a);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.dark-mode .modal-form label{color:var(--text-primary)}.modal-form input,.modal-form textarea{font-size:13px;font-family:var(--main-font);border:1px solid var(--palette-common-grey-300);background-color:var(--palette-common-white);color:var(--palette-text-primary,#1a1a1a);border-radius:8px;padding:10px 12px;transition:all .2s}.dark-mode .modal-form input,.dark-mode .modal-form textarea{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.modal-form input:focus,.modal-form textarea:focus{border-color:var(--palette-action-primary-default);box-shadow:0 0 0 3px rgba(var(--palette-action-primary-rgb,25,118,210),.1);outline:none}.dark-mode .modal-form input:focus,.dark-mode .modal-form textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb,25,118,210),.1)}.modal-form textarea{resize:vertical;min-height:60px;font-family:var(--main-font)}.modal-info{color:var(--palette-text-secondary,#666);background-color:var(--palette-background-neutral-50);border-radius:6px;margin:0;padding:8px 12px;font-size:12px}.dark-mode .modal-info{color:var(--text-secondary);background-color:#ffffff08}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.modal-actions button{font-size:13px;font-family:var(--main-font);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.modal-actions .btn-primary{background-color:var(--palette-action-primary-default);color:#fff;border:none}.dark-mode .modal-actions .btn-primary{background-color:var(--accent-primary)}.modal-actions .btn-primary:hover:not(:disabled){background-color:var(--palette-action-primary-hover);box-shadow:0 4px 12px rgba(var(--palette-action-primary-rgb,25,118,210),.3);transform:translateY(-1px)}.modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-actions .btn-secondary{color:var(--palette-text-primary,#1a1a1a);border:1px solid var(--palette-common-grey-300);background-color:#0000}.dark-mode .modal-actions .btn-secondary{color:var(--text-primary);border-color:#ffffff1a}.modal-actions .btn-secondary:hover:not(:disabled){background-color:var(--palette-background-neutral-100)}.dark-mode .modal-actions .btn-secondary:hover:not(:disabled){background-color:#ffffff0d}.modal-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.branch-dropdown-section-title{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);justify-content:space-between;align-items:center;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.create-ref-btn{background-color:var(--palette-action-primary-default);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;line-height:1;transition:all .2s;display:flex}.dark-mode .create-ref-btn{background-color:var(--accent-primary)}.create-ref-btn:hover{box-shadow:0 2px 8px rgba(var(--palette-action-primary-rgb,25,118,210),.4);transform:scale(1.1)}.dark-mode .create-ref-btn:hover{box-shadow:0 2px 8px rgba(var(--accent-primary-rgb,25,118,210),.4)}.view-dropdown-container{align-items:center;display:flex;position:relative}.view-btn{background-color:var(--palette-common-white);color:var(--palette-text-primary,#1a1a1a);border:1px solid var(--palette-common-grey-300);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dark-mode .view-btn{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.view-btn:hover{background-color:var(--palette-action-primary-hover-background);border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default)}.dark-mode .view-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:#ffffff1a}.view-dropdown-menu{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);z-index:1000;border-radius:8px;min-width:200px;animation:.2s fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.dark-mode .view-dropdown-menu{background-color:var(--bg-secondary);border-color:#ffffff1a;box-shadow:0 4px 20px #00000080}.view-dropdown-header{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);padding:12px 16px;font-size:12px;font-weight:700}.dark-mode .view-dropdown-header{color:var(--text-secondary);background-color:#ffffff08;border-bottom-color:#ffffff1a}.view-dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--palette-text-primary);border:none;border-bottom:1px solid var(--palette-common-grey-100);background:0 0;align-items:center;gap:10px;padding:10px 16px;font-size:13px;transition:background-color .2s;display:flex}.dark-mode .view-dropdown-item{color:var(--text-primary);border-bottom-color:#ffffff0d}.view-dropdown-item:last-child{border-bottom:none}.view-dropdown-item:hover{background-color:var(--palette-background-neutral-50)}.dark-mode .view-dropdown-item:hover{background-color:#ffffff0d}.view-dropdown-item.active{background-color:var(--palette-action-primary-light);color:var(--palette-action-primary-default)}.dark-mode .view-dropdown-item.active{background-color:rgba(var(--accent-primary-rgb),.2);color:var(--accent-primary)}.view-dropdown-item span{flex:1}.deploy-dropdown-container{align-items:center;display:flex;position:relative}.deploy-btn{background-color:var(--palette-common-white);color:var(--palette-text-primary,#1a1a1a);border:1px solid var(--palette-common-grey-300);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dark-mode .deploy-btn{color:var(--text-primary);background-color:#ffffff0d;border-color:#ffffff1a}.deploy-btn:hover:not(:disabled){background-color:var(--palette-action-primary-hover-background);border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default)}.dark-mode .deploy-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background-color:#ffffff1a}.deploy-btn:disabled{opacity:.5;cursor:not-allowed}.deploy-btn.deploying{opacity:.7}.deploy-dropdown-menu{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);z-index:1000;border-radius:8px;min-width:320px;max-width:400px;max-height:500px;animation:.2s fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}.dark-mode .deploy-dropdown-menu{background-color:var(--bg-secondary);border-color:#ffffff1a;box-shadow:0 4px 20px #00000080}.deploy-dropdown-header{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);padding:12px 16px;font-size:12px;font-weight:700}.dark-mode .deploy-dropdown-header{color:var(--text-secondary);background-color:#ffffff08;border-bottom-color:#ffffff1a}.deploy-dropdown-item{border-bottom:1px solid var(--palette-common-grey-100);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.dark-mode .deploy-dropdown-item{border-bottom-color:#ffffff0d}.deploy-dropdown-item:last-child{border-bottom:none}.deploy-dropdown-item:hover{background-color:var(--palette-background-neutral-50)}.dark-mode .deploy-dropdown-item:hover{background-color:#ffffff08}.deploy-env-info{flex-direction:column;flex:1;gap:6px;display:flex}.deploy-env-name{color:var(--palette-text-primary,#1a1a1a);font-size:14px;font-weight:600}.dark-mode .deploy-env-name{color:var(--text-primary)}.deploy-env-urls{flex-direction:column;gap:4px;display:flex}.deploy-env-url{color:var(--palette-action-primary-default);align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.dark-mode .deploy-env-url{color:var(--accent-primary)}.deploy-env-url:hover{color:var(--palette-action-primary-dark);text-decoration:underline}.dark-mode .deploy-env-url:hover{color:var(--accent-primary-light)}.deploy-env-btn{background-color:var(--palette-action-primary-default);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.dark-mode .deploy-env-btn{background-color:var(--accent-primary)}.deploy-env-btn:hover:not(:disabled){background-color:var(--palette-action-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.dark-mode .deploy-env-btn:hover:not(:disabled){background-color:var(--accent-primary-dark)}.deploy-env-btn:disabled{opacity:.6;cursor:not-allowed}.pipeline-modal-content{background-color:var(--palette-common-white);border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:80vh;padding:0;display:flex;position:relative;box-shadow:0 4px 20px #00000040}.dark-mode .pipeline-modal-content{background-color:var(--bg-secondary)}.pipeline-modal-header{border-bottom:1px solid var(--palette-common-grey-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.dark-mode .pipeline-modal-header{border-bottom-color:#ffffff1a}.pipeline-modal-header h3{color:var(--palette-text-primary,#1a1a1a);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:20px;font-weight:600;overflow:hidden}.dark-mode .pipeline-modal-header h3{color:var(--text-primary)}.pipeline-modal-header-actions{flex-shrink:0;align-items:center;gap:12px;min-width:76px;display:flex}.pipeline-refresh-btn{color:var(--palette-text-primary,#1a1a1a);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin-right:0;padding:0;font-size:18px;line-height:1;transition:all .2s;display:inline-flex;position:relative}.pipeline-refresh-btn:hover:not(:disabled){background-color:var(--palette-background-neutral-100);transform:translateY(-1px)}.pipeline-refresh-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark-mode .pipeline-refresh-btn{color:var(--text-primary)}.dark-mode .pipeline-refresh-btn:hover:not(:disabled){background-color:#ffffff0d}.pipeline-close-btn{color:var(--palette-text-secondary,#666);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin-left:0;padding:0;font-size:32px;line-height:1;transition:all .2s;display:inline-flex;position:relative}.dark-mode .pipeline-close-btn{color:var(--text-secondary)}.pipeline-close-btn:hover{background-color:var(--palette-background-neutral-100);color:var(--palette-text-primary,#1a1a1a)}.dark-mode .pipeline-close-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.pipeline-modal-info{background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);flex-direction:column;gap:8px;padding:16px 24px;font-size:14px;display:flex}.dark-mode .pipeline-modal-info{background-color:#ffffff05;border-bottom-color:#ffffff1a}.pipeline-modal-info strong{color:var(--palette-text-secondary,#666);margin-right:8px}.dark-mode .pipeline-modal-info strong{color:var(--text-secondary)}.pipeline-gitlab-link{color:var(--palette-action-primary-default);align-items:center;gap:4px;text-decoration:none;transition:all .2s;display:inline-flex}.dark-mode .pipeline-gitlab-link{color:var(--accent-primary)}.pipeline-gitlab-link:hover{color:var(--palette-action-primary-dark);text-decoration:underline}.dark-mode .pipeline-gitlab-link:hover{color:var(--accent-primary-light)}.pipeline-logs-container{background-color:var(--palette-common-black);color:#0f0;flex:1;padding:16px 24px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.dark-mode .pipeline-logs-container{background-color:#0a0a0a}.pipeline-log-entry{white-space:pre-wrap;word-break:break-word;padding:4px 0}.pipeline-modal-actions{border-top:1px solid var(--palette-common-grey-200);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.dark-mode .pipeline-modal-actions{border-top-color:#ffffff1a}.pipeline-loading,.pipeline-empty{text-align:center;color:var(--palette-common-grey-600);padding:32px}.dark-mode .pipeline-loading,.dark-mode .pipeline-empty{color:var(--palette-common-grey-400)}.pipeline-list{max-height:500px;padding:16px;overflow-y:auto}.pipeline-item{background:var(--palette-common-grey-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s}.pipeline-item:hover{border-color:var(--palette-primary-main);box-shadow:0 2px 8px #0000001a}.dark-mode .pipeline-item{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .pipeline-item:hover{border-color:var(--palette-primary-main);box-shadow:0 2px 8px #0000004d}.pipeline-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pipeline-status-badge{text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.pipeline-status-badge.success{color:#27ae60;background:#2ecc7126}.pipeline-status-badge.failed{color:#e74c3c;background:#e74c3c26}.pipeline-status-badge.running{color:#3498db;background:#3498db26}.pipeline-status-badge.pending{color:#f39c12;background:#f1c40f26}.pipeline-status-badge.canceled{color:#7f8c8d;background:#95a5a626}.pipeline-status-badge.skipped{color:#95a5a6;background:#95a5a626}.pipeline-id{color:var(--palette-common-grey-600);font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;font-weight:600}.dark-mode .pipeline-id{color:var(--palette-common-grey-400)}.pipeline-item-details{color:var(--palette-common-grey-700);margin-bottom:12px;font-size:13px}.dark-mode .pipeline-item-details{color:var(--palette-common-grey-300)}.pipeline-item-details>div{margin-bottom:4px}.pipeline-item-details strong{color:var(--palette-common-grey-900);margin-right:8px}.dark-mode .pipeline-item-details strong{color:var(--palette-common-grey-100)}.pipeline-logs-modal-content{border:2px solid var(--palette-common-grey-300);background:#fff;border-radius:12px;flex-direction:column;width:1200px;max-width:90vw;max-height:80vh;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.dark-mode .pipeline-logs-modal-content{background:var(--palette-common-grey-900);border-color:#fff3;box-shadow:0 8px 32px #0006}.pipeline-logs-split-view{flex:1;display:flex;overflow:hidden}.jobs-list-panel{border-right:1px solid var(--palette-common-grey-200);flex-direction:column;width:300px;display:flex;overflow:hidden}.dark-mode .jobs-list-panel{border-right-color:#ffffff1a}.jobs-list-panel h4{border-bottom:1px solid var(--palette-common-grey-200);background:var(--palette-common-grey-50);color:var(--palette-common-grey-900);margin:0;padding:16px;font-size:14px;font-weight:600}.dark-mode .jobs-list-panel h4{color:var(--palette-common-grey-100);background:#ffffff08;border-bottom-color:#ffffff1a}.jobs-list{flex:1;overflow-y:auto}.jobs-empty{text-align:center;color:var(--palette-common-grey-500);padding:24px}.dark-mode .jobs-empty{color:var(--palette-common-grey-400)}.job-item{border-bottom:1px solid var(--palette-common-grey-200);cursor:pointer;padding:12px 16px;transition:background .15s}.job-item:hover{background:var(--palette-common-grey-100)}.dark-mode .job-item{border-bottom-color:#ffffff0d}.dark-mode .job-item:hover{background:#ffffff0d}.job-name{color:var(--palette-common-grey-900);margin-bottom:4px;font-size:13px;font-weight:500}.dark-mode .job-name{color:var(--palette-common-grey-100)}.job-stage{color:var(--palette-common-grey-600);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.dark-mode .job-stage{color:var(--palette-common-grey-400)}.job-logs-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.job-logs-panel h4{border-bottom:1px solid var(--palette-common-grey-200);background:var(--palette-common-grey-50);color:var(--palette-common-grey-900);margin:0;padding:16px;font-size:14px;font-weight:600}.dark-mode .job-logs-panel h4{color:var(--palette-common-grey-100);background:#ffffff08;border-bottom-color:#ffffff1a}.logs-loading,.logs-empty{text-align:center;color:var(--palette-common-grey-500);padding:32px}.dark-mode .logs-loading,.dark-mode .logs-empty{color:var(--palette-common-grey-400)}.job-logs-content{background:var(--palette-common-grey-50);color:var(--palette-common-grey-900);white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:16px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;line-height:1.6;overflow:auto}.dark-mode .job-logs-content{color:var(--palette-common-grey-100);background:#0000004d}.background-agents-manager{flex-direction:column;gap:20px;height:100%;padding:20px;display:flex}.agents-header{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.agents-stats{flex-shrink:0;gap:24px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.stat-value{color:#fff;font-size:24px;font-weight:600}.agents-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.agents-header-refresh-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #fff3;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.agents-header-refresh-btn:hover{background:#ffffff26;border-color:#ffffff59}.filter-select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}.filter-select:hover{background:#ffffff26}.filter-select option{color:#fff;background:#1a1a2e}.agents-loading,.agents-error{text-align:center;color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.agents-loading .hexagon-loader-container{width:150px;height:150px;margin:0 auto 20px;position:relative}.agents-loading .hexagon-loader{width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.agents-loading .hexagon-loader svg{width:100%;height:100%;animation:4s linear infinite hexagonSpin}.agents-loading .hexagon-shape{fill:none;stroke:var(--accent-color,#6366f1);stroke-width:2px;opacity:.8;animation:2s ease-in-out infinite hexagonPulse}.agents-loading .hexagon-loader-2 svg{animation:3s linear infinite reverse hexagonSpin}.agents-loading .hexagon-loader-2 .hexagon-shape{stroke:var(--accent-secondary,#8b5cf6);animation-delay:.3s}.agents-loading .hexagon-loader-3 svg{animation:5s linear infinite hexagonSpin}.agents-loading .hexagon-loader-3 .hexagon-shape{stroke:var(--accent-tertiary,#ec4899);animation-delay:.6s}@keyframes hexagonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-btn{color:#fff;cursor:pointer;background:#6366f133;border:1px solid #6366f166;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:flex}.retry-btn:hover{background:#6366f14d;transform:translateY(-1px)}.agents-empty{text-align:center;background:#ffffff05;border:2px dashed #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.agents-empty h3{color:#fff;margin:0;font-size:20px}.agents-empty p{color:#fff9;margin:0;font-size:14px}.agents-empty .hint{color:#6366f1cc;margin-top:8px;font-style:italic}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:4px;display:grid}.agent-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.agent-card:hover{background:#ffffff14;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.agent-card.selected{background:#6366f11a;border-color:#6366f199;box-shadow:0 0 0 2px #6366f133}.agent-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.agent-info{flex:1;min-width:0}.agent-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.agent-model{color:#ffffff80;font-family:Monaco,monospace;font-size:11px}.agent-badge{color:#6366f1;text-transform:uppercase;white-space:nowrap;background:#6366f133;border:1px solid #6366f166;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.agent-description{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.agent-meta{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.meta-item svg{opacity:.6}.agent-actions{border-top:1px solid #ffffff1a;gap:8px;padding-top:8px;display:flex}.action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.action-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.action-btn.execute{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.action-btn.execute:hover:not(:disabled){background:#22c55e40}.action-btn.pause{color:#fbbf24;background:#fbbf2426;border-color:#fbbf244d}.action-btn.pause:hover:not(:disabled){background:#fbbf2440}.action-btn.delete{color:#ef4444;background:#ef444426;border-color:#ef44444d}.action-btn.delete:hover:not(:disabled){background:#ef444440}.agent-details-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#14141efa;border-left:1px solid #ffffff1a;flex-direction:column;width:400px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 20px #0000004d}.panel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.panel-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.close-btn:hover{background:#fff3;transform:scale(1.1)}.executions-list{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.executions-empty{color:#ffffff80;text-align:center;justify-content:center;align-items:center;padding:40px 20px;display:flex}.execution-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.execution-header{justify-content:space-between;align-items:center;display:flex}.execution-status{color:#fff;text-transform:capitalize;font-size:13px;font-weight:600}.execution-time{color:#ffffff80;font-size:11px}.execution-progress{flex-direction:column;gap:6px;display:flex}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1cc,#6366f1);border-radius:3px;height:100%;transition:width .3s}.progress-text{color:#ffffffb3;font-size:12px}.execution-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.execution-duration{color:#ffffff80;font-family:Monaco,monospace;font-size:11px}@media (max-width:1200px){.agents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.agent-details-panel{width:350px}}@media (max-width:768px){.agents-header{flex-direction:column;gap:16px}.agents-stats{justify-content:space-between;width:100%}.agents-grid{grid-template-columns:1fr}.agent-details-panel{width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content.background-agents-modal{background:linear-gradient(135deg,#1e1e32f2,#141428f2);border:1px solid #00ffff4d;border-radius:12px;min-width:400px;max-width:500px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideIn;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #00ffff1a}.background-agents-modal .modal-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:20px 24px;display:flex;position:relative}.background-agents-modal .modal-header h3{color:#fff;flex:1;margin:0;font-size:18px;font-weight:600}.background-agents-modal .modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.background-agents-modal .modal-success .modal-icon{color:#00ff96;background:#00ff961a;border:1px solid #00ff964d}.background-agents-modal .modal-error .modal-icon{color:#ff3264;background:#ff32641a;border:1px solid #ff32644d}.background-agents-modal .modal-confirm .modal-icon{color:#ffc800;background:#ffc8001a;border:1px solid #ffc8004d}.background-agents-modal .modal-info .modal-icon{color:#0096ff;background:#0096ff1a;border:1px solid #0096ff4d}.background-agents-modal .modal-close-btn{cursor:pointer;color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.background-agents-modal .modal-close-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-50%)rotate(90deg)}.background-agents-modal .modal-body{color:#ffffffe6;padding:24px;font-size:14px;line-height:1.6}.background-agents-modal .modal-body p{word-wrap:break-word;margin:0}.background-agents-modal .modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.background-agents-modal .modal-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.background-agents-modal .modal-btn-ok,.background-agents-modal .modal-btn-confirm{color:#0ff;background:linear-gradient(135deg,#0ff3,#0096ff33);border-color:#00ffff4d}.background-agents-modal .modal-btn-ok:hover,.background-agents-modal .modal-btn-confirm:hover{background:linear-gradient(135deg,#00ffff4d,#0096ff4d);border-color:#00ffff80;transform:translateY(-2px);box-shadow:0 0 20px #00ffff4d}.background-agents-modal .modal-btn-cancel{color:#fffc;background:#ffffff0d;border-color:#ffffff1a}.background-agents-modal .modal-btn-cancel:hover{color:#fff;background:#ffffff1a;border-color:#fff3}@media (max-width:768px){.modal-content.background-agents-modal{min-width:90%;max-width:90%;margin:20px}.background-agents-modal .modal-footer{flex-direction:column-reverse}.background-agents-modal .modal-btn{justify-content:center;width:100%}}.push-modal-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.push-modal{background:var(--bg-card,#1e1e1e);border:1px solid var(--border-strong,#333);border-radius:12px;flex-direction:column;width:95%;max-width:1400px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 20px 60px #00000080}.push-modal-header{border-bottom:1px solid var(--border-strong,#333);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.push-modal-header h2{color:var(--text-primary,#fff);margin:0;font-size:24px}.push-modal-close{color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.push-modal-close:hover{background:var(--bg-hover,#333);color:var(--text-primary,#fff)}.push-modal-body{flex:1;padding:24px;overflow-y:auto}.push-modal-section{margin-bottom:24px}.push-modal-section h3{color:var(--text-primary,#fff);align-items:center;gap:8px;margin:0 0 12px;font-size:16px;display:flex}.push-modal-warning{color:#fef3c7;background:#854d0e;border:1px solid #ca8a04;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.file-list{background:var(--bg-primary,#252525);border:1px solid var(--border-strong,#333);border-radius:8px;max-height:200px;margin-bottom:12px;padding:8px 4px 8px 8px;overflow:hidden auto}.file-item{border-radius:4px;align-items:center;gap:8px;min-width:0;margin-bottom:4px;padding:8px 12px;transition:background .2s;display:flex}.file-item:hover{background:var(--bg-hover,#2a2a2a)}.file-path{color:var(--text-primary,#ddd);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Monaco,Menlo,monospace;font-size:13px;overflow:hidden}.file-badge{background:var(--bg-hover,#333);color:var(--text-secondary,#888);text-transform:uppercase;text-align:center;letter-spacing:.04em;border-radius:4px;flex-shrink:0;min-width:72px;margin-right:24px;padding:2px 8px;font-size:11px;font-weight:600}.file-modified .file-badge{color:#fff;background:#2563eb}.file-new .file-badge{color:#fff;background:#16a34a}.file-deleted .file-badge{color:#fff;background:#dc2626}.file-remote .file-badge{color:#fff;background:#7c3aed}.commit-message-input{background:var(--bg-primary,#252525);border:1px solid var(--border-strong,#333);width:100%;color:var(--text-primary,#ddd);resize:vertical;box-sizing:border-box;border-radius:8px;padding:12px;font-family:Monaco,Menlo,monospace;font-size:13px;transition:border-color .2s}.commit-message-input:focus{border-color:#2563eb;outline:none}.commit-message-info{color:var(--text-secondary,#888);margin-top:8px;font-size:12px}.push-modal-loading{color:var(--text-primary,#ddd);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.spinner{border:3px solid var(--border-strong,#333);border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}.conflict-warning{color:#fbbf24;background:#fbbf241a;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.conflict-list{background:var(--bg-primary,#252525);border:1px solid var(--border-strong,#333);border-radius:8px;padding:8px}.conflict-item{background:var(--bg-hover,#2a2a2a);border-radius:4px;margin-bottom:8px;padding:12px}.conflict-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.conflict-path{color:var(--text-primary,#ddd);flex:1;font-family:Monaco,Menlo,monospace;font-size:13px}.conflict-actions{gap:8px;display:flex}.conflict-btn{border:1px solid var(--border-strong,#444);background:var(--bg-hover,#333);color:var(--text-primary,#ddd);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.conflict-btn:hover{background:var(--bg-primary,#3a3a3a)}.conflict-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.conflict-btn-view{border:1px solid var(--border-strong,#444);color:var(--text-secondary,#888);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.conflict-btn-view:hover{color:var(--text-primary,#ddd)}.conflict-resolution{color:#22c55e;background:#22c55e1a;border-radius:4px;margin-top:8px;padding:8px;font-size:12px}.conflict-diff-viewer{background:var(--bg-card,#1e1e1e);border:1px solid var(--border-strong,#333);z-index:10001;border-radius:8px;flex-direction:column;width:90%;max-width:1000px;max-height:80vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000080}.diff-header{border-bottom:1px solid var(--border-strong,#333);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.diff-header h4{color:var(--text-primary,#ddd);margin:0;font-size:14px}.diff-header button{color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;display:flex}.diff-header button:hover{background:var(--bg-hover,#333);color:var(--text-primary,#fff)}.diff-content{flex:1;gap:1px;display:flex;overflow:hidden}.diff-column{background:var(--bg-primary,#252525);flex-direction:column;flex:1;display:flex;overflow:hidden}.diff-column h5{background:var(--bg-hover,#2a2a2a);color:var(--text-secondary,#888);text-transform:uppercase;margin:0;padding:12px 16px;font-size:12px}.diff-column pre{color:var(--text-primary,#ddd);scroll-behavior:smooth;flex:1;margin:0;padding:0;font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.6;overflow:auto}.diff-line{width:100%;min-height:1.6em;display:flex}.diff-line-num{text-align:right;width:50px;color:var(--text-secondary,#666);background:var(--bg-card,#1a1a1a);border-right:1px solid var(--border-strong,#333);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 8px;display:inline-block}.diff-line-content{white-space:pre;flex:1;padding:0 12px;overflow-x:auto}.diff-line-unchanged{background:0 0}.diff-line-modified{background:#fbbf2426}.diff-line-modified .diff-line-num{color:#fbbf24;background:#fbbf2433}.diff-line-added{background:#22c55e26}.diff-line-added .diff-line-num{color:#22c55e;background:#22c55e33}.diff-line-added .diff-line-content:before{content:"+ ";color:#22c55e}.diff-line-removed{background:#ef444426}.diff-line-removed .diff-line-num{color:#ef4444;background:#ef444433}.diff-line-removed .diff-line-content:before{content:"- ";color:#ef4444}.diff-line-empty{background:#6464641a}.diff-line-empty .diff-line-num{background:var(--bg-card,#1a1a1a);color:var(--text-muted,#444)}.push-modal-progress{flex-direction:column;align-items:center;padding:60px 20px;display:flex}.push-modal-progress h3{color:var(--text-primary,#fff);margin:0 0 24px}.progress-bar{background:var(--border-strong,#333);border-radius:4px;width:100%;max-width:400px;height:8px;margin-bottom:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2563eb,#7c3aed);height:100%;transition:width .3s ease-out}.progress-message{color:var(--text-primary,#ddd);margin:8px 0;font-size:14px}.progress-stats{color:var(--text-secondary,#888);font-family:Monaco,Menlo,monospace;font-size:12px}.push-modal-result{flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:32px 24px;display:flex}.push-error{align-items:stretch;width:100%}.push-error>.result-icon,.push-error>h3{text-align:center;align-self:center}.push-error>.error-message,.push-error>.error-suggestions,.push-error>.error-details-container{align-self:stretch;width:100%;max-width:none}.push-error .push-modal-actions{justify-content:center}.result-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin-bottom:16px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:48px;line-height:1}.push-modal-result h3{color:var(--text-primary,#fff);margin:0 0 12px;font-size:20px;font-weight:600}.push-modal-result p{color:var(--text-secondary,#ddd);text-align:center;margin:0;font-size:14px}.error-message{color:#ef4444;box-sizing:border-box;text-align:left;background:#dc26261a;border:1px solid #dc26264d;border-radius:8px;width:100%;margin:16px 0 0;padding:16px;font-size:14px;line-height:1.6}.error-suggestions{text-align:left;box-sizing:border-box;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;width:100%;margin:20px 0 0;padding:16px}.error-suggestions h4{color:#60a5fa;margin:0 0 12px;font-size:15px;font-weight:600}.error-suggestions ul{color:var(--text-primary,#ddd);margin:0;padding-left:20px;font-size:14px;line-height:1.8}.error-suggestions li{margin-bottom:6px}.error-details-container{text-align:left;box-sizing:border-box;width:100%;margin:20px 0 0}.error-details-toggle{background:var(--bg-hover,#64646433);border:1px solid var(--border-strong,#444);color:var(--text-secondary,#aaa);cursor:pointer;box-sizing:border-box;text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.error-details-toggle:hover{background:var(--bg-primary,#6464644d);color:var(--text-primary,#ccc)}.error-details-content{background:var(--bg-primary,#0006);border:1px solid var(--border-strong,#333);color:var(--text-secondary,#888);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:200px;margin-top:8px;padding:12px;font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.error-details-content::-webkit-scrollbar{width:8px}.error-details-content::-webkit-scrollbar-track{background:var(--bg-hover,#0003);border-radius:4px}.error-details-content::-webkit-scrollbar-thumb{background:var(--border-strong,#444);border-radius:4px}.error-details-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary,#555)}.push-modal-actions{border-top:1px solid var(--border-strong,#333);justify-content:center;gap:12px;width:100%;margin-top:24px;padding-top:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;min-width:100px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{background:var(--bg-hover,#333);color:var(--text-secondary,#666);cursor:not-allowed}.btn-secondary{color:var(--text-primary,#ddd);border:1px solid var(--border-strong,#444);background:0 0}.btn-secondary:hover{background:var(--bg-hover,#333)}.confirm-dialog-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background-color:var(--palette-common-white);border-radius:12px;width:90%;max-width:400px;padding:24px;animation:.2s ease-out dialogFadeIn;box-shadow:0 8px 32px #0003}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-dialog-content{margin-bottom:24px}.confirm-dialog-title{font-family:var(--main-font);color:var(--palette-common-grey-900);margin:0 0 12px;font-size:20px;font-weight:500}.confirm-dialog-message{font-family:var(--main-font);font-size:var(--main-size);color:var(--palette-common-grey-700);margin:0;line-height:1.5}.confirm-dialog-actions{justify-content:flex-end;gap:12px;display:flex}.confirm-dialog-button{font-family:var(--main-font);font-size:var(--main-size);cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-weight:500;transition:all .2s}.confirm-dialog-button-cancel{background-color:var(--palette-background-neutral-100);color:var(--palette-common-grey-700)}.confirm-dialog-button-cancel:hover{background-color:var(--palette-background-neutral-200)}.confirm-dialog-button-confirm{color:#fff;background-color:#dc2626}.confirm-dialog-button-confirm:hover{background-color:#b91c1c}.dashboard-content{background:var(--bg-primary);box-sizing:border-box;width:100%;max-width:1600px;min-height:100%;margin:0 auto;padding:0 24px 24px;overflow-y:auto}.dashboard-project-header{border-bottom:1px solid var(--border-color);height:200px;padding:12px;position:relative;overflow:hidden}.header-overlay{background:linear-gradient(to right,var(--bg-secondary),transparent);justify-content:space-between;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.project-title-section h1{color:var(--text-primary);margin:0 0 8px;font-size:32px;font-weight:600}.project-description{color:var(--text-secondary);margin:0;font-size:16px}.console-link-button{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.console-link-button:hover{background:var(--palette-background-neutral-200);border-color:var(--border-hover)}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;margin:0;padding:0;display:grid}.dashboard-column{flex-direction:column;gap:16px;display:flex}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.dashboard-card:hover{background:var(--bg-hover);border-color:var(--border-hover)}.refresh-env-btn{background:var(--palette-background-neutral-100);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:6px 8px;transition:all .2s;display:flex}.refresh-env-btn:hover:not(:disabled){background:var(--palette-background-neutral-200);border-color:var(--border-hover);color:var(--text-primary)}.refresh-env-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-env-btn:disabled svg{animation:1s linear infinite spin}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.metric-card{background:var(--palette-background-neutral-50);border:1px solid var(--border-color);border-radius:8px;padding:12px}.team-list{flex-direction:column;gap:12px;display:flex}.team-member{align-items:center;gap:12px;display:flex}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.next-actions .actions-list{flex-direction:column;gap:10px;display:flex}.action-item{background:var(--palette-background-neutral-50);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.env-list{flex-direction:column;gap:10px;display:flex}.env-item{background:var(--palette-background-neutral-50);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:all .3s;display:flex}.env-info{flex-direction:column;flex:1;gap:4px;transition:all .3s;display:flex}.env-status{background:#6b7280;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .5s;animation:2s ease-in-out infinite pulse}.env-status.active{background:#10b981}.env-status.error{background:#ef4444;animation:1s ease-in-out infinite pulse}.env-status.inactive{background:#fbbf24}.env-status.unknown{background:#6b7280;animation:none}.env-name{color:var(--text-primary);font-size:13px;font-weight:500}.env-pods-count{color:var(--text-secondary);font-size:11px}.dashboard-resources-grid{flex-direction:column;gap:20px;display:flex}.resource-count{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.resource-list{flex-direction:column;gap:8px;display:flex}.resource-item{background:var(--palette-background-neutral-50);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.resource-item:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-muted);padding:20px;font-size:13px;font-style:italic}.dark-mode .dashboard-card:hover{background:#2d3e5f!important;border-color:#7c3aed4d!important}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-advanced-section{margin:24px 24px 32px}.dashboard-advanced-details{border:1px solid var(--border-color,#ffffff1a);border-radius:8px;overflow:hidden}.dashboard-advanced-summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted,#888);align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;list-style:none;display:flex}.dashboard-advanced-summary::-webkit-details-marker{display:none}.dashboard-advanced-summary:after{content:"›";margin-left:auto;font-size:16px;transition:transform .2s}.dashboard-advanced-details[open] .dashboard-advanced-summary:after{transform:rotate(90deg)}.dashboard-advanced-content{border-top:1px solid var(--border-color,#ffffff1a);padding:16px}.dashboard-advanced-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-advanced-item-info h4{color:var(--text-primary,#fff);margin:0 0 4px;font-size:14px;font-weight:500}.dashboard-advanced-item-info p{color:var(--text-muted,#888);margin:0;font-size:12px}.dashboard-delete-btn{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc2626;border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dashboard-delete-btn:hover:not(:disabled){color:#fff;background:#dc2626}.dashboard-delete-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-delete-error{color:#dc2626;background:#dc26261a;border:1px solid #dc26264d;border-radius:6px;margin-top:12px;padding:8px 12px;font-size:12px}.dlc-modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dlc-modal{background:var(--color-bg-primary,#13131f);border:1px solid var(--color-border,#2a2a3e);border-radius:12px;flex-direction:column;width:480px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 24px 64px #000000b3}.dlc-modal-header{border-bottom:1px solid var(--color-border,#2a2a3e);align-items:flex-start;gap:12px;padding:20px 20px 12px;display:flex}.dlc-modal-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.configure-icon{background:#312e81}.run-icon{background:#7c3aed}.dlc-modal-title-group{flex:1}.dlc-modal-title{font-size:16px;font-weight:600}.dlc-modal-subtitle{color:var(--color-text-secondary,#88a);margin-top:2px;font-size:12px}.dlc-modal-close{color:var(--color-text-secondary,#88a);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:20px;line-height:1}.dlc-modal-close:hover{color:#fff}.dlc-readiness{border-bottom:1px solid var(--color-border,#2a2a3e);background:#ffffff05;padding:14px 20px}.dlc-readiness-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#88a);margin-bottom:8px;font-size:11px;font-weight:600}.dlc-readiness-item{align-items:center;gap:8px;padding:3px 0;font-size:13px;display:flex}.dlc-readiness-icon{text-align:center;width:16px;font-size:12px}.dlc-readiness-item.done{color:#22c55e}.dlc-readiness-item.warning{color:#f59e0b}.dlc-readiness-item.pending{color:var(--color-text-secondary,#88a)}.dlc-readiness-item.optional{color:var(--color-text-muted,#5c5c7a)}.dlc-form{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.dlc-label{color:var(--color-text-secondary,#aac);flex-direction:column;gap:5px;font-size:13px;font-weight:500;display:flex}.dlc-input,.dlc-select,.dlc-textarea{background:var(--color-bg-secondary,#1e1e2e);border:1px solid var(--color-border,#2a2a3e);color:var(--color-text-primary,#e0e0ff);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.dlc-input:focus,.dlc-select:focus,.dlc-textarea:focus{border-color:#7c3aed}.dlc-select{cursor:pointer}.dlc-textarea{resize:vertical;font-family:monospace}.dlc-modal-footer{border-top:1px solid var(--color-border,#2a2a3e);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.dlc-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .15s,opacity .15s}.dlc-btn:disabled{opacity:.5;cursor:not-allowed}.dlc-btn-secondary{border-color:var(--color-border,#2a2a3e);color:var(--color-text-secondary,#aac);background:0 0}.dlc-btn-secondary:hover:not(:disabled){background:#ffffff0d}.dlc-btn-primary{color:#fff;background:#7c3aed;border-color:#7c3aed}.dlc-btn-primary:hover:not(:disabled){background:#6d28d9}.run-modal{width:520px}.run-readiness-banner{border:1px solid;border-radius:8px;margin:14px 20px;padding:12px 14px}.run-readiness-banner.all-passed{color:#22c55e;background:#22c55e14;border-color:#22c55e4d}.run-readiness-banner.has-warnings{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b4d}.run-readiness-banner-title{margin-bottom:8px;font-size:13px;font-weight:600}.run-check-item{align-items:center;gap:8px;padding:2px 0;font-size:13px;display:flex}.run-check-item.done{color:#22c55e}.run-check-item.pending{color:var(--color-text-secondary,#88a)}.run-recap{padding:0 20px 16px}.run-recap-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted,#5c5c7a);margin-bottom:10px;font-size:10px;font-weight:600}.run-recap-card{background:var(--color-bg-secondary,#1e1e2e);border:1px solid var(--color-border,#2a2a3e);border-radius:8px;margin-bottom:8px;padding:10px 14px}.run-recap-card-label{color:var(--color-text-muted,#5c5c7a);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px}.run-recap-card-value{font-size:14px;font-weight:500}.run-recap-swi{color:#60a5fa}.run-recap-swi-name{color:var(--color-text-secondary,#aac);font-size:13px}.run-recap-design-tag{color:#60a5fa;cursor:pointer;margin-top:4px;font-size:11px}.run-recap-design-tag:hover{text-decoration:underline}.run-recap-agent{color:#a78bfa}.run-recap-agent-meta{color:var(--color-text-muted,#5c5c7a);margin-top:2px;font-size:11px}.dlc-btn-run{color:#fff;background:#7c3aed;border-color:#7c3aed;font-weight:600}.dlc-btn-run:hover:not(:disabled){background:#6d28d9}.pr-card{display:inline-block;position:relative}.pr-badge{cursor:pointer;background:var(--color-bg-secondary,#1e1e2e);white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.pr-badge.pr-open{color:#22c55e;border-color:#22c55e}.pr-badge.pr-merged{color:#a855f7;border-color:#a855f7}.pr-badge.pr-changes{color:#f59e0b;border-color:#f59e0b}.pr-badge.pr-draft,.pr-badge.pr-closed{color:#6b7280;border-color:#6b7280}.pr-icon{opacity:.7;font-size:10px}.pr-state-pill{border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.pr-state-pill.pr-open{background:#22c55e26}.pr-state-pill.pr-merged{background:#a855f726}.pr-state-pill.pr-changes{background:#f59e0b26}.pr-state-pill.pr-draft,.pr-state-pill.pr-closed{background:#6b728026}.pr-panel{z-index:200;background:var(--color-bg-primary,#13131f);border:1px solid var(--color-border,#2a2a3e);border-radius:8px;width:380px;padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #00000080}.pr-panel-header{align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.pr-panel-title{font-size:14px;font-weight:600}.pr-panel-desc{color:var(--color-text-secondary,#88a);flex:1;font-size:12px}.pr-panel-close{color:var(--color-text-secondary,#88a);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:16px}.pr-files-heading{color:var(--color-text-secondary,#88a);margin-bottom:6px;font-size:12px;font-weight:600}.pr-file-row{border-bottom:1px solid var(--color-border,#2a2a3e);align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.pr-file-row:last-child{border-bottom:none}.pr-file-path{text-overflow:ellipsis;flex:1;font-family:monospace;overflow:hidden}.pr-file-status{border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.pr-file-added{color:#22c55e;background:#22c55e26}.pr-file-modified{color:#60a5fa;background:#3b82f626}.pr-file-deleted{color:#f87171;background:#ef444426}.pr-file-diff{gap:4px;font-size:11px;display:flex}.pr-add{color:#22c55e}.pr-del{color:#f87171}.pr-github-link{color:#60a5fa;margin:8px 0;font-size:12px;text-decoration:none;display:inline-block}.pr-github-link:hover{text-decoration:underline}.pr-panel-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.pr-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500}.pr-btn-changes{color:#f59e0b;background:0 0;border-color:#f59e0b}.pr-btn-changes:hover{background:#f59e0b1a}.pr-btn-merge{color:#0f0f1a;background:#22c55e;border-color:#22c55e}.pr-btn-merge:hover{background:#16a34a}.dlc-panel{background:var(--color-bg-primary,#13131f);height:100%;color:var(--color-text-primary,#e0e0ff);flex-direction:column;font-size:13px;display:flex;overflow:hidden}.dlc-panel-loading,.dlc-panel-error{color:var(--color-text-secondary,#88a);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:40px;display:flex}.dlc-spinner{border:3px solid #7c3aed33;border-top-color:#7c3aed;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite dlc-spin}@keyframes dlc-spin{to{transform:rotate(360deg)}}.dlc-error-icon{font-size:40px}.dlc-error-text{white-space:pre-line;line-height:1.6}.dlc-retry-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;padding:6px 16px;font-size:13px}.dlc-retry-btn:hover{background:#6d28d9}.dlc-toolbar{border-bottom:1px solid var(--color-border,#2a2a3e);background:var(--color-bg-secondary,#1e1e2e);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.dlc-toolbar-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.dlc-toolbar-icon{font-size:16px}.dlc-total-badge{color:#a78bfa;background:#7c3aed33;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.dlc-refresh-btn{border:1px solid var(--color-border,#2a2a3e);color:var(--color-text-secondary,#88a);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:14px}.dlc-refresh-btn:hover{color:#fff;border-color:#7c3aed}.dlc-content{flex-direction:column;flex:1;gap:20px;padding:12px;display:flex;overflow-y:auto}.dlc-section{position:relative}.dlc-section-header{align-items:center;gap:8px;margin-bottom:8px;padding:4px 0;display:flex}.dlc-section-title{font-size:13px;font-weight:600}.dlc-section-id{color:var(--color-text-muted,#5c5c7a);font-family:monospace;font-size:11px}.dlc-section-count{color:var(--color-text-secondary,#88a);background:#ffffff0d;border-radius:10px;padding:1px 7px;font-size:11px}.dlc-table{border-collapse:collapse;width:100%;font-size:12px}.dlc-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#5c5c7a);border-bottom:1px solid var(--color-border,#2a2a3e);padding:6px 10px;font-size:10px;font-weight:600}.dlc-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:8px 10px}.dlc-table tr:last-child td{border-bottom:none}.dlc-table tr:hover td{background:#ffffff06}.dlc-td-title{min-width:160px}.dlc-req-title{font-weight:500;line-height:1.4}.dlc-req-id{color:var(--color-text-muted,#5c5c7a);margin-top:2px;font-family:monospace;font-size:10px}.dlc-status-badge{border:1px solid #0000;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.dlc-status-badge.status-draft{color:#9ca3af;border-color:#6b7280}.dlc-status-badge.status-review{color:#818cf8;border-color:#6366f1}.dlc-status-badge.status-approved{color:#22c55e;border-color:#22c55e}.dlc-status-badge.status-closed{color:#6b7280;border-color:#4b5563}.dlc-prio-badge{white-space:nowrap;align-items:center;gap:3px;font-size:11px;display:inline-flex}.dlc-prio-badge.prio-very-high{color:#ef4444}.dlc-prio-badge.prio-high{color:#22c55e}.dlc-prio-badge.prio-medium{color:#f59e0b}.dlc-prio-badge.prio-low{color:#6b7280}.dlc-type-badge{border:1px solid var(--color-border,#2a2a3e);color:var(--color-text-secondary,#88a);border-radius:3px;padding:1px 6px;font-size:11px;display:inline-block}.dlc-category-tag{font-size:12px}.dlc-no-pr{color:var(--color-text-muted,#5c5c7a)}.dlc-pr-raw{color:#60a5fa;font-size:12px}.dlc-td-actions{white-space:nowrap}.dlc-action-btn{border:1px solid var(--color-border,#2a2a3e);color:var(--color-text-secondary,#88a);cursor:pointer;background:0 0;border-radius:4px;margin-left:4px;padding:3px 7px;font-size:12px;transition:background .15s,color .15s}.dlc-action-btn:first-child{margin-left:0}.dlc-action-btn:hover{color:#fff;background:#ffffff0d}.dlc-run-btn.ready{color:#22c55e;border-color:#22c55e}.dlc-run-btn.ready:hover{background:#22c55e1a}.canvas-container{background-color:var(--palette-common-white);border-left:1px solid var(--palette-common-grey-200);z-index:900;flex-direction:column;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 20px #0000001a}.canvas-container.visible{transform:translate(0)}.canvas-container.fullscreen{width:100%;box-shadow:none;z-index:1000;border-left:none}.canvas-menu-bar{border-bottom:1px solid var(--palette-common-grey-200);background-color:var(--bg-secondary);z-index:10002;justify-content:space-between;align-items:center;min-height:56px;padding:12px 16px;display:flex;position:relative}.canvas-menu-left{flex:1;align-items:center;gap:16px;display:flex}.canvas-home-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.canvas-home-btn:hover{border-color:var(--mia-purple-primary);color:var(--mia-purple-primary);background:#ffffff0d}.canvas-project-name{color:var(--text-primary);background:#3b82f61a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.canvas-menu-right{align-items:center;gap:8px;display:flex}.canvas-header{border-bottom:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-white);z-index:10002;justify-content:space-between;align-items:center;min-height:48px;padding:8px 16px;display:flex;position:relative}.canvas-header-left{flex:1;align-items:center;gap:12px;display:flex}.canvas-title{align-items:center;gap:8px;display:flex}.canvas-icon{font-size:18px}.canvas-title-text{font-family:var(--main-font);color:#1a1a1a;font-size:16px;font-weight:500}.canvas-mia-selectors{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.canvas-mia-selectors .mia-selector-container{min-width:180px;max-width:250px}.canvas-refresh-btn{border:1px solid var(--palette-common-grey-300);cursor:pointer;color:var(--palette-action-primary-default);background:0 0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;transition:all .2s;display:flex}.canvas-refresh-btn:hover:not(:disabled){background-color:var(--palette-action-primary-hover-background);border-color:var(--palette-action-primary-default)}.canvas-refresh-btn:active:not(:disabled){transform:scale(.95)}.canvas-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.canvas-refresh-btn .refresh-icon{font-size:18px;display:inline-block}.canvas-refresh-btn:disabled .refresh-icon{animation:1s linear infinite spin}.canvas-header-controls{align-items:center;gap:8px;display:flex}.canvas-control-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;font-size:16px;transition:background-color .2s;display:flex}.canvas-control-btn:hover{background-color:var(--palette-background-neutral-100)}.canvas-control-btn.canvas-close:hover{background-color:var(--palette-error-light,#ffebee);color:var(--palette-error-main,#d32f2f)}.canvas-content{background-color:var(--palette-common-white);flex:1;position:relative;overflow:hidden auto}.canvas-document{max-width:800px;font-family:var(--main-font);color:#1a1a1a;margin:0 auto;padding:32px 40px;font-size:16px;line-height:1.6}.canvas-document h1,.canvas-document h2,.canvas-document h3,.canvas-document h4,.canvas-document h5,.canvas-document h6{font-family:var(--main-font);color:#1a1a1a;margin:24px 0 16px;font-weight:600;line-height:1.3}.dark-mode .canvas-document h1,.dark-mode .canvas-document h2,.dark-mode .canvas-document h3,.dark-mode .canvas-document h4,.dark-mode .canvas-document h5,.dark-mode .canvas-document h6{color:var(--text-primary)}.canvas-document h1{color:#1a1a1a;border-bottom:2px solid #e0e0e0;padding-bottom:12px;font-size:32px}.dark-mode .canvas-document h1{color:var(--text-primary);border-bottom-color:#ffffff1a}.canvas-document h2{color:#1a1a1a;font-size:24px}.dark-mode .canvas-document h2{color:var(--text-primary)}.canvas-document h3{color:#1a1a1a;font-size:20px}.dark-mode .canvas-document h3{color:var(--text-primary)}.canvas-document p{color:#1a1a1a;margin:16px 0}.dark-mode .canvas-document p{color:var(--text-primary)}.canvas-document ul,.canvas-document ol{color:#1a1a1a;margin:16px 0;padding-left:24px}.dark-mode .canvas-document ul,.dark-mode .canvas-document ol{color:var(--text-primary)}.canvas-document li{color:#1a1a1a;margin:8px 0}.dark-mode .canvas-document li{color:var(--text-primary)}.canvas-document blockquote{color:#1a1a1a;background-color:#f5f5f5;border-left:4px solid #42a5f5;border-radius:0 8px 8px 0;margin:16px 0;padding:16px;font-style:italic}.dark-mode .canvas-document blockquote{border-left-color:var(--accent-primary);color:var(--text-secondary);background-color:#1e1e2e66}.canvas-document strong,.canvas-document b{color:#1a1a1a;font-weight:600}.dark-mode .canvas-document strong,.dark-mode .canvas-document b{color:var(--text-primary)}.canvas-document em,.canvas-document i{color:#1a1a1a;font-style:italic}.dark-mode .canvas-document em,.dark-mode .canvas-document i{color:var(--text-primary)}.canvas-document a{color:#42a5f5;text-decoration:none}.canvas-document a:hover{text-decoration:underline}.canvas-document hr{border:none;border-top:1px solid #e0e0e0;margin:24px 0}.canvas-document code{color:#d32f2f;background-color:#f5f5f5;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.canvas-document pre{background-color:#f5f5f5;border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.canvas-document pre code{color:#1a1a1a;background:0 0;border-radius:0;padding:0}.canvas-document table{border-collapse:collapse;border:1px solid #e0e0e0;width:100%;margin:16px 0}.canvas-document th,.canvas-document td{text-align:left;color:#1a1a1a;border:1px solid #e0e0e0;padding:12px}.canvas-document th{color:#1a1a1a;background-color:#f5f5f5;font-weight:600}.canvas-code-container{flex-direction:column;height:100%;display:flex}.canvas-code-editor{flex-direction:column;flex:1;height:100%;display:flex}.code-header{background-color:var(--palette-background-neutral-100);border-bottom:1px solid var(--palette-common-grey-200);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.code-language{text-transform:uppercase;color:#666;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:600}.code-copy-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:background-color .2s}.code-copy-btn:hover{background-color:var(--palette-background-neutral-200)}.canvas-code{color:#1a1a1a;white-space:pre-wrap;word-wrap:break-word;background-color:#f5f5f5;flex:1;margin:0;padding:24px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;overflow:auto}.canvas-code-preview{background-color:var(--palette-common-white);flex:1;padding:32px 40px;overflow-y:auto}.canvas-code-preview h1,.canvas-code-preview h2,.canvas-code-preview h3,.canvas-code-preview h4,.canvas-code-preview h5,.canvas-code-preview h6{font-family:var(--main-font);color:#1a1a1a;margin:24px 0 16px;font-weight:600;line-height:1.3}.canvas-code-preview p,.canvas-code-preview li,.canvas-code-preview td,.canvas-code-preview th{color:#1a1a1a}.canvas-code-preview pre{background-color:#f5f5f5;border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.canvas-code-preview pre code{color:#1a1a1a}.html-preview-iframe{background-color:#fff;border:none;width:100%;height:100%;min-height:500px}.canvas-frontend-preview{background-color:var(--palette-background-neutral-50);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.canvas-frontend-preview.preview-fullscreen{z-index:9999;background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}.canvas-frontend-preview.preview-fullscreen .preview-controls-bar{z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;position:absolute;top:0;left:0;right:0}.canvas-frontend-preview.preview-fullscreen .preview-view-code-btn,.canvas-frontend-preview.preview-fullscreen .preview-refresh-btn,.canvas-frontend-preview.preview-fullscreen .preview-open-tab-btn,.canvas-frontend-preview.preview-fullscreen .preview-fullscreen-btn{color:#fff;background-color:#ffffff1a;border:1px solid #fff3}.canvas-frontend-preview.preview-fullscreen .preview-view-code-btn:hover,.canvas-frontend-preview.preview-fullscreen .preview-refresh-btn:hover,.canvas-frontend-preview.preview-fullscreen .preview-open-tab-btn:hover,.canvas-frontend-preview.preview-fullscreen .preview-fullscreen-btn:hover{background-color:#fff3}.canvas-frontend-preview.preview-fullscreen .frontend-preview-iframe{z-index:10000;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-frontend-preview.preview-fullscreen .preview-autofix{display:none}.preview-controls-bar{background-color:var(--palette-common-white);border-bottom:1px solid var(--palette-common-grey-200);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.preview-tabs-container{flex:1;align-items:center;gap:4px;padding:4px 0;display:flex;overflow-x:auto}.preview-tab{background-color:var(--palette-background-neutral-100);border:1px solid var(--palette-common-grey-200);color:#1a1a1a;cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;min-width:100px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.preview-tab:hover{background-color:var(--palette-background-neutral-200);border-color:var(--palette-action-primary-default)}.preview-tab.active{background-color:var(--palette-action-primary-default);color:#fff;border-color:var(--palette-action-primary-default);font-weight:600;box-shadow:0 2px 4px #0000001a}.preview-tab-icon{font-size:16px}.preview-tab-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.preview-tab-loader,.preview-tab-error{margin-left:auto;font-size:12px}.preview-tab-error{color:var(--palette-error-main,#dc2626)}.dark-mode .preview-tab,.theme-noctis .preview-tab,.theme-github .preview-tab,.theme-synthwave .preview-tab{color:var(--text-primary,#fff)}.dark-mode .preview-tab.active,.theme-noctis .preview-tab.active,.theme-github .preview-tab.active,.theme-synthwave .preview-tab.active{color:#000;font-weight:600}.preview-view-code-btn{background-color:var(--palette-common-grey-100);color:var(--palette-common-grey-900);border:1px solid var(--palette-common-grey-300);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.preview-view-code-btn:hover{background-color:var(--palette-common-grey-200);border-color:var(--palette-common-grey-400);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.preview-view-code-btn:active{transform:translateY(0)}.preview-refresh-btn{background-color:var(--palette-primary-main);color:#000;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.preview-refresh-btn:hover{background-color:var(--palette-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.preview-refresh-btn:active{transform:translateY(0)}.preview-open-tab-btn{background-color:var(--palette-primary-main);color:#000;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:18px;font-weight:500;transition:all .2s;display:flex}.preview-open-tab-btn:hover{background-color:var(--palette-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.preview-open-tab-btn:active{transform:translateY(0)}.preview-fullscreen-btn{background-color:var(--palette-primary-main);color:#000;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:18px;font-weight:500;transition:all .2s;display:flex}.preview-fullscreen-btn:hover{background-color:var(--palette-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.preview-fullscreen-btn:active{transform:translateY(0)}.preview-navbar{box-sizing:border-box;background:#0a0a0f;border-bottom:1px solid #1f1f2e;align-items:center;gap:6px;height:30px;padding:3px 8px;display:flex}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .preview-navbar{background:#f5f5f5;border-bottom:1px solid #e0e0e0}.nav-btn{color:#8b8b9a;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:90%;padding:0;transition:all .15s;display:flex}.nav-btn:hover{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf64d}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .nav-btn{color:#5a5a5a}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .nav-btn:hover{color:#2a2a2a;background:#00000014;border-color:#00000026}.nav-btn:active{background:#8b5cf640}.url-form{flex:1;align-items:center;gap:6px;height:100%;display:flex}.url-input{color:#e4e4e7;box-sizing:border-box;background:#15151f;border:1px solid #2a2a3e;border-radius:3px;outline:none;flex:1;height:18px;padding:0 8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:18px;transition:all .15s}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .url-input{color:#2a2a2a;background:#fff;border:1px solid #d0d0d0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .url-input:focus{background:#fafafa;border-color:#a0a0a0}.url-input:focus{background:#1a1a28;border-color:#8b5cf680}.url-display{cursor:text;box-sizing:border-box;background:#1e1e2e;border:1px solid #3a3a52;border-radius:3px;flex:1;align-items:center;gap:6px;height:20px;padding:0 8px;line-height:20px;transition:all .15s;display:flex}.url-display:hover{background:#252538;border-color:#8b5cf68c}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .url-display{color:#1f2937;background:#fff;border-color:#c5c5d0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .url-display:hover{background:#f3f4f6;border-color:#6366f199}.url-text{color:#c9cfe0;text-overflow:ellipsis;white-space:nowrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:1;overflow:hidden}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .url-text{color:#374151}.frontend-preview-iframe{background-color:#fff;border:none;width:100%;height:calc(100% - 33px);animation:.6s ease-out fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.preview-loading,.preview-error,.preview-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.preview-loading .loading-spinner{width:48px;height:48px;animation:1.5s linear infinite spin;position:relative}.preview-loading .loading-spinner:before{content:"";background:var(--palette-action-primary-default,#0061b6);clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.dark-mode .preview-error{color:#ff6b6b;background-color:#1e1e2ef2}.preview-error .error-icon{font-size:48px}.preview-git-blocked{text-align:center;background:linear-gradient(135deg,#fff8f0 0%,#fef3f2 100%);border:1px solid #fecaca;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;margin:12px;padding:40px 28px;display:flex}.preview-git-blocked.not-connected{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#bae6fd}.preview-git-blocked-icon{color:#7f1d1d;background:#7f1d1d14;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.preview-git-blocked.not-connected .preview-git-blocked-icon{color:#0c4a6e;background:#0c4a6e14}.preview-git-blocked h3{color:#7f1d1d;margin:0;font-size:16px;font-weight:700}.preview-git-blocked.not-connected h3{color:#0c4a6e}.preview-git-blocked p{color:#6b7280;max-width:300px;margin:0;font-size:13px;line-height:1.6}.preview-git-blocked-steps{background:#ffffffbf;border:1px solid #0000000f;border-radius:8px;flex-direction:column;gap:8px;width:100%;max-width:280px;padding:12px 16px;display:flex}.preview-blocked-step{color:#374151;text-align:left;align-items:center;gap:10px;font-size:12px;display:flex}.preview-blocked-step span:first-child{background:var(--palette-action-primary-default,#3b82f6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.preview-git-blocked.not-connected .preview-blocked-step span:first-child{background:#0284c7}.preview-git-blocked-btn{background:var(--palette-action-primary-default,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;min-width:200px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.preview-git-blocked-btn:hover{background:var(--palette-action-primary-hover,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.preview-git-blocked.not-connected .preview-git-blocked-btn{background:#0284c7}.preview-git-blocked.not-connected .preview-git-blocked-btn:hover{background:#0369a1;box-shadow:0 4px 12px #0284c759}.dark-mode .preview-git-blocked{background:linear-gradient(135deg,#7f1d1d33 0%,#b91c1c1a 100%);border-color:#ef44444d;margin:12px}.dark-mode .preview-git-blocked.not-connected{background:linear-gradient(135deg,#0c4a6e40 0%,#0369a11f 100%);border-color:#0284c74d}.dark-mode .preview-git-blocked h3{color:#fca5a5}.dark-mode .preview-git-blocked.not-connected h3{color:#7dd3fc}.dark-mode .preview-git-blocked p{color:#9ca3af}.dark-mode .preview-git-blocked-steps{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .preview-blocked-step{color:#d1d5db}.preview-placeholder .placeholder-icon{opacity:.5;font-size:64px}.preview-placeholder p{color:var(--palette-text-secondary);font-size:16px}.css-preview{padding:32px}.css-preview-info{text-align:center;background-color:#f5f5f5;border-radius:8px;padding:24px}.css-preview-info p{color:#666;margin:0}.canvas-image-container{background-color:var(--palette-background-neutral-50);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.canvas-image-wrapper{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.canvas-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;transition:transform .3s;box-shadow:0 4px 16px #0000001a}.canvas-image:hover{transform:scale(1.02)}.canvas-image-prompt{background-color:var(--palette-common-white);border-top:1px solid var(--palette-common-grey-200);font-family:var(--main-font);color:#666;max-height:120px;padding:16px 24px;font-size:14px;line-height:1.5;overflow-y:auto}.canvas-image-prompt strong{color:#1a1a1a;font-weight:600}.canvas-video-container{background-color:#000;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.canvas-video-wrapper{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}.canvas-video{border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 4px 16px #0000004d}.canvas-video-prompt{background-color:var(--palette-common-white);border-top:1px solid var(--palette-common-grey-200);font-family:var(--main-font);color:#666;max-height:120px;padding:16px 24px;font-size:14px;line-height:1.5;overflow-y:auto}.canvas-video-prompt strong{color:#1a1a1a;font-weight:600}.canvas-footer{border-top:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.canvas-footer-left{align-items:center;gap:16px;display:flex}.canvas-word-count{font-family:var(--main-font);color:#666;font-size:12px}.canvas-footer-right{align-items:center;gap:12px;display:flex}.canvas-action-btn{font-family:var(--main-font);cursor:pointer;border:1px solid #0000;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.canvas-action-btn.secondary{color:#1a1a1a;background-color:#0000;border-color:#ccc}.canvas-action-btn.secondary:hover{background-color:var(--palette-background-neutral-100);border-color:var(--palette-common-grey-400)}.canvas-action-btn.primary{background-color:var(--palette-action-primary-default);color:var(--palette-common-white);border-color:var(--palette-action-primary-default)}.canvas-action-btn.primary:hover{background-color:var(--palette-action-primary-hover);border-color:var(--palette-action-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}@media (max-width:1200px){.canvas-container{width:80%}}.canvas-code-view{background-color:var(--palette-background-neutral-50);flex-direction:column;height:100%;display:flex}.code-content-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.code-service-details{background-color:var(--palette-common-white);flex-direction:column;flex:1;display:flex}.code-service-info{color:#666;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.code-service-info p{font-family:var(--main-font);margin:0;font-size:14px}.code-layout{height:100%;display:flex;overflow:hidden}.file-explorer{border-right:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-white);flex-direction:column;min-width:180px;max-width:500px;display:flex;position:relative;overflow:hidden}.file-explorer-header{border-bottom:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);justify-content:space-between;align-items:center;padding-left:16px;display:flex}.explorer-header-left{align-items:center;gap:8px;display:flex}.toggle-tree-btn{cursor:pointer;color:var(--palette-text-secondary,#666);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .2s}.toggle-tree-btn:hover{background-color:var(--palette-background-neutral-100);color:var(--palette-text-primary,#1a1a1a)}.show-tree-btn-inline{border:1px solid var(--palette-common-grey-300);cursor:pointer;color:var(--palette-text-secondary,#666);background:0 0;border-radius:4px;margin-right:8px;padding:4px 8px;font-size:14px;transition:all .2s}.show-tree-btn-inline:hover{background-color:var(--palette-background-neutral-50);color:var(--palette-text-primary,#1a1a1a);border-color:var(--palette-common-grey-400)}.explorer-icon{font-size:18px}.explorer-title{font-family:var(--main-font);color:#1a1a1a;font-size:14px;font-weight:600}.dark-mode .explorer-title{color:var(--text-primary)}.file-list{flex:1;padding:8px;overflow-y:auto}.resources-section{border-top:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);max-height:50%;overflow-y:auto}.resources-section-full{flex:1;padding:8px 0;overflow-y:auto}.microservices-section{border-top:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);max-height:50%;overflow-y:auto}.microservices-section-full{flex:1;padding:8px 0;overflow-y:auto}.sidebar-placeholder{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.sidebar-placeholder .placeholder-icon{opacity:.5;font-size:48px}.sidebar-placeholder p{font-family:var(--main-font);max-width:200px;margin:0;font-size:13px;line-height:1.5}.file-item{text-align:left;cursor:pointer;width:100%;font-family:var(--main-font);color:#1a1a1a;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.file-item.selected{background-color:var(--palette-action-primary-default);color:#fff}.file-icon{flex-shrink:0;font-size:16px}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.code-editor-panel{background-color:var(--palette-common-white);flex-direction:column;flex:1;display:flex;overflow:hidden}.code-editor-header{background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-left,.header-actions{align-items:center;gap:12px;display:flex}.view-mode-btn{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-300);color:#333;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--main-font);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:flex}.view-mode-btn:hover{background-color:var(--palette-background-neutral-50);border-color:var(--palette-primary-main);color:var(--palette-primary-main)}.view-mode-btn:active{transform:translateY(1px)}.file-path{color:#1a1a1a;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:500}.dark-mode .file-path{color:var(--text-primary)}.code-editor-content{color:#1a1a1a;white-space:pre-wrap;word-wrap:break-word;background-color:#f8f9fa;flex:1;margin:0;padding:24px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;overflow:auto}.code-editor-empty{color:#666;font-family:var(--main-font);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.code-redirect-message{flex-direction:column;flex:1;display:flex;overflow:hidden}.redirect-content{text-align:center;background:linear-gradient(135deg,#3b82f60d 0%,#8b5cf60d 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.redirect-content svg{color:var(--mia-purple-primary);opacity:.8;margin-bottom:24px}.redirect-content h3{color:var(--text-primary);margin:0 0 12px;font-size:24px;font-weight:600}.redirect-content p{color:var(--text-secondary);max-width:500px;margin:0 0 16px;font-size:15px}.redirect-content ul{text-align:left;margin:16px 0 32px;padding:0;list-style:none}.redirect-content li{color:var(--text-secondary);align-items:center;gap:8px;padding:6px 0;font-size:14px;display:flex}.btn-primary-large{background:var(--mia-purple-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #8b5cf64d}.btn-primary-large:hover{background:var(--mia-purple-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.btn-primary-large:active{transform:translateY(0)}.microservice-detail-view{background-color:var(--palette-common-white);flex-direction:column;flex:1;display:flex;overflow:hidden}.service-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600}.badge-custom{color:#8b5cf6;background-color:#8b5cf626}.badge-plugin{color:#3b82f6;background-color:#3b82f626}.badge-template{color:#10b981;background-color:#10b98126}.badge-example{color:#f59e0b;background-color:#f59e0b26}.microservice-detail-content{flex:1;padding:24px;overflow-y:auto}.detail-section{margin-bottom:32px;position:relative}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-family:var(--main-font);color:#1a1a1a;border-bottom:2px solid var(--palette-common-grey-200);margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.dark-mode .detail-section h3{color:var(--text-primary)}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid;position:relative}.detail-item{flex-direction:column;gap:6px;display:flex;position:relative}.detail-item-full-width{grid-column:1/-1;overflow:visible}.detail-label{font-family:var(--main-font);color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.dark-mode .detail-label{color:var(--text-secondary)}.detail-value{font-family:var(--main-font);color:#1a1a1a;word-break:break-word;font-size:14px}.dark-mode .detail-value{color:var(--text-primary)}.detail-value-code{background-color:var(--palette-background-neutral-50);color:#2563eb;border-radius:6px;padding:8px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.dark-mode .detail-value-code{color:var(--accent-primary);background-color:#1e1e2e99}.detail-json{background-color:var(--palette-background-neutral-50);color:#1a1a1a;border-radius:8px;max-height:400px;margin:0;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.6;overflow:auto}.dark-mode .detail-json{color:var(--text-primary);background-color:#1e1e2e99}.repo-actions{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.repo-link-primary{border:1px solid var(--palette-border-default);color:#06c;font-family:var(--main-font);background-color:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.repo-link-primary:hover{color:#004c99;background-color:#e3f2fd;border-color:#06c}.repo-link-text{white-space:nowrap}.repo-icon{flex-shrink:0;font-size:16px}.repo-dropdown-wrapper{z-index:999998;position:relative}.repo-action-button{color:#fff;font-family:var(--main-font);cursor:pointer;white-space:nowrap;background-color:#06c;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.repo-action-button:hover{background-color:#0052a3}.repo-dropdown-menu{z-index:999999;background:#1e1e2e;border:1px solid #3a3a4a;border-radius:12px;flex-direction:column;gap:20px;min-width:400px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #00000080}.repo-dropdown-section{flex-direction:column;gap:12px;display:flex}.repo-dropdown-section-title{font-family:var(--main-font);color:#e0e0e0;font-size:14px;font-weight:600}.repo-dropdown-clone-item{align-items:center;gap:8px;display:flex}.repo-clone-input{color:#e0e0e0;background-color:#2a2a3a;border:1px solid #3a3a4a;border-radius:6px;outline:none;flex:1;padding:10px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.repo-clone-input:focus{background-color:#323242;border-color:#5a9fd4}.repo-copy-button{cursor:pointer;color:#e0e0e0;background-color:#2a2a3a;border:1px solid #3a3a4a;border-radius:6px;justify-content:center;align-items:center;padding:10px 12px;font-size:16px;transition:all .2s;display:flex}.repo-copy-button:hover{background-color:#3a4a5a;border-color:#5a9fd4}.repo-dropdown-links{flex-direction:row;gap:8px;display:flex}.repo-dropdown-link{color:#5a9fd4;font-family:var(--main-font);background-color:#2a2a3a;border:1px solid #3a3a4a;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:8px 10px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.repo-dropdown-link:hover{color:#7ab8e8;background-color:#3a4a5a;border-color:#5a9fd4}.repo-dropdown-wrapper--right .repo-dropdown-menu{left:auto;right:0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .repo-dropdown-menu{background:#fff;border-color:#d1d5db;box-shadow:0 8px 24px #0000001f}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .repo-dropdown-section-title{color:#111827}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .repo-clone-input{color:#111827;background-color:#f3f4f6;border-color:#d1d5db}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .repo-clone-input:focus{background-color:#fff;border-color:#2563eb}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .repo-copy-button{color:#374151;background-color:#f3f4f6;border-color:#d1d5db}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .repo-copy-button:hover{background-color:#e5e7eb;border-color:#2563eb}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .repo-dropdown-link{color:#2563eb;background-color:#f3f4f6;border-color:#d1d5db}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .repo-dropdown-link:hover{color:#1d4ed8;background-color:#e5e7eb;border-color:#2563eb}.detail-tags{flex-wrap:wrap;gap:8px;display:flex}.detail-tag{background-color:var(--palette-background-neutral-100);color:#1a1a1a;font-family:var(--main-font);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.detail-actions{gap:12px;display:flex}.detail-action-btn{background-color:var(--palette-action-primary-default);color:#fff;font-family:var(--main-font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.detail-action-btn:hover{background-color:var(--palette-action-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.detail-list{flex-direction:column;gap:12px;display:flex}.detail-list-item{background-color:var(--palette-background-neutral-50);border-left:3px solid var(--palette-action-primary-default);border-radius:8px;flex-direction:column;gap:4px;padding:12px;transition:all .2s;display:flex}.dark-mode .detail-list-item{border-left-color:var(--accent-primary);background-color:#1e1e2e99}.detail-list-item:hover{background-color:var(--palette-background-neutral-100);border-left-color:var(--palette-action-primary-hover)}.dark-mode .detail-list-item:hover{background-color:#1e1e2ecc}.detail-list-label{font-family:var(--main-font);color:#1a1a1a;font-size:13px;font-weight:600}.dark-mode .detail-list-label{color:var(--text-primary)}.detail-list-value{font-family:var(--main-font);color:#666;word-break:break-word;font-size:13px}.dark-mode .detail-list-value{color:var(--text-secondary)}.detail-list-description{font-family:var(--main-font);color:#999;margin-top:4px;font-size:12px;font-style:italic}.dark-mode .detail-list-description{color:var(--text-tertiary)}.no-repository-notice{background-color:var(--palette-background-neutral-50);border:2px dashed var(--palette-common-grey-300);border-radius:12px;padding:24px}.no-repository-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.no-repo-icon{opacity:.5;font-size:48px}.no-repo-title{font-family:var(--main-font);color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.notice-list{text-align:left;font-family:var(--main-font);color:#666;margin:8px 0;padding-left:24px;font-size:13px;list-style-type:disc}.notice-list li{margin-bottom:8px}.debug-section{border-top:1px solid var(--palette-common-grey-200);width:100%;margin-top:16px;padding-top:16px}.debug-toggle{background-color:var(--palette-background-neutral-100);color:#1a1a1a;border:1px solid var(--palette-common-grey-300);font-family:var(--main-font);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.debug-toggle:hover{background-color:var(--palette-background-neutral-200);border-color:var(--palette-common-grey-400);transform:translateY(-1px)}.detail-action-btn:active{transform:translateY(0)}.microservice-repository-layout{height:100%;display:flex;overflow:hidden}.repository-sidebar{border-right:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-white);width:300px;overflow-y:auto}.repository-sidebar .sidebar-header{background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);padding:12px 16px}.repository-sidebar .sidebar-title{color:var(--palette-text-primary);font-size:13px;font-weight:600}.repository-content{background-color:var(--palette-common-white);flex-direction:column;flex:1;display:flex;overflow:hidden}.repo-file-header{background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.file-path-display{color:#1a1a1a;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:500}.repo-file-content{background-color:var(--palette-common-white);color:#1a1a1a;flex:1;margin:0;padding:24px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;overflow:auto}.repo-file-empty{color:#666;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.repo-file-empty .empty-icon{opacity:.5;font-size:64px}.repo-file-empty p{font-family:var(--main-font);text-align:center;margin:0;font-size:14px}.no-repository-notice{background-color:var(--palette-background-neutral-50);text-align:center;border-radius:8px;padding:24px}.no-repository-notice h3{border:none;margin-bottom:12px;padding-bottom:0}.no-repository-notice p{font-family:var(--main-font);color:#666;margin:8px 0;font-size:14px}.notice-hint{font-style:italic;color:#999!important;font-size:12px!important}.canvas-cloud-view{background-color:var(--palette-background-neutral-50);height:100%;overflow-y:auto}.cloud-content{max-width:800px;margin:0 auto;padding:40px 24px}.cloud-header{text-align:center;margin-bottom:40px}.cloud-header h2{font-family:var(--main-font);color:#1a1a1a;margin:0 0 12px;font-size:32px;font-weight:600}.cloud-header p{font-family:var(--main-font);color:#666;margin:0;font-size:16px}.deployment-form{background-color:var(--palette-common-white);border-radius:12px;margin-bottom:32px;padding:32px;box-shadow:0 2px 8px #0000000d}.form-group label{font-family:var(--main-font);color:#1a1a1a;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--palette-common-grey-300);width:100%;font-family:var(--main-font);color:#1a1a1a;background-color:var(--palette-common-white);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--palette-action-primary-default);outline:none;box-shadow:0 0 0 3px #42a5f51a}.deployment-progress{text-align:center;background-color:var(--palette-background-neutral-100);border-radius:8px;margin-bottom:24px;padding:24px}.progress-spinner{width:40px;height:40px;margin:0 auto 16px;animation:1.5s linear infinite spin;position:relative}.progress-spinner:before{content:"";background:var(--palette-action-primary-default);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100%;height:100%;position:absolute}.deployment-progress p{font-family:var(--main-font);color:#666;margin:0;font-size:14px}.deployment-success{text-align:center;background-color:#e8f5e9;border-radius:8px;margin-bottom:24px;padding:24px}.success-icon{margin-bottom:12px;font-size:48px;display:block}.deployment-success p{font-family:var(--main-font);color:#2e7d32;margin:0;font-size:16px;font-weight:500}.deployment-error{text-align:center;background-color:#ffebee;border-radius:8px;margin-bottom:24px;padding:24px}.error-icon{margin-bottom:12px;font-size:48px;display:block}.deployment-error p{font-family:var(--main-font);color:#c62828;margin:0;font-size:16px;font-weight:500}.deployment-actions{justify-content:center;gap:12px;display:flex}.deploy-button{font-family:var(--main-font);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.deploy-button.primary{background-color:var(--palette-action-primary-default);color:#fff;border-color:var(--palette-action-primary-default)}.deploy-button.primary:hover:not(:disabled){background-color:var(--palette-action-primary-hover);border-color:var(--palette-action-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #42a5f54d}.deploy-button.secondary{color:var(--palette-action-primary-default);border-color:var(--palette-action-primary-default);background-color:#0000}.deploy-button.secondary:hover:not(:disabled){border-color:var(--palette-action-primary-hover);background-color:#42a5f50d}.deploy-button:disabled{opacity:.6;cursor:not-allowed}.cloud-info{background-color:var(--palette-common-white);border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000d}.cloud-info h3{font-family:var(--main-font);color:#1a1a1a;margin:0 0 16px;font-size:20px;font-weight:600}.cloud-info ul{margin:0;padding-left:24px}.cloud-info li{font-family:var(--main-font);color:#666;margin:8px 0;font-size:14px;line-height:1.6}.cloud-microservices{background-color:var(--palette-common-white);border-radius:12px;margin-top:32px;padding:24px;box-shadow:0 2px 8px #0000000d}.microservices-placeholder{text-align:center;padding:60px 24px}.microservices-placeholder .placeholder-icon{opacity:.5;margin-bottom:24px;font-size:64px;display:block}.microservices-placeholder h3{font-family:var(--main-font);color:#1a1a1a;margin:0 0 12px;font-size:20px;font-weight:600}.microservices-placeholder p{font-family:var(--main-font);color:#666;max-width:400px;margin:0 auto;font-size:14px;line-height:1.6}@media (max-width:1200px){.canvas-container{width:80%}.file-explorer{width:220px}}@media (max-width:768px){.canvas-container{width:100%}.canvas-document{padding:24px 20px}.canvas-code{padding:16px;font-size:12px}.canvas-header-left{gap:16px}.canvas-title-text{font-size:18px}}.dark-mode .canvas-container{background-color:var(--bg-primary);border-left-color:var(--border-color)}.dark-mode .canvas-document{color:var(--text-primary)}.dark-mode .canvas-code{background-color:var(--bg-secondary);color:var(--text-primary)}.detail-subsection{background-color:var(--palette-background-neutral-50);border-left:4px solid var(--palette-action-primary-default);border-radius:12px;margin-bottom:24px;padding:16px}.detail-subsection h4{font-family:var(--main-font);color:#1a1a1a;margin:0 0 16px;font-size:16px;font-weight:600}.detail-list-item-inline{margin-bottom:8px;margin-right:8px;display:inline-block}.detail-list-value{flex-direction:column;gap:8px;display:flex}.collection-repository-layout{width:100%;height:100%;display:flex;overflow:hidden}.collection-repository-layout .repository-sidebar{border-right:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);flex:0 0 300px;overflow-y:auto}.collection-repository-layout .repository-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.collection-editor{flex-direction:column;height:100%;display:flex}.collection-editor-header{background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);align-items:center;gap:12px;min-height:48px;padding:12px 16px;display:flex}.collection-editor-header .show-tree-btn-inline{background-color:var(--palette-action-primary-default);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:14px;transition:background-color .2s}.collection-editor-header .show-tree-btn-inline:hover{background-color:var(--palette-action-primary-hover)}.collection-editor-header .file-path{font-family:var(--code-font);color:#1a1a1a;font-size:14px;font-weight:500}.canvas-summary-view{background-color:var(--palette-background-neutral-50);flex:1;overflow-y:auto}.summary-container{max-width:1200px;margin:0 auto;padding:32px}.summary-header{margin-bottom:32px}.summary-header-content{align-items:flex-start;gap:24px;margin-bottom:8px;display:flex}.summary-header-envs{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.summary-header-env-group{align-items:center;gap:8px;display:flex}.summary-header-env-label{font-family:var(--main-font);color:var(--text-secondary,#666);white-space:nowrap;font-size:13px;font-weight:600}.summary-header-env-link{white-space:nowrap;padding:4px 12px;font-size:12px}.summary-header h1{font-family:var(--main-font);color:var(--text-primary,#1a1a1a);margin:0 0 8px;font-size:32px;font-weight:600}.refresh-config-btn{background-color:var(--mia-purple-primary);color:#fff;font-family:var(--main-font);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.refresh-config-btn:hover:not(:disabled){background-color:var(--mia-purple-hover);transform:translateY(-1px);box-shadow:0 4px 12px #8a2be24d}.refresh-config-btn:active:not(:disabled){transform:translateY(0)}.refresh-config-btn:disabled{background-color:var(--palette-common-grey-300);cursor:not-allowed;opacity:.6}.refresh-config-btn svg{width:16px;height:16px}.refresh-config-btn-inline{color:var(--mia-purple-primary);border:1px solid var(--mia-purple-primary);cursor:pointer;background-color:#0000;border-radius:6px;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:all .2s;display:flex}.refresh-config-btn-inline:hover:not(:disabled){background-color:var(--mia-purple-primary);color:#fff;transform:scale(1.05)}.refresh-config-btn-inline:active:not(:disabled){transform:scale(.95)}.refresh-config-btn-inline:disabled{border-color:var(--palette-common-grey-300);color:var(--palette-common-grey-300);cursor:not-allowed;opacity:.5}.refresh-config-btn-inline svg{width:14px;height:14px}.summary-content{display:none}.summary-subtitle{font-family:var(--main-font);color:var(--text-secondary,#666);margin:0;font-size:16px}.summary-content{flex-direction:column;gap:24px;display:flex}.summary-section{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:12px;padding:24px}.summary-section h2{font-family:var(--main-font);color:var(--text-primary,#1a1a1a);align-items:center;gap:8px;margin:0 0 16px;font-size:20px;font-weight:600;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.summary-item{flex-direction:column;gap:4px;display:flex}.summary-label{font-family:var(--main-font);color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.summary-value{font-family:var(--main-font);color:#1a1a1a;font-size:16px;font-weight:600}.summary-list{flex-direction:column;gap:12px;display:flex}.summary-list-item{background-color:var(--palette-background-neutral-50);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.summary-list-label{font-family:var(--code-font);color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:600}.summary-list-link{font-family:var(--code-font);color:var(--palette-action-primary-default);word-break:break-all;font-size:13px;text-decoration:none}.summary-list-link:hover{text-decoration:underline}.summary-placeholder{font-family:var(--main-font);color:var(--text-tertiary,#999);margin:0;font-size:14px;font-style:italic}.summary-console-link{justify-content:flex-start;margin-top:16px;display:flex}.console-link-btn{background-color:var(--palette-action-primary-default);color:#fff;font-family:var(--main-font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-flex}.console-link-btn:hover{background-color:var(--palette-action-primary-hover);transform:translateY(-1px)}.console-link-btn:active{transform:translateY(0)}.summary-repo-card{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.summary-repo-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary-repo-actions{gap:8px;display:flex}.summary-repo-link-btn{background-color:var(--palette-action-primary-default);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.summary-repo-link-btn:hover{background-color:var(--palette-action-primary-hover)}.summary-repo-url{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);font-family:var(--code-font);color:#666;white-space:nowrap;border-radius:6px;padding:8px 12px;font-size:12px;overflow-x:auto}.summary-repo-url code{font-family:var(--code-font);font-size:12px}.summary-pipeline-card{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.summary-pipeline-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary-pipeline-status{border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:500;display:flex}.summary-pipeline-status.status-unknown{color:#666;background-color:#f5f5f5}.summary-pipeline-status.status-success{color:#2e7d32;background-color:#e8f5e9}.summary-pipeline-status.status-failed{color:#c62828;background-color:#ffebee}.summary-pipeline-status.status-running{color:#1565c0;background-color:#e3f2fd}.summary-pipeline-info{flex-direction:column;gap:4px;display:flex}.summary-pipeline-detail{color:var(--text-secondary,#666);font-size:13px}.summary-pipeline-detail code{font-family:var(--code-font);background-color:var(--palette-common-white);border-radius:4px;padding:2px 6px;font-size:12px}.summary-env-card{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.summary-env-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.env-badge{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.env-badge.env-prod{color:#2e7d32;background-color:#e8f5e9}.env-badge.env-dev{color:#1565c0;background-color:#e3f2fd}.summary-env-details{flex-direction:column;gap:8px;display:flex}.summary-env-item{align-items:center;gap:8px;font-size:13px;display:flex}.env-label{color:var(--text-secondary,#666);font-weight:500}.env-link{color:var(--palette-action-primary-default);text-decoration:none}.env-link:hover{text-decoration:underline}.summary-env-actions{border-top:1px solid var(--palette-common-grey-200);gap:8px;margin-top:8px;padding-top:12px;display:flex}.deploy-button,.pods-button{color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.deploy-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.pods-button{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.deploy-button:hover,.pods-button:hover{transform:translateY(-2px)}.deploy-button:hover{box-shadow:0 4px 12px #667eea66}.pods-button:hover{box-shadow:0 4px 12px #4facfe66}.deploy-button:active,.pods-button:active{transform:translateY(0)}.deploy-button:disabled,.pods-button:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.deployment-modal-content{flex-direction:column;gap:16px;min-height:200px;display:flex}.deployment-error{color:#c62828;background-color:#ffebee;border:1px solid #ef5350;border-radius:6px;align-items:center;gap:12px;padding:12px 16px;display:flex}.error-icon{font-size:20px}.error-message{flex:1;font-size:14px}.deployment-info{flex-direction:column;gap:16px;display:flex}.deployment-message{color:#555;margin:0;font-size:14px;line-height:1.6}.deployment-details{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:6px;flex-direction:column;gap:10px;padding:16px;display:flex}.deployment-detail-item{align-items:center;gap:12px;font-size:13px;display:flex}.detail-label{color:#666;min-width:100px;font-weight:500}.detail-value{color:#1a1a1a;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:400}.deployment-status{flex-direction:column;gap:16px;display:flex}.pipeline-info{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:6px;flex-direction:column;gap:12px;padding:16px;display:flex}.pipeline-detail-item{align-items:center;gap:12px;font-size:13px;display:flex}.pipeline-status-display{align-items:center;gap:12px;margin-top:8px;display:flex}.pipeline-status-badge{border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.pipeline-status-badge.status-success{color:#2e7d32;background-color:#e8f5e9}.pipeline-status-badge.status-failed{color:#c62828;background-color:#ffebee}.pipeline-status-badge.status-running{color:#1565c0;background-color:#e3f2fd;animation:2s ease-in-out infinite pulse}.pipeline-status-badge.status-pending{color:#e65100;background-color:#fff3e0}.pipeline-status-badge.status-canceled{color:#757575;background-color:#f5f5f5}.pipeline-status-badge.status-skipped{color:#9e9e9e;background-color:#fafafa}.pipeline-status-badge.status-unknown{color:#757575;background-color:#f5f5f5}.pipeline-polling-indicator{color:#666;font-size:12px;font-style:italic}.pipeline-actions{justify-content:center;padding:8px 0;display:flex}.pipeline-stages{flex-direction:column;gap:12px;display:flex}.pipeline-stages h4{color:#1a1a1a;margin:0;font-size:14px;font-weight:600}.stages-list{flex-direction:column;gap:8px;display:flex}.stage-item{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.stage-icon{font-size:16px}.stage-name{color:#1a1a1a;flex:1;font-weight:500}.stage-status{border-radius:4px;padding:3px 10px;font-size:12px;font-weight:500}.stage-status.status-success{color:#2e7d32;background-color:#e8f5e9}.stage-status.status-failed{color:#c62828;background-color:#ffebee}.stage-status.status-running{color:#1565c0;background-color:#e3f2fd}.stage-status.status-pending{color:#e65100;background-color:#fff3e0}.loading-message{text-align:center;color:#666;margin:20px 0;font-style:italic}.pods-modal-content{flex-direction:column;gap:16px;max-height:600px;display:flex}.pods-list{flex-direction:column;gap:12px;max-height:550px;padding-right:8px;display:flex;overflow-y:auto}.pod-item{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.pod-item:hover{border-color:var(--palette-action-primary-default);box-shadow:0 2px 8px #0000001a}.pod-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pod-name-status{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pod-icon{flex-shrink:0;font-size:18px}.pod-name{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:600;overflow:hidden}.pod-status-badge{border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:500}.pod-status-badge.pod-status-running{color:#2e7d32;background-color:#e8f5e9}.pod-status-badge.pod-status-pending{color:#e65100;background-color:#fff3e0}.pod-status-badge.pod-status-succeeded{color:#2e7d32;background-color:#e8f5e9}.pod-status-badge.pod-status-failed,.pod-status-badge.pod-status-error{color:#c62828;background-color:#ffebee}.pod-status-badge.pod-status-unknown{color:#757575;background-color:#f5f5f5}.pod-details{border-top:1px solid var(--palette-common-grey-200);flex-direction:column;gap:8px;padding-top:8px;display:flex}.pod-detail-row{align-items:flex-start;gap:12px;font-size:13px;display:flex}.pod-detail-label{color:#666;flex-shrink:0;min-width:80px;font-weight:500}.pod-detail-value{color:#1a1a1a;word-break:break-all;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.pod-containers{flex-direction:column;gap:8px;display:flex}.container-list{flex-direction:column;gap:6px;padding-left:12px;display:flex}.container-item{border:1px solid var(--palette-common-grey-200);background-color:#fff;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.container-icon{flex-shrink:0;font-size:14px}.container-name{color:#1a1a1a;flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.container-restarts{color:#e65100;font-size:11px;font-weight:500}.dashboard-env-group{margin-bottom:24px}.dashboard-env-title{color:var(--text-primary,#1a1a1a);margin:0 0 12px;font-size:16px;font-weight:600}.summary-dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.summary-dashboard-card{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.dashboard-header{flex-direction:column;gap:4px;display:flex}.dashboard-label{color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:600}.dashboard-category{color:var(--text-secondary,#666);font-size:12px}.dashboard-link-btn{background-color:var(--palette-action-primary-default);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .2s}.dashboard-link-btn:hover{background-color:var(--palette-action-primary-hover)}.summary-links-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.summary-link-card{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.link-name{color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:600}.link-url{color:var(--palette-action-primary-default);word-break:break-all;font-size:12px;text-decoration:none}.link-url:hover{text-decoration:underline}.tags-list,.summary-tags{flex-wrap:wrap;gap:8px;display:flex}.tag-badge{background-color:var(--palette-action-primary-default);color:#fff;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.dark-mode .canvas-container{background-color:var(--bg-primary);border-left:1px solid #ffffff1a;box-shadow:-4px 0 20px #00000080}.dark-mode .canvas-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1a1a24cc;border-bottom:1px solid #ffffff1a}.dark-mode .canvas-title-text{color:var(--text-primary)}.dark-mode .canvas-close-btn,.dark-mode .canvas-refresh-btn,.dark-mode .canvas-toggle-fullscreen-btn{color:var(--text-secondary);background-color:#0000;border:1px solid #ffffff1a}.dark-mode .canvas-close-btn:hover,.dark-mode .canvas-refresh-btn:hover,.dark-mode .canvas-toggle-fullscreen-btn:hover{color:var(--text-primary);background-color:#6366f11a;border-color:#6366f14d}.dark-mode .canvas-tabs{background-color:#1a1a2499;border-bottom:1px solid #ffffff1a}.dark-mode .canvas-tab{color:var(--text-secondary);background-color:#0000;border:1px solid #0000}.dark-mode .canvas-tab:hover{color:var(--text-primary);background-color:#6366f11a;border-color:#6366f14d}.dark-mode .canvas-tab.active{color:var(--text-primary);background:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%);border-color:#6366f180}.dark-mode .canvas-content{background-color:var(--bg-primary)}.dark-mode .canvas-document-view,.dark-mode .canvas-code-view{background-color:var(--bg-card);border:1px solid #ffffff1a}.dark-mode .code-service-selector{background-color:var(--bg-card);border-bottom-color:#ffffff1a}.dark-mode .code-service-selector .service-dropdown{background-color:var(--bg-primary);color:var(--text-primary);border-color:#fff3}.dark-mode .code-service-selector .service-dropdown:hover{border-color:var(--palette-action-primary-default)}.dark-mode .code-service-details{background-color:var(--bg-card)}.dark-mode .code-service-info{color:var(--text-secondary)}.dark-mode .canvas-image-view{background-color:var(--bg-primary)}.dark-mode .image-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a24e6;border:1px solid #ffffff1a}.dark-mode .image-control-btn{color:var(--text-primary);background-color:#0000;border:1px solid #fff3}.dark-mode .image-control-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000}.dark-mode .image-prompt-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);background-color:#1a1a24e6;border:1px solid #ffffff1a}.dark-mode .summary-card,.dark-mode .summary-link-card{background-color:var(--bg-card);border:1px solid #ffffff1a}.dark-mode .summary-section-title,.dark-mode .link-name{color:var(--text-primary)}.dark-mode .tag-badge{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.dark-mode .canvas-header .canvas-title-text,.dark-mode .canvas-header span,.dark-mode .canvas-header button,.dark-mode .project-summary-header,.dark-mode .project-summary-title{color:var(--text-primary)}.dark-mode .summary-header-env-label,.dark-mode .project-summary-description{color:var(--text-secondary)}.dark-mode .summary-section{background-color:var(--bg-card);border:1px solid #ffffff1a}.dark-mode .refresh-config-btn{background-color:var(--mia-purple-primary);color:#fff}.dark-mode .refresh-config-btn:hover:not(:disabled){background-color:var(--mia-purple-hover);box-shadow:0 4px 12px #8a2be266}.dark-mode .refresh-config-btn:disabled{color:#fff6;background-color:#ffffff1a}.dark-mode .refresh-config-btn-inline{color:var(--mia-purple-primary);border-color:var(--mia-purple-primary);background-color:#0000}.dark-mode .refresh-config-btn-inline:hover:not(:disabled){background-color:var(--mia-purple-primary);color:#fff}.dark-mode .refresh-config-btn-inline:disabled{color:#ffffff4d;border-color:#fff3}.dark-mode .summary-label{color:var(--text-secondary)}.dark-mode .summary-value,.dark-mode .summary-section-title{color:var(--text-primary)}.dark-mode .summary-section-content{color:var(--text-secondary)}.dark-mode .summary-link-card .link-name{color:var(--text-primary)}.dark-mode .summary-link-card .link-url{color:var(--accent-primary)}.dark-mode .resource-detail-label{color:var(--text-secondary)}.dark-mode .resource-detail-value{color:var(--text-primary)}.dark-mode .canvas-tab span,.dark-mode .canvas-close-btn span,.dark-mode .canvas-refresh-btn span,.dark-mode .canvas-toggle-fullscreen-btn span{color:inherit}.dark-mode .canvas-control-btn{color:var(--text-primary)}.dark-mode .canvas-control-btn:hover{color:var(--text-primary);background-color:#ffffff1a}.dark-mode .canvas-mia-selectors,.dark-mode .canvas-header-left,.dark-mode .canvas-header-controls,.dark-mode .canvas-icon{color:var(--text-primary)}.dark-mode .console-link-btn{background-color:var(--accent-primary);color:var(--text-primary)}.dark-mode .console-link-btn:hover{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.canvas-cloud-view{background-color:var(--palette-common-grey-50);flex:1;overflow-y:auto}.cloud-observability-container{flex-direction:column;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex}.cloud-tabs-bar{background-color:var(--palette-common-grey-50);border-bottom:2px solid var(--palette-common-grey-200);flex-shrink:0;gap:2px;padding:8px 16px 0;display:flex;overflow-x:auto}.cloud-tab-btn{color:var(--palette-common-grey-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.cloud-tab-btn:hover{background-color:var(--palette-common-grey-100);color:var(--palette-primary-main)}.cloud-tab-btn.active{background-color:var(--palette-common-white);color:var(--palette-primary-main);border-bottom-color:var(--palette-primary-main);font-weight:600}.cloud-section{background-color:var(--palette-common-white);border:none;border-radius:0;flex:1;margin:0;padding:24px;overflow-y:auto}.cloud-section-title{color:var(--palette-common-grey-900);align-items:center;gap:8px;margin:0 0 20px;font-size:20px;font-weight:600;display:flex}.count-badge{background-color:var(--palette-primary-main);color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.service-card{background:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);cursor:pointer;border-radius:8px;padding:16px;transition:all .2s}.service-card-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.service-icon{flex-shrink:0;font-size:32px;line-height:1}.service-type-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.service-type-badge.frontend{background-color:var(--palette-background-neutral-50);color:#1976d2}.service-type-badge.backend{background-color:var(--palette-background-neutral-50);color:#7b1fa2}.service-description{color:var(--palette-common-grey-600);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.service-meta{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.meta-item{color:var(--palette-common-grey-600);align-items:center;gap:6px;font-size:12px;display:flex}.meta-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meta-text-truncate{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.meta-item-full{width:100%}.meta-row{flex-wrap:wrap;gap:12px;display:flex}.meta-item-inline{flex:0 auto;min-width:-moz-fit-content;min-width:fit-content}.meta-label{color:var(--palette-common-grey-700);font-weight:500}.meta-value{color:var(--palette-common-grey-900);font-family:Monaco,Courier New,monospace}.service-actions{border-top:1px solid var(--palette-common-grey-100);gap:8px;padding-top:12px;display:flex}.action-btn{background-color:var(--palette-common-grey-50);border:1px solid var(--palette-common-grey-200);color:var(--palette-common-grey-700);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.action-btn:hover{background-color:var(--palette-primary-main);border-color:var(--palette-primary-main);color:#fff}.endpoints-list{flex-direction:column;gap:12px;display:flex}.endpoint-card{background:var(--palette-common-grey-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;padding:16px}.endpoint-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.endpoint-path{color:var(--palette-common-grey-900);background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:4px;padding:4px 8px;font-family:Monaco,Courier New,monospace;font-size:14px;font-weight:600}.endpoint-type-badge{text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.endpoint-type-badge.crud{color:#2e7d32;background-color:#e8f5e9}.endpoint-type-badge.custom{color:#e65100;background-color:#fff3e0}.endpoint-description{color:var(--palette-common-grey-600);margin:8px 0;font-size:13px;line-height:1.5}.endpoint-meta{margin-top:8px}.default-badge{color:#f57f17;background-color:#fff9c4;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.endpoint-routes{border-top:1px solid var(--palette-common-grey-200);margin-top:12px;padding-top:12px}.routes-label{color:var(--palette-common-grey-700);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.routes-list{flex-direction:column;gap:6px;display:flex}.route-item{align-items:center;gap:8px;display:flex}.method-badge{text-align:center;color:#fff;border-radius:3px;width:52px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.method-badge.GET{background-color:#4caf50}.method-badge.POST{background-color:#2196f3}.method-badge.PUT{background-color:#ff9800}.method-badge.PATCH{background-color:#9c27b0}.method-badge.DELETE{background-color:#f44336}.route-path{color:var(--palette-common-grey-700);font-family:Monaco,Courier New,monospace;font-size:12px}.routes-more{color:var(--palette-common-grey-500);margin-top:4px;font-size:12px;font-style:italic}.collections-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.collection-card{background:var(--palette-common-grey-50);border:1px solid var(--palette-common-grey-200);cursor:pointer;border-radius:8px;padding:16px;transition:all .2s}.collection-card:hover{border-color:var(--palette-primary-main);box-shadow:0 2px 8px #00000014}.collection-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.collection-name{color:var(--palette-common-grey-900);margin:0;font-size:14px;font-weight:600}.collection-meta{color:var(--palette-common-grey-600);align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.containers-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-content:start;gap:16px;display:grid}.container-card{background:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex-direction:column;height:100%;padding:16px;transition:all .2s;display:flex}.container-card:hover{box-shadow:0 4px 12px #00000014}.container-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.container-icon{font-size:28px;line-height:1}.container-info{flex:1;min-width:0}.container-name{color:var(--palette-common-grey-900);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.container-port{color:var(--palette-common-grey-600);background-color:var(--palette-common-grey-100);border-radius:3px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-size:11px}.container-status{white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.container-status.running{background-color:var(--palette-background-dark-secondary);color:#2e7d32}.container-status.starting{background-color:var(--palette-background-dark-secondary);color:#f57f17}.container-status.stopped{background-color:var(--palette-common-grey-200);color:var(--palette-common-grey-600)}.container-error{background-color:var(--palette-common-grey-200);color:var(--palette-common-grey-500);border:1px solid #ffcdd2;border-radius:4px;align-items:center;gap:6px;margin-bottom:12px;padding:8px;font-size:12px;display:flex}.container-actions{border-top:1px solid var(--palette-common-grey-100);flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.container-controls{border-top:1px solid var(--palette-common-grey-100);gap:8px;margin-top:8px;padding:12px 0;display:flex}.control-btn{border:1px solid var(--palette-common-grey-300);background-color:var(--palette-common-white);color:var(--palette-common-grey-700);cursor:pointer;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.control-btn:hover:not(:disabled){background-color:var(--palette-common-grey-100);border-color:var(--palette-common-grey-400)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.start:hover:not(:disabled){color:#2e7d32;background-color:#e8f5e9;border-color:#4caf50}.control-btn.stop:hover:not(:disabled){color:#c62828;background-color:#ffebee;border-color:#f44336}.control-btn.restart:hover:not(:disabled){color:#1565c0;background-color:#e3f2fd;border-color:#2196f3}.container-logs{border:1px solid var(--palette-common-grey-300);background-color:#1e1e1e;border-radius:6px;flex-direction:column;flex:1;min-height:0;margin-top:12px;padding:12px;display:flex}.logs-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.logs-header h4{color:#fff;margin:0;font-size:13px;font-weight:600}.refresh-logs-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #4a4a4a;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .2s;display:flex}.refresh-logs-btn:hover{background-color:#2a2a2a;border-color:#6a6a6a}.logs-content{flex:1;min-height:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;overflow-y:auto}.log-section{margin-bottom:12px}.log-label{color:#9e9e9e;background-color:#2a2a2a;border-radius:3px;margin-bottom:4px;padding:4px 6px;font-size:11px;font-weight:600;display:inline-block}.log-lines{flex-direction:column;gap:2px;display:flex}.log-line{word-wrap:break-word;white-space:pre-wrap;border-radius:2px;padding:2px 6px}.log-line.stdout{color:#a5d6a7;background-color:#81c7840d}.log-line.stderr{color:#ef9a9a;background-color:#ef53500d}.no-logs{text-align:center;color:#9e9e9e;padding:20px;font-size:12px}.container-meta{background-color:var(--palette-common-grey-50);border:1px solid var(--palette-common-grey-200);border-radius:4px;flex-direction:column;gap:6px;margin:12px 0;padding:12px;display:flex}.meta-item{align-items:flex-start;gap:8px;font-size:11px;display:flex}.meta-label{color:var(--palette-common-grey-700);white-space:nowrap;font-weight:600}.meta-value{color:var(--palette-common-grey-600);word-break:break-word}.meta-value.session-id{background-color:var(--palette-common-grey-100);border-radius:3px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-size:10px}.port-mappings-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-top:16px;display:grid}.cloud-section-header-with-action{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.refresh-mappings-button{background-color:var(--palette-action-primary-default);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.refresh-mappings-button:hover:not(:disabled){background-color:var(--palette-action-primary-hover);box-shadow:0 2px 6px #2563eb4d}.refresh-mappings-button:active:not(:disabled){background-color:var(--palette-action-primary-active);transform:translateY(1px)}.refresh-mappings-button:disabled{opacity:.6;cursor:not-allowed}.port-mapping-card{background:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:8px;padding:16px;transition:all .2s}.port-mapping-card:hover{border-color:var(--palette-action-primary-default);box-shadow:0 4px 12px #00000014}.port-mapping-header{border-bottom:1px solid var(--palette-common-grey-100);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.port-mapping-service{align-items:center;gap:12px;display:flex}.kill-port-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#dc3545;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.kill-port-button:hover:not(:disabled){background-color:#c82333;box-shadow:0 2px 6px #dc35454d}.kill-port-button:active:not(:disabled){background-color:#bd2130;transform:translateY(1px)}.kill-port-button:disabled{opacity:.6;cursor:not-allowed}.port-mapping-service h3{color:var(--palette-common-grey-900);margin:0;font-size:14px;font-weight:600}.port-status{white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.port-status.running{background-color:var(--palette-background-dark-secondary);color:#2e7d32}.port-status.crashed{background-color:var(--palette-background-dark-secondary);color:#c62828}.port-mapping-details{flex-direction:column;gap:10px;display:flex}.port-detail-row{align-items:flex-start;gap:8px;font-size:12px;display:flex}.port-label{color:var(--palette-common-grey-700);white-space:nowrap;min-width:100px;font-weight:600}.port-value{color:var(--palette-common-grey-600);word-break:break-all;background-color:var(--palette-common-grey-100);border-radius:3px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-size:11px}.port-value.session-id{font-size:10px}.port-link{color:var(--palette-action-primary-default);word-break:break-all;font-size:11px;text-decoration:none}.port-link:hover{text-decoration:underline}.cloud-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cloud-section-actions{gap:8px;display:flex}.config-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.config-category{background:var(--palette-common-grey-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;padding:16px}.config-category-title{color:var(--palette-common-grey-900);align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.config-items{flex-direction:column;gap:8px;display:flex}.config-item{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.architecture-container{background:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex:1;min-height:400px;max-height:calc(100vh - 200px);padding:20px;overflow-y:auto}.architecture-layers{flex-direction:column;gap:0;margin-bottom:24px;display:flex}.arch-layer{flex-direction:column;align-items:center;width:100%;display:flex}.arch-layer-label{color:var(--palette-common-grey-600);text-transform:uppercase;letter-spacing:.5px;background-color:var(--palette-common-grey-100);border-radius:12px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600}.arch-layer-content{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;padding:0 20px;display:flex}.arch-connector-down{flex-direction:column;align-items:center;width:100%;margin:8px 0;display:flex}.connector-line{background:linear-gradient(180deg,var(--palette-primary-400)0%,var(--palette-primary-600)100%);width:2px;height:30px;position:relative}.connector-arrow{color:var(--palette-primary-600);margin-top:-8px;font-size:20px;line-height:1;animation:2s ease-in-out infinite pulse-arrow}@keyframes pulse-arrow{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(4px)}}.architecture-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.arch-service-card{background:var(--palette-common-grey-200);border:var(--palette-common-grey-200);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:160px;padding:20px;transition:all .3s;display:flex;position:relative}.arch-service-card:hover{border-color:var(--palette-primary-500);transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.arch-database-card{background:var(--palette-common-grey-200);border-color:var(--palette-success-300)}.arch-database-card:hover{border-color:var(--palette-success-500)}.arch-service-meta{color:var(--palette-common-grey-600);margin-top:4px;font-size:11px}.arch-service-icon{font-size:32px;line-height:1}.arch-service-name{color:var(--palette-common-grey-900);text-align:center;word-break:break-word;font-size:14px;font-weight:600}.arch-service-type{color:var(--palette-common-grey-600);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.arch-service-ports{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.arch-port{background-color:var(--palette-common-grey-100);border:1px solid var(--palette-common-grey-300);color:var(--palette-common-grey-700);border-radius:4px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-size:11px}.architecture-endpoints{border-top:1px solid var(--palette-common-grey-200);padding-top:20px}.arch-section-title{color:var(--palette-common-grey-900);margin:0 0 12px;font-size:16px;font-weight:600}.arch-endpoints-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.arch-endpoint-item{background-color:var(--palette-common-grey-50);border:1px solid var(--palette-common-grey-200);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.arch-endpoint-path{color:var(--palette-common-grey-800);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Monaco,Courier New,monospace;overflow:hidden}.arch-endpoint-type{text-transform:uppercase;background-color:var(--palette-primary-100);color:var(--palette-primary-700);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.arch-endpoint-more{text-align:center;color:var(--palette-common-grey-600);grid-column:1/-1;padding:8px;font-size:12px;font-style:italic}.config-name{color:var(--palette-common-grey-900);text-overflow:ellipsis;white-space:nowrap;font-family:Monaco,Courier New,monospace;font-size:12px;overflow:hidden}.config-files{color:var(--palette-common-grey-500);font-size:11px}.config-secure{color:var(--palette-common-grey-600);font-size:11px}.empty-state{text-align:center;color:var(--palette-common-grey-500);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state p{margin:8px 0 0;font-size:14px}.empty-state-hint{color:var(--palette-common-grey-400)!important;font-size:12px!important}.cloud-empty-state{text-align:center;height:100%;color:var(--palette-common-grey-500);flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.cloud-empty-state h2{color:var(--palette-common-grey-700);margin:24px 0 8px;font-size:24px;font-weight:600}.cloud-empty-state p{color:var(--palette-common-grey-500);max-width:400px;margin:0;font-size:14px}.dark-mode .env-badge.env-prod{color:#81c784;background-color:#2e7d3233;border:1px solid #2e7d324d}.dark-mode .env-badge.env-dev{color:#64b5f6;background-color:#1565c033;border:1px solid #1565c04d}.dark-mode .pipeline-status-badge.status-success{color:#81c784;background-color:#2e7d3233;border:1px solid #2e7d324d}.dark-mode .pipeline-status-badge.status-failed{color:#ef5350;background-color:#c6282833;border:1px solid #c628284d}.dark-mode .pipeline-status-badge.status-running{color:#64b5f6;background-color:#1565c033;border:1px solid #1565c04d}.dark-mode .pipeline-status-badge.status-pending{color:#ffb74d;background-color:#e6510033;border:1px solid #e651004d}.dark-mode .pipeline-status-badge.status-canceled,.dark-mode .pipeline-status-badge.status-skipped,.dark-mode .pipeline-status-badge.status-unknown{color:#bdbdbd;background-color:#9e9e9e33;border:1px solid #9e9e9e4d}.dark-mode .pod-status-badge.pod-status-running,.dark-mode .pod-status-badge.pod-status-succeeded{color:#81c784;background-color:#2e7d3233;border:1px solid #2e7d324d}.dark-mode .pod-status-badge.pod-status-pending{color:#ffb74d;background-color:#e6510033;border:1px solid #e651004d}.dark-mode .pod-status-badge.pod-status-failed,.dark-mode .pod-status-badge.pod-status-error{color:#ef5350;background-color:#c6282833;border:1px solid #c628284d}.dark-mode .pod-status-badge.pod-status-unknown{color:#bdbdbd;background-color:#9e9e9e33;border:1px solid #9e9e9e4d}.dark-mode .summary-pipeline-status.status-success{color:#81c784}.dark-mode .summary-pipeline-status.status-failed{color:#ef5350}.dark-mode .summary-pipeline-status.status-running{color:#64b5f6}.dark-mode .summary-pipeline-status.status-unknown{color:#bdbdbd}.dashboard-layout{height:100%;display:flex;overflow:hidden}.dashboard-layout .dynamic-task-panel{flex-shrink:0}.dashboard-layout .unified-dashboard{flex:1;overflow-y:auto}@media (max-width:1024px){.dashboard-layout{flex-direction:column}.dashboard-layout .dynamic-task-panel{border-bottom:1px solid #3a3a4e;border-right:none;height:auto;max-height:40%}}.code-layout.split-layout{height:100%;display:flex;position:relative}.code-layout.split-layout .code-content-area{border-right:none;flex:1;min-width:0}.resize-handle{cursor:col-resize;z-index:10;background-color:#0000;flex-shrink:0;width:4px;transition:background-color .2s;position:relative}.resize-handle:hover,.resize-handle.active{background-color:var(--mia-purple-primary)}.resize-handle:before{content:"";position:absolute;inset:0 -4px}.tree-resize-handle{cursor:col-resize;z-index:10;background-color:#0000;width:4px;transition:background-color .2s;position:absolute;top:0;bottom:0;right:0}.tree-resize-handle:hover,.tree-resize-handle.active{background-color:var(--mia-purple-primary)}.dark-mode .resize-handle.active,.dark-mode .resize-handle:hover,.dark-mode .tree-resize-handle.active,.dark-mode .tree-resize-handle:hover{background-color:var(--accent-primary)}.split-preview-panel{background-color:var(--palette-common-white);flex-direction:column;height:100%;display:flex;overflow:hidden}.split-preview-header{border-bottom:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);justify-content:space-between;align-items:center;min-height:48px;padding:12px 16px;display:flex}.preview-title{color:var(--palette-text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.preview-actions{align-items:center;gap:8px;display:flex}.preview-action-btn{border:1px solid var(--palette-common-grey-300);color:var(--palette-text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.preview-action-btn:hover:not(:disabled){background-color:var(--palette-background-neutral-100);border-color:var(--mia-purple-primary);color:var(--mia-purple-primary)}.preview-action-btn:disabled{opacity:.5;cursor:not-allowed}.capture-spinner{animation:1s linear infinite spin;display:inline-block}.split-preview-content{background-color:#f5f5f5;flex:1;position:relative;overflow:hidden}.split-preview-iframe{background-color:#fff;border:none;width:100%;height:100%}.preview-loading,.preview-error,.preview-empty{height:100%;color:var(--palette-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.preview-loading .loading-spinner{border:3px solid #e5e7eb;border-top-color:var(--mia-purple-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.preview-error{color:#dc2626}.preview-empty .hint{color:var(--palette-text-tertiary);margin-top:8px;font-size:13px}.dark-mode .split-view-controls{background-color:var(--bg-tertiary);border-bottom-color:var(--border-primary)}.dark-mode .split-preview-panel{background-color:var(--bg-secondary)}.dark-mode .split-preview-header{background-color:var(--bg-tertiary);border-bottom-color:var(--border-primary)}.dark-mode .preview-title{color:var(--text-primary)}.dark-mode .preview-action-btn{border-color:var(--border-primary);color:var(--text-secondary)}.dark-mode .preview-action-btn:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--mia-purple-primary)}.dark-mode .split-preview-content{background-color:var(--bg-primary)}.dark-mode .preview-loading,.dark-mode .preview-error,.dark-mode .preview-empty{color:var(--text-secondary)}.dark-mode .preview-loading .loading-spinner{border-color:var(--border-primary);border-top-color:var(--mia-purple-primary)}@media (max-width:1400px){.code-layout.split-layout{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.code-layout.split-layout{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.code-layout.split-layout .code-content-area{border-right:none;border-bottom:1px solid var(--palette-common-grey-200)}}.canvas-markdown-preview-container{background-color:var(--bg-primary);height:100%;display:flex;overflow:hidden}.markdown-files-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--palette-common-grey-200);flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.markdown-sidebar-section{background:0 0;border:none;flex-direction:column;margin:0;padding:0;transition:all .2s;display:flex}.markdown-sidebar-section.expanded{flex:1;overflow:hidden}.markdown-sidebar-header{border-bottom:1px solid var(--palette-common-grey-200);color:var(--text-primary);text-align:left;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:8px;width:100%;padding:16px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.markdown-sidebar-header:hover{background-color:var(--bg-hover,#0000000d)}.markdown-sidebar-header.selected{border-left:3px solid var(--mia-purple-primary);color:var(--text-primary);background-color:#8b5cf626}.markdown-sidebar-header svg{flex-shrink:0}.markdown-files-list{flex:1;padding:8px;overflow-y:auto}.markdown-file-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;margin-bottom:1px;padding:3px 4px;font-size:10px;font-weight:400;transition:all .2s;display:flex}.markdown-file-item:hover{background-color:var(--bg-hover,#0000000d);color:var(--text-primary)}.markdown-file-item.selected,.markdown-file-item.selected:hover{background-color:var(--mia-purple-primary);color:#fff;outline:none}.markdown-file-item.selected .file-name,.markdown-file-item.selected .cyber-icon,.markdown-file-item.selected svg{color:#fff}.markdown-file-item .file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.no-files-message{text-align:center;color:var(--text-secondary);padding:20px;font-size:13px}.markdown-preview-content{background-color:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard-content{background:var(--bg-primary);flex-direction:column;flex:1;padding:24px;display:flex}.dashboard-project-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:flex-end;min-height:240px;margin-bottom:32px;transition:all .3s;display:flex;position:relative;overflow:hidden}.dashboard-project-header:after{content:"";background:linear-gradient(to right,var(--bg-secondary),transparent);pointer-events:none;z-index:1;position:absolute;inset:0}.dashboard-project-header:hover{border-color:var(--mia-purple-primary);box-shadow:0 8px 24px #8b5cf626}.dashboard-project-header .header-overlay{z-index:2;justify-content:space-between;align-items:flex-end;width:100%;padding:32px 24px 24px;display:flex;position:relative}.project-title-section{text-shadow:0 2px 8px #00000080;flex:1}.project-title-section h1{color:var(--text-primary);letter-spacing:-.5px;border:none;margin:0;padding:0;font-size:32px;font-weight:700;text-decoration:none}.project-description{color:var(--text-secondary);border:none;max-width:600px;margin:0;padding:0;font-size:15px;line-height:1.6}.console-link-button{background:var(--palette-action-primary-default);color:var(--palette-common-white);border:2px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.console-link-button:hover{background:var(--palette-action-primary-hover);border-color:var(--palette-action-primary-default);transform:translateY(-2px)}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dashboard-column{flex-direction:column;align-items:stretch;gap:16px;display:flex}.dashboard-resources-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.dashboard-actions-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;height:-moz-fit-content;height:fit-content;min-height:auto;padding:16px;transition:all .2s}.dashboard-card:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #8b5cf61a}.dashboard-card h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.preview-card img.preview-thumbnail{border:1px solid var(--palette-common-grey-200);border-radius:8px;width:100%}.team-list{flex-direction:column;gap:8px;min-height:auto;display:flex}.team-member{background:var(--palette-background-neutral-50);border-radius:8px;align-items:center;gap:12px;padding:8px;transition:all .2s;display:flex}.team-member:hover{background:var(--bg-hover)}.member-avatar{background:linear-gradient(135deg,var(--mia-purple-primary)0%,var(--mia-purple-light)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.member-info{flex:1}.member-name{color:var(--text-primary);font-size:14px;font-weight:500}.member-role{color:var(--text-secondary);font-size:12px}.tech-tags{flex-wrap:wrap;gap:6px;min-height:auto;display:flex}.tech-tag{color:var(--mia-purple-light);background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.dora-metrics .metrics-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-card{background:var(--palette-background-neutral-50);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:12px}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px}.metric-value{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700}.metric-trend{color:var(--text-tertiary);font-size:12px;font-style:italic}.env-list{flex-direction:column;gap:6px;min-height:auto;display:flex}.env-item{background:var(--palette-background-neutral-50);color:var(--text-primary);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.env-status{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e99}.env-name{flex:1;font-weight:500}.resource-count{color:var(--text-secondary);margin-bottom:12px;font-size:12px;font-weight:500}.resource-list{flex-direction:column;gap:4px;min-height:auto;display:flex}.resource-item{color:var(--text-primary);cursor:pointer;background:#ffffff05;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:all .2s;display:flex}.resource-item:hover{background:#8b5cf626;transform:translate(4px)}.resource-more{color:var(--text-secondary);text-align:center;padding:6px 10px;font-size:12px;font-style:italic}.links-list{flex-direction:column;gap:6px;min-height:auto;display:flex}.link-item{border:1px solid var(--palette-common-grey-200);color:var(--text-primary);background:#ffffff05;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.link-item:hover{border-color:var(--mia-purple-primary);background:#8b5cf61a;transform:translate(4px)}.link-item span{flex:1}.actions-list{flex-direction:column;gap:6px;min-height:auto;display:flex}.action-item{border-left:3px solid var(--mia-purple-primary);color:var(--text-primary);background:#ffffff05;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.empty-state{text-align:center;color:var(--text-tertiary);min-height:auto;padding:8px;font-size:12px;font-style:italic}.dashboard-placeholder{color:var(--text-secondary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.dashboard-placeholder p{margin:0;font-size:14px}.dashboard-placeholder .help-text{color:var(--text-tertiary);max-width:400px;font-size:12px}.canvas-markdown-preview{background-color:var(--bg-primary);flex-direction:column;height:100%;display:flex;overflow:hidden}.markdown-preview-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--palette-common-grey-200);color:var(--text-primary);align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.canvas-markdown-preview .markdown-content,.markdown-preview-content .markdown-content{flex:1;width:100%;margin:0 auto;padding:32px;overflow-y:auto}.canvas-markdown-preview .markdown-content h1,.canvas-markdown-preview .markdown-content h2,.canvas-markdown-preview .markdown-content h3,.markdown-preview-content .markdown-content h1,.markdown-preview-content .markdown-content h2,.markdown-preview-content .markdown-content h3{color:var(--text-primary);margin-top:32px;margin-bottom:16px}.canvas-markdown-preview .markdown-content p,.markdown-preview-content .markdown-content p{color:var(--text-secondary);margin-bottom:16px;line-height:1.7}.canvas-markdown-preview .markdown-content code,.markdown-preview-content .markdown-content code{background-color:var(--palette-common-grey-100,#0000000f);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.canvas-markdown-preview .markdown-content pre{background-color:#0003;border-radius:8px;margin-bottom:16px;padding:16px;overflow-x:auto}.canvas-markdown-preview .markdown-content ul,.canvas-markdown-preview .markdown-content ol{margin-bottom:16px;padding-left:24px}.canvas-markdown-preview .markdown-content li{margin-bottom:8px;line-height:1.6}.markdown-preview-content .markdown-content pre{background-color:#0003;border-radius:8px;margin-bottom:16px;padding:16px;overflow-x:auto}.markdown-preview-content .markdown-content ul,.markdown-preview-content .markdown-content ol{margin-bottom:16px;padding-left:24px}.markdown-preview-content .markdown-content li{margin-bottom:8px;line-height:1.6}.no-files-message .help-text{opacity:.7;margin-top:12px;font-size:12px}.no-files-message .help-text strong{color:var(--mia-purple-primary);font-weight:600}.build-error-output{color:#d4d4d4;background:#1e1e1e}.build-error-next-steps{color:#ffc107;background:#2d2d2d}.build-error-next-steps ul{color:#d4d4d4}.build-error-close-btn{color:#d4d4d4;background:#3a3a3a;border:1px solid #555}.build-error-close-btn:hover{background:#4a4a4a}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .build-error-output{color:#1e293b;background:#f5f7fa}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .build-error-next-steps{color:#92400e;background:#fffbeb}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .build-error-next-steps ul{color:#78350f}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .build-error-close-btn{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0}body:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave):not(.theme-hackerx-green):not(.theme-hackerx-ocean):not(.theme-catppuccin-frappe):not(.theme-catppuccin-macchiato):not(.theme-catppuccin-mocha):not(.theme-high-contrast) .build-error-close-btn:hover{background:#e2e8f0}.projects-page{background:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);box-sizing:border-box;padding:3rem;position:relative;overflow-x:hidden}.toast-container{z-index:10000;pointer-events:none;position:fixed;top:20px;right:20px}.toast-container>*{pointer-events:all}.projects-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#7c3aed26 0%,#00b4d81a 40%,#0000 70%);height:400px;position:absolute;top:0;left:0;right:0}.projects-header{z-index:1;margin-bottom:3rem;position:relative}.projects-title-section{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.projects-title{-webkit-text-fill-color:transparent;letter-spacing:-.5px;background:linear-gradient(135deg,#e1e8ed 0%,#90a4ae 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700}.projects-menu-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:all .2s}.projects-menu-btn:hover{color:#fff;background:#ffffff0d}.projects-menu-container{position:relative}.projects-menu-dropdown{z-index:1000;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;min-width:180px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #0006}.menu-item{color:#e5e5e5;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:background .2s;display:flex}.menu-item:first-child{border-radius:8px 8px 0 0}.menu-item:last-child{border-radius:0 0 8px 8px}.menu-item:hover{background:#ffffff0d}.menu-icon{flex-shrink:0;width:16px;height:16px}.projects-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.projects-search{flex:1;min-width:250px;max-width:400px;position:relative}.search-icon{color:#999;pointer-events:none;z-index:1;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.projects-search-input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:.75rem .875rem .75rem 2.75rem;font-size:.875rem;transition:all .3s}.projects-search-input:focus{border-color:var(--mia-purple-primary);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px #7c3aed1a}.projects-search-input::placeholder{color:#666}.projects-filters{align-items:center;gap:.75rem;display:flex}.filter-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border-radius:12px;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;transition:all .2s}.filter-dropdown:hover{background-color:var(--shade-medium);border-color:#7c3aed4d}.filter-dropdown:focus{border-color:var(--mia-purple-primary);outline:none;box-shadow:0 0 0 3px #7c3aed1a}.filter-dropdown option{color:#fff;background:#2a2a2a}.view-toggle-btn{color:#999;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}.view-toggle-btn:hover{background:#ffffff14;border-color:#fff3}.view-toggle-btn.active{color:#fff;background:#ffffff1a;border-color:#fff3}.refresh-btn{color:#999;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}.refresh-btn:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#fff3}.refresh-btn .spinning{animation:1s linear infinite spin}.projects-loading,.projects-error{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.spinner{width:40px;height:40px;animation:1.5s linear infinite spin;position:relative}.spinner:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#fff;width:100%;height:100%;position:absolute}.retry-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;transition:all .2s}.retry-btn:hover{background:#ffffff26}.projects-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:32px;max-width:1600px;margin:0 auto;padding-top:1rem;display:grid;position:relative}.create-card{background:#7c3aed0d;border:2px dashed #7c3aed4d;justify-content:center;align-items:center;min-height:280px;transition:all .3s;display:flex}.create-card:hover{background:#7c3aed1a;border-color:#7c3aed80;transform:translateY(-4px);box-shadow:0 8px 24px #7c3aed26}.create-card-content{color:#999;flex-direction:column;align-items:center;gap:1rem;display:flex}.create-icon{color:#666;transition:color .2s}.create-card:hover .create-icon{color:#999}.create-text{margin:0;font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#2a2a2a;border:1px solid #ffffff1a;border-radius:1rem;width:100%;max-width:480px;padding:1.5rem;box-shadow:0 20px 60px #00000080}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.modal-title{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.modal-close:hover{color:#fff;background:#ffffff0d}.modal-description{color:#999;margin:0 0 1.5rem;font-size:.875rem}.modal-body{margin-bottom:1.5rem}.folder-icon-input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:.625rem;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s;display:flex}.folder-icon-input:focus-within{background:#ffffff14;border-color:#ffffff4d}.folder-icon-input svg{color:#999;flex-shrink:0}.folder-name-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.folder-name-input::placeholder{color:#666}.modal-footer{justify-content:flex-end;gap:.75rem;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn-secondary{color:#fff;background:#ffffff0d}.modal-btn-secondary:hover:not(:disabled){background:#ffffff1a}.modal-btn-primary{color:#1a1a1a;background:#fff}.modal-btn-primary:hover:not(:disabled){background:#f0f0f0}@media (max-width:768px){.projects-page{padding:1rem}.projects-title{font-size:1.5rem}.projects-controls{flex-direction:column;align-items:stretch}.projects-search{max-width:none}.projects-filters{flex-wrap:wrap}.projects-grid{grid-template-columns:1fr}.filter-dropdown{flex:1;min-width:0}}@media (max-width:1400px){.projects-grid{gap:24px}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:20px;padding-left:1rem;padding-right:1rem}.project-card{max-width:500px;margin:0 auto}}.folder-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.folder-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.folder-card-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem 1.5rem;display:flex}.folder-header{justify-content:center;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.expand-icon{opacity:.7;transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.folder-name{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.folder-description{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;margin:0 0 1rem;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.folder-count{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-block}.projects-list{z-index:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;position:relative;overflow:hidden}.list-header{border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-primary);grid-template-columns:minmax(180px,1.8fr) minmax(180px,2fr) minmax(140px,1.3fr) minmax(120px,1fr) minmax(100px,.8fr) minmax(110px,.9fr) 110px;gap:.5rem;padding:.4rem .75rem;font-size:.7rem;font-weight:600;display:grid}.list-row{border-bottom:1px solid var(--border-color);cursor:pointer;grid-template-columns:minmax(180px,1.8fr) minmax(180px,2fr) minmax(140px,1.3fr) minmax(120px,1fr) minmax(100px,.8fr) minmax(110px,.9fr) 110px;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .75rem;transition:background .2s;display:grid}.list-row:hover{background:var(--bg-hover)}.list-row:last-child{border-bottom:none}.folder-row{background:#ffffff05;border-left:3px solid #0000;min-height:40px;font-weight:500}.project-row.nested{background:var(--bg-primary)}.project-row.nested .name-column{padding-left:2rem}.list-column{align-items:center;gap:.5rem;display:flex;overflow:hidden}.name-column{min-width:0;font-size:.9375rem}.date-column,.owner-column{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.actions-column{justify-content:flex-end;gap:.5rem}.project-icon{object-fit:cover;border-radius:3px;flex-shrink:0;width:24px;height:24px}.project-icon-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.625rem;font-weight:600;display:flex}.project-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex;overflow:hidden}.project-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;line-height:1.3;overflow:hidden}.project-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.folder-name{color:var(--text-primary);font-weight:500}.project-count{color:var(--text-secondary);font-size:.875rem;font-weight:400}.list-row .expand-icon{opacity:.7;flex-shrink:0;width:16px;height:16px;transition:transform .3s}.list-row .expand-icon.expanded{transform:rotate(180deg)}.list-favorite-button,.list-context-button{color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.25rem;transition:all .2s}.list-row:hover .list-favorite-button,.list-row:hover .list-context-button,.list-row:hover .list-action-button{opacity:1}.list-favorite-button:hover,.list-context-button:hover{background:var(--bg-hover);color:var(--text-primary)}.list-favorite-button.active,.list-favorite-button.favorited{color:gold;opacity:1}.folder-rename-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;outline:none;min-width:200px;margin-left:8px;padding:4px 8px;font-family:inherit;font-size:.95rem;transition:all .2s}.folder-rename-input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.list-action-button{color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:inline-flex}.list-action-button:hover{background:var(--bg-hover);color:var(--text-primary)}.list-action-button.delete-button:hover{color:#ef4444;background:#ef44441a}.modal-buttons{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.modal-buttons .delete-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.modal-buttons .delete-button:hover{background:#dc2626}.modal-buttons .cancel-button{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.modal-buttons .cancel-button:hover{background:var(--bg-hover);color:var(--text-primary)}.description-column{color:var(--text-secondary);min-width:0;font-size:.875rem;overflow:hidden}.truncate-text{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.tech-column{font-size:.9375rem}.tech-badges-compact{flex-wrap:nowrap;align-items:center;gap:.25rem;display:flex;overflow:hidden}.tech-badge-compact{color:#a78bfa;white-space:nowrap;background:#7c3aed26;border-radius:3px;padding:.15rem .5rem;font-size:.75rem;font-weight:500;line-height:1.3}.tech-more{color:var(--text-secondary);white-space:nowrap;font-size:.65rem;font-weight:500}.env-column{color:var(--text-secondary);font-size:.875rem}.env-count{color:#00b4d8;white-space:nowrap;background:#00b4d826;border-radius:3px;padding:.1rem .4rem;font-size:.65rem;font-weight:500;line-height:1.3;display:inline-block}.templates-page{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}.templates-body{flex:1;padding:1.5rem 2rem;overflow-y:auto}.templates-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;margin-bottom:0;padding:22px 16px}.templates-title-section{flex-shrink:0}.templates-title{color:var(--text-primary);margin:0 0 4px;font-size:24px;font-weight:600}.templates-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.templates-controls-bar{border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-flow:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:12px 16px;display:flex}.templates-controls{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:1rem;width:100%;display:flex}.templates-search{flex:1;min-width:200px;max-width:380px;position:relative}.templates-search .search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.templates-search-input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:.625rem 1rem .625rem 2.5rem;font-size:.9rem;transition:all .2s}.templates-search-input::placeholder{color:var(--text-muted)}.templates-search-input:focus{border-color:var(--accent-primary);background:var(--bg-hover);outline:none}.templates-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-tab{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.filter-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.filter-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.templates-loading,.templates-error,.templates-empty{text-align:center;color:var(--text-secondary);background:0 0;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.templates-grid .templates-empty{grid-column:1/-1}.templates-loading .spinner{width:40px;height:40px;margin-bottom:1rem;animation:1.5s linear infinite spin;position:relative}.templates-loading .spinner:before{content:"";background:var(--accent-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100%;height:100%;position:absolute}.templates-loading p,.templates-error p,.templates-empty p{color:var(--text-secondary);margin:.5rem 0 0}.templates-empty .empty-icon{color:var(--text-muted);margin-bottom:1rem}.templates-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.templates-page .template-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;height:auto;transition:all .3s;display:flex;overflow:hidden}.templates-page .template-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.templates-page .template-preview{background:var(--bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:160px;display:flex;overflow:hidden}.templates-page .template-thumbnail{object-fit:cover;width:100%;height:100%}.templates-page .template-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.templates-page .template-info{background:var(--bg-card);padding:1.25rem}.templates-page .template-name{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.templates-page .template-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.templates-page .template-tags{flex-wrap:wrap;gap:.5rem;display:flex}.templates-page .template-tag{background:color-mix(in srgb,var(--accent-primary)12%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary)25%,transparent);color:var(--accent-primary);border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.templates-page .template-tag-more{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:.2rem .6rem;font-size:.75rem}@media (max-width:768px){.templates-page{padding:1rem}.templates-title{font-size:1.5rem}.templates-controls{flex-direction:column;align-items:stretch}.templates-search{max-width:100%}.templates-grid{grid-template-columns:1fr;gap:1rem}}.playbook-launcher-page{background:var(--bg-primary);justify-content:center;align-items:center;height:100%;padding:32px 16px;display:flex}.playbook-launcher-loading,.playbook-launcher-error{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:14px;font-size:.95rem;display:flex}.playbook-launcher-loading svg{animation:1.4s ease-in-out infinite il-pulse}@keyframes il-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.playbook-launcher-card{background:var(--bg-card,var(--bg-secondary));border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:28px;width:100%;max-width:640px;padding:36px 40px;display:flex;box-shadow:0 8px 32px #0000001a}.il-header{align-items:flex-start;gap:18px;display:flex}.il-header-icon{background:color-mix(in srgb,var(--accent-primary)14%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary)25%,transparent);width:56px;height:56px;color:var(--accent-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.il-header-content{flex:1;min-width:0}.il-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:3px;font-size:.7rem;font-weight:700}.il-title{color:var(--text-primary);margin:0 0 6px;font-size:1.5rem;font-weight:700}.il-desc{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.il-mode-badge{border:1px solid;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.il-mode-badge.chat{color:#16a34a;background:#22c55e1f;border-color:#22c55e47}.il-mode-badge.code{background:color-mix(in srgb,var(--accent-primary)12%,transparent);border-color:color-mix(in srgb,var(--accent-primary)28%,transparent);color:var(--accent-primary)}.il-components-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:12px;font-size:.72rem;font-weight:700}.il-components-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.il-component-group{background:var(--bg-tertiary,var(--bg-primary));border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.il-component-group-header{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.il-count{background:color-mix(in srgb,var(--accent-primary)12%,transparent);color:var(--accent-primary);border-radius:10px;margin-left:auto;padding:1px 7px;font-size:.7rem;font-weight:700}.il-chips{flex-wrap:wrap;gap:4px;display:flex}.il-chip{background:color-mix(in srgb,var(--accent-primary)10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary)20%,transparent);color:var(--accent-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:150px;padding:2px 8px;font-size:.75rem;display:inline-block;overflow:hidden}.il-actions{flex-direction:column;gap:10px;display:flex}.il-btn-primary,.il-btn-secondary,.il-btn-ghost{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .16s;display:flex}.il-btn-primary{background:var(--accent-primary,#007bff);color:#fff;border-color:var(--accent-primary,#007bff)}.il-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.il-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.il-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.il-btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000;font-size:.82rem;font-weight:500}.il-btn-ghost:hover{color:var(--text-secondary);background:var(--bg-hover)}@media (max-width:600px){.playbook-launcher-card{padding:24px 20px}.il-header{flex-wrap:wrap}.il-mode-badge{flex-shrink:0}}.learn-page{background:var(--bg-primary);flex-direction:column;width:100%;height:auto;min-height:100vh;display:flex;position:relative;overflow:hidden auto}.learn-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#1976d208 0%,#3b82f605 40%,#0000 70%);animation:15s infinite gradientShift;position:absolute;inset:0}.dark-mode .learn-page:before,.theme-noctis .learn-page:before,.theme-github .learn-page:before,.theme-synthwave .learn-page:before,.theme-hackerx-green .learn-page:before,.theme-hackerx-ocean .learn-page:before,.theme-catppuccin-frappe .learn-page:before,.theme-catppuccin-macchiato .learn-page:before,.theme-catppuccin-mocha .learn-page:before{background:radial-gradient(circle at 50% 0,#7c3aed66 0%,#00b4d84d 40%,#16213e80 70%,#0000 100%)}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.learn-header{z-index:2;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex;position:relative}.learn-header h1{color:var(--text-primary);text-shadow:0 2px 8px #00000080;margin:0;font-size:2rem;font-weight:700}.back-button{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.back-button:hover{background:var(--shade-medium);transform:translate(-4px)}.back-button svg{width:20px;height:20px}.learn-progress{z-index:2;justify-content:center;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:relative}.progress-dot{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);cursor:pointer;width:48px;height:48px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative}.progress-dot:hover{background:var(--shade-medium);transform:scale(1.1)}.progress-dot.active{background:var(--mia-purple-primary);color:#fff;border-color:var(--mia-purple-primary);transform:scale(1.15);box-shadow:0 4px 16px #7c3aed80}.progress-dot.completed{background:var(--mia-blue-primary);border-color:var(--mia-blue-primary)}.progress-dot.completed svg{width:28px;height:28px}.learn-content{z-index:2;flex:none;justify-content:center;align-items:flex-start;width:100%;padding:2rem;display:flex;position:relative}.step-container{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:900px;padding:2rem;animation:.5s slideUp;box-shadow:0 20px 60px #00000080}.step-icon-container{justify-content:center;margin-bottom:1rem;display:flex}.step-icon{width:60px;height:60px;color:var(--mia-purple-primary)}.step-title{color:var(--text-primary);text-align:center;margin:0 0 .5rem;font-size:2rem;font-weight:700}.step-description{color:var(--text-secondary);text-align:center;margin:0 0 1.5rem;font-size:1rem}.step-body{margin-top:1.5rem}.step-content h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.feature-card{border:1px solid var(--border-color);text-align:center;background:linear-gradient(135deg,#7c3aed14 0%,#00b4d814 100%);border-radius:16px;padding:1.25rem;transition:all .3s}.feature-card:hover{border-color:var(--mia-purple-primary);transform:translateY(-4px);box-shadow:0 8px 24px #7c3aed4d}.feature-icon-small{width:40px;height:40px;color:var(--mia-purple-primary);margin-bottom:1rem}.feature-card h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.feature-card p{color:var(--text-secondary);margin:0;font-size:.9375rem}.demo-mockup{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;margin:1.5rem 0;padding:1.5rem}.mockup-login{text-align:center;max-width:400px;margin:0 auto}.mockup-logo{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.logo-circle-small{width:60px;height:60px}.logo-circle-small svg{width:100%;height:100%;color:var(--mia-purple-primary)}.mockup-logo h4{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.mockup-button{background:var(--mia-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.mockup-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}.mockup-chat{flex-direction:column;gap:1rem;display:flex}.mockup-message{align-items:flex-start;gap:1rem;display:flex}.mockup-message.user{flex-direction:row-reverse}.message-avatar{background:var(--mia-gradient);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.message-content{background:var(--bg-card);border:1px solid var(--border-color);max-width:70%;color:var(--text-primary);border-radius:12px;padding:1rem 1.25rem;font-size:.9375rem;line-height:1.5}.mockup-message.user .message-content{background:var(--mia-gradient);color:#fff;border:none}.typing-indicator{align-items:center;gap:.5rem;display:flex}.typing-indicator span{background:#9ca3af;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.example-prompts{margin-top:1rem}.prompt-list{flex-direction:column;gap:.75rem;display:flex}.prompt-item{border:1px solid var(--border-color);color:var(--text-primary);background:linear-gradient(135deg,#7c3aed0d 0%,#00b4d80d 100%);border-radius:12px;padding:1rem 1.25rem;font-size:.9375rem;transition:all .3s}.prompt-item:hover{border-color:var(--mia-purple-primary);background:linear-gradient(135deg,#7c3aed26 0%,#00b4d826 100%);transform:translate(8px)}.canvas-mockup{padding:0;overflow:hidden}.canvas-split{grid-template-columns:1fr 2fr;min-height:250px;display:grid}.canvas-chat-side,.canvas-preview-side{padding:1.5rem}.canvas-chat-side{background:var(--bg-secondary);border-right:2px solid var(--border-color)}.canvas-preview-side{background:var(--bg-card)}.canvas-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.mini-chat{flex-direction:column;gap:.75rem;display:flex}.mini-message{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.code-preview{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.8}.code-line{padding:.25rem 0}.code-line.indent1{padding-left:2rem}.tip-box{background:linear-gradient(135deg,#fef3c726 0%,#fde68a26 100%);border:1px solid #fbbf244d;border-radius:12px;align-items:flex-start;gap:1rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.tip-icon{color:#fbbf24;flex-shrink:0;width:20px;height:20px;margin-top:2px}.tip-box p{color:var(--text-secondary);margin:0;font-size:.875rem}.integration-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:1rem 0;display:flex}.flow-step{text-align:center;border:1px solid var(--border-color);background:linear-gradient(135deg,#7c3aed0d 0%,#00b4d80d 100%);border-radius:16px;flex:1;min-width:150px;padding:1rem;transition:all .3s}.flow-step:hover{border-color:var(--mia-purple-primary);transform:translateY(-4px);box-shadow:0 8px 24px #7c3aed33}.flow-icon{margin-bottom:.75rem;font-size:2.5rem}.flow-step h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.flow-step p{color:var(--text-secondary);margin:0;font-size:.875rem}.flow-arrow{color:var(--text-tertiary);font-size:2rem;font-weight:300}.action-examples ul{margin:1rem 0;padding:0;list-style:none}.action-examples li{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:.75rem 0;font-size:1rem}.action-examples li:last-child{border-bottom:none}.modes-comparison{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1rem;display:grid}.mode-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;padding:1.25rem;transition:all .3s;position:relative}.mode-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.mode-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.mode-header svg{width:32px;height:32px}.mode-header.agent{color:var(--mia-purple-primary)}.mode-header.plan{color:var(--mia-blue-primary)}.mode-header h4{margin:0;font-size:1.5rem;font-weight:700}.mode-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#34d399 0%,#10b981 100%);border-radius:9999px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.mode-badge.advanced{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.mode-card>p{color:var(--text-secondary);margin:0 0 1rem;font-size:1rem}.mode-card ul{margin:0;padding:0;list-style:none}.mode-card li{color:var(--text-primary);padding:.5rem 0;font-size:.9375rem;line-height:1.6}.quick-start-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0;display:grid}.quick-card{background:var(--mia-gradient);text-align:center;cursor:pointer;color:#fff;border:none;border-radius:16px;padding:1.25rem;transition:all .3s}.quick-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #7c3aed80}.quick-card svg{width:40px;height:40px;margin-bottom:.75rem}.quick-card h4{color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.quick-card p{color:#ffffffe6;margin:0;font-size:.9375rem}.resources-section{border-top:2px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.resource-links{flex-wrap:wrap;gap:1.5rem;margin-top:.75rem;display:flex}.resource-links a{border:1px solid var(--border-color);color:var(--mia-purple-primary);background:linear-gradient(135deg,#7c3aed14 0%,#00b4d814 100%);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.resource-links a:hover{background:var(--mia-gradient);color:#fff;border-color:var(--mia-purple-primary);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.learn-navigation{z-index:2;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex;position:relative}.nav-button{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.nav-button:hover:not(:disabled){background:var(--shade-medium);transform:scale(1.05);box-shadow:0 8px 24px #0006}.nav-button:disabled{opacity:.4;cursor:not-allowed}.nav-button svg{width:20px;height:20px}.nav-button.start{background:var(--mia-gradient);color:#fff;border-color:#0000}.nav-button.start:hover{background:var(--mia-gradient-reverse);box-shadow:0 8px 24px #7c3aed80}.step-counter{color:var(--text-primary);text-shadow:0 2px 8px #00000080;font-size:1rem;font-weight:600}@media (max-width:768px){.learn-header{padding:1.5rem}.learn-header h1{font-size:1.5rem}.header-spacer{display:none}.learn-progress{gap:.5rem;padding:1rem;overflow-x:auto}.progress-dot{width:40px;height:40px;font-size:.875rem}.step-container{padding:2rem 1.5rem}.step-title{font-size:2rem}.step-description{font-size:1rem}.canvas-split{grid-template-columns:1fr}.canvas-chat-side{border-right:none;border-bottom:2px solid var(--border-color)}.integration-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.modes-comparison,.quick-start-cards{grid-template-columns:1fr}.learn-navigation{flex-wrap:wrap;gap:1rem;padding:1.5rem}.nav-button{padding:.75rem 1.5rem;font-size:.875rem}.step-counter{text-align:center;order:-1;width:100%}}.news-page{background:var(--bg-primary);flex-direction:column;width:100%;height:auto;min-height:100vh;display:flex;position:relative;overflow:hidden auto}.news-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#ec489926 0%,#8b5cf61a 40%,#0000 70%);animation:15s infinite newsGradient;position:absolute;inset:0}.dark-mode .news-page:before{background:radial-gradient(circle at 50% 0,#ec489966 0%,#8b5cf64d 40%,#16213e80 70%,#0000 100%)}@keyframes newsGradient{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.news-hero{z-index:2;text-align:center;padding:4rem 3rem 2rem;position:relative}.news-hero-content{max-width:800px;margin:0 auto}@keyframes newsIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.news-icon svg{color:var(--text-primary)}.news-title{color:var(--text-primary);text-shadow:0 2px 8px #ec489933;margin:0 0 1rem;font-size:3rem;font-weight:700}.dark-mode .news-title{color:#fff;text-shadow:0 4px 24px #000c,0 2px 8px #ec489980,0 0 40px #ec48994d;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #00000080);background:linear-gradient(135deg,#fff 0%,#fce7f3 100%);-webkit-background-clip:text;background-clip:text}.news-subtitle{color:var(--text-secondary);margin:0 0 2rem;font-size:1.25rem;line-height:1.6}.search-container{align-items:center;gap:.5rem;max-width:600px;margin:0 auto;display:flex}.search-icon{width:24px;min-width:24px;height:24px;color:var(--text-secondary)}.search-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;outline:none;flex:1;padding:.875rem 3.5rem .875rem 1rem;font-size:1rem;transition:all .2s}.dark-mode .search-input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.dark-mode .search-input::placeholder{color:#ffffff80}.dark-mode .search-input:focus{background:#ffffff26;box-shadow:0 0 0 3px #ec48991a,0 4px 12px #0003}.search-clear{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.dark-mode .search-clear{color:#ffffffb3;background:#ffffff1a}.search-clear svg{width:16px;height:16px}.search-clear:hover{background:var(--bg-card);color:var(--text-primary)}.dark-mode .search-clear:hover{color:#fff;background:#fff3}.news-content{z-index:2;flex:1;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:0 3rem 4rem;display:flex;position:relative}.release-notes-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;flex:1;max-width:900px;padding:3rem;box-shadow:0 2px 8px #0000000d}.dark-mode .release-notes-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.loading-state,.error-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:64px 32px;display:flex}.loading-state p,.error-state p{color:var(--text-secondary);margin-top:1.5rem;font-size:1.125rem}.error-state svg{color:#ef4444;width:64px;height:64px;margin-bottom:1rem}.retry-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border:none;border-radius:12px;margin-top:1.5rem;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #ec48994d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.markdown-content{color:var(--text-primary);line-height:1.4}.markdown-content h1{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin:2rem 0 1.5rem;padding-bottom:.75rem;font-size:2.5rem;font-weight:700}.dark-mode .markdown-content h1{color:#fff;text-shadow:0 2px 8px #0000004d;border-bottom:2px solid #ec48994d}.markdown-content h2{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:1.5rem 0 .75rem;padding-bottom:.5rem;font-size:2rem;font-weight:600}.dark-mode .markdown-content h2{color:#fff;text-shadow:0 2px 4px #0003;border-bottom:1px solid #8b5cf64d}.markdown-content h3{color:var(--text-primary);margin:1.25rem 0 .5rem;font-size:1.5rem;font-weight:600}.dark-mode .markdown-content h3{color:#fce7f3}.markdown-content h4{color:var(--text-primary);margin:1rem 0 .4rem;font-size:1.25rem;font-weight:700}.dark-mode .markdown-content h4{color:#fff}.markdown-content h5{color:var(--text-primary);margin:.75rem 0 .3rem;font-size:1.1rem;font-weight:600}.dark-mode .markdown-content h5{color:#fce7f3}.markdown-content p{color:var(--text-secondary);margin:.5rem 0;font-size:1rem}.markdown-content ul,.markdown-content ol{color:var(--text-secondary);margin:.5rem 0;padding-left:2rem}.markdown-content li{margin:0;line-height:1.4}.markdown-content li::marker{color:#ec4899}.markdown-content strong{color:var(--text-primary);font-weight:600}.dark-mode .markdown-content strong{color:#fff}.markdown-content em{color:var(--text-secondary);font-style:italic}.dark-mode .markdown-content em{color:#fce7f3}.markdown-content code{background:var(--bg-secondary);border:1px solid var(--border-color);color:#d97706;border-radius:6px;padding:3px 8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9em}.dark-mode .markdown-content code{color:#fbbf24;background:#0000004d;border:1px solid #ec489933}.markdown-content pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto;box-shadow:0 2px 4px #0000000d}.dark-mode .markdown-content pre{background:#0006;border:1px solid #ec489933;box-shadow:0 4px 12px #0000004d}.markdown-content pre code{color:var(--text-primary);background:0 0;border:none;padding:0}.dark-mode .markdown-content pre code{color:#d1d5db}.markdown-content a{color:#ec4899;border-bottom:1px solid #ec48994d;text-decoration:none;transition:all .2s}.markdown-content a:hover{color:#8b5cf6;border-bottom-color:#8b5cf680}.markdown-content .markdown-image{border:1px solid var(--border-color);border-radius:12px;max-width:100%;height:auto;margin:1.5rem 0;transition:all .3s;box-shadow:0 2px 8px #0000001a}.dark-mode .markdown-content .markdown-image{border:1px solid #ec489933;box-shadow:0 8px 24px #0006}.markdown-content .markdown-image:hover{transform:scale(1.02);box-shadow:0 4px 16px #00000026}.dark-mode .markdown-content .markdown-image:hover{box-shadow:0 12px 32px #ec48994d}.markdown-content table{border-collapse:collapse;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;margin:2rem 0;overflow:hidden}.dark-mode .markdown-content table{background:#0003;border:none}.markdown-content table th,.markdown-content table td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem}.dark-mode .markdown-content table th,.dark-mode .markdown-content table td{border-bottom:1px solid #ffffff1a}.markdown-content table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.dark-mode .markdown-content table th{color:#fff;background:#ec489933}.markdown-content table tr:last-child td{border-bottom:none}.markdown-content blockquote{color:var(--text-secondary);background:var(--bg-secondary);border-left:4px solid #ec4899;border-radius:0 12px 12px 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.dark-mode .markdown-content blockquote{background:#ec48990d}.markdown-content hr{border:none;border-top:1px solid var(--border-color);margin:3rem 0}.dark-mode .markdown-content hr{border-top:1px solid #ffffff1a}@media (max-width:768px){.news-hero{padding:3rem 1.5rem 1.5rem}.news-title{font-size:2rem}.news-subtitle{font-size:1rem}.news-icon{width:80px;height:80px}.news-icon svg{width:48px;height:48px}.news-content{padding:0 1.5rem 3rem}.release-notes-container{padding:2rem 1.5rem}.markdown-content h1{font-size:1.875rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.25rem}.news-back-button{top:16px;left:16px}.news-content{flex-direction:column}.version-navigation{width:100%;margin-top:2rem;position:static}}.version-navigation{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:240px;height:-moz-fit-content;height:fit-content;padding:1.5rem;position:sticky;top:2rem;box-shadow:0 2px 8px #0000000d}.dark-mode .version-navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 4px 16px #0003}.version-nav-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.75rem;font-size:.875rem;font-weight:600}.dark-mode .version-nav-header{color:#ffffff80;border-bottom:1px solid #ffffff1a}.version-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.version-link{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;position:relative}.dark-mode .version-link{color:#ffffffb3}.version-link:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translate(4px)}.dark-mode .version-link:hover{color:#fff;background:#ffffff1a}.version-link.active{color:#ec4899;background:#ec48991a;font-weight:600}.dark-mode .version-link.active{color:#fff;background:linear-gradient(135deg,#ec48994d 0%,#8b5cf64d 100%)}.version-link.active:before{content:"";background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.discover-page{background:var(--bg-primary);--primary-blue:#1976d2;--primary-purple:#7c3aed;flex-direction:column;width:100%;height:auto;min-height:100vh;display:flex;position:relative;overflow:hidden auto}.discover-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#1976d208 0%,#3b82f605 40%,#0000 70%);animation:15s infinite discoverGradient;position:absolute;inset:0}.dark-mode .discover-page:before,.theme-noctis .discover-page:before,.theme-github .discover-page:before,.theme-synthwave .discover-page:before,.theme-hackerx-green .discover-page:before,.theme-hackerx-ocean .discover-page:before,.theme-catppuccin-frappe .discover-page:before,.theme-catppuccin-macchiato .discover-page:before,.theme-catppuccin-mocha .discover-page:before{background:radial-gradient(circle at 50% 0,#7c3aed66 0%,#00b4d84d 40%,#16213e80 70%,#0000 100%)}@keyframes discoverGradient{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.discover-hero{z-index:2;text-align:center;padding:4rem 3rem 2rem;position:relative}.discover-hero-content{max-width:800px;margin:0 auto}.discover-icon{background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-purple)100%);border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:2rem;animation:3s ease-in-out infinite discoverIconFloat;display:inline-flex;box-shadow:0 8px 32px #7c3aed4d}@keyframes discoverIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.discover-icon svg{color:#fff}.discover-title{color:#fff;text-shadow:0 4px 24px #000c,0 2px 8px #7c3aed80,0 0 40px #7c3aed4d;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #00000080);background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:3rem;font-weight:700}.discover-subtitle{color:var(--text-secondary);margin:0;font-size:1.25rem;line-height:1.6}.discover-content{z-index:2;flex:1;padding:0 3rem 4rem;position:relative}.discover-section{margin-bottom:4rem}.section-header{margin-bottom:3rem}.section-header-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;display:flex}.section-header-text{text-align:left;flex:1}.section-title{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}.refresh-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.refresh-button:hover:not(:disabled){background:var(--shade-medium);border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed33}.refresh-button:active:not(:disabled){transform:translateY(0)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button svg{transition:transform .6s}.refresh-button:hover:not(:disabled) svg{transform:rotate(180deg)}.discover-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}@keyframes discoverSpin{to{transform:rotate(360deg)}}.discover-loading p{color:var(--text-secondary);font-size:1rem}.discover-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{color:var(--text-tertiary);opacity:.5;margin-bottom:1rem}.discover-empty h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.discover-empty p{color:var(--text-secondary);margin:0;font-size:1rem}.featured-projects-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.featured-project-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.featured-project-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#7c3aed1a 0%,#00b4d81a 100%);transition:opacity .4s;position:absolute;inset:0}.featured-project-card:hover{border-color:var(--primary-blue);transform:translateY(-8px);box-shadow:0 12px 48px #7c3aed4d}.featured-project-card:hover:before{opacity:1}.featured-card-1:hover{box-shadow:0 12px 48px #7c3aed4d}.featured-card-2:hover{box-shadow:0 12px 48px #00b4d84d}.featured-card-3:hover{box-shadow:0 12px 48px #ec48994d}.featured-card-4:hover{box-shadow:0 12px 48px #fb923c4d}.featured-card-5:hover{box-shadow:0 12px 48px #22c55e4d}.featured-project-thumbnail{background:var(--shade-dark);width:100%;height:240px;position:relative;overflow:hidden}.featured-project-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.featured-project-card:hover .featured-project-thumbnail img{transform:scale(1.1)}.thumbnail-placeholder{background:linear-gradient(135deg,var(--shade-dark)0%,var(--shade-medium)100%);width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.featured-project-overlay{opacity:0;background:linear-gradient(#0000 0%,#000c 100%);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.featured-project-card:hover .featured-project-overlay{opacity:1}.overlay-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .4s;display:flex;transform:translateY(20px)}.featured-project-card:hover .overlay-content{transform:translateY(0)}.featured-project-info{padding:1.5rem}.featured-project-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;overflow:hidden}.featured-project-meta{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.featured-project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-tag{background:var(--shade-medium);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.project-tag svg{opacity:.7}.discover-cta{margin-top:4rem;padding:2rem 0}.cta-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;max-width:600px;margin:0 auto;padding:3rem 2rem;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#7c3aed1a 0%,#00b4d81a 50%,#ec48991a 100%);width:200%;height:200%;animation:10s linear infinite ctaGradientRotate;position:absolute;top:-50%;left:-50%}@keyframes ctaGradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-icon{z-index:1;background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-purple)100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:inline-flex;position:relative;box-shadow:0 8px 32px #7c3aed4d}.cta-icon svg{color:#fff}.cta-title{z-index:1;color:var(--text-primary);margin:0 0 1rem;font-size:2rem;font-weight:700;position:relative}.cta-description{z-index:1;color:var(--text-secondary);margin:0 0 2rem;font-size:1.125rem;line-height:1.6;position:relative}.cta-button{z-index:1;background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-purple)100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 4px 16px #7c3aed4d}.cta-button:active{transform:translateY(0)}@media (max-width:768px){.discover-hero{padding:3rem 1.5rem 1.5rem}.discover-icon{width:80px;height:80px}.discover-icon svg{width:48px;height:48px}.discover-title{font-size:2rem}.discover-subtitle{font-size:1rem}.discover-content{padding:0 1.5rem 3rem}.section-title{font-size:1.5rem}.section-description{font-size:1rem}.section-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.refresh-button{justify-content:center;width:100%}.featured-projects-gallery{grid-template-columns:1fr;gap:1.5rem}.project-card{max-width:500px;margin:0 auto}.featured-project-thumbnail{height:200px}.cta-card{padding:2rem 1.5rem}.cta-title{font-size:1.5rem}.cta-description{font-size:1rem}.cta-button{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width:1400px){.featured-projects-gallery{gap:1.5rem}}@media (min-width:1201px){.featured-projects-gallery{grid-template-columns:repeat(3,1fr)}}.theme-monokai .discover-title,.theme-catppuccin-latte .discover-title,.theme-light-high-contrast .discover-title,:root .discover-title{-webkit-text-fill-color:transparent;text-shadow:none;filter:none;background:linear-gradient(135deg,#1e40af 0%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text}.memories-page{box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;height:100%;margin:0 auto;padding:32px 40px;display:flex}.memories-header{margin-bottom:24px}.memories-title-row{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:6px;display:flex}.memories-title{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.memories-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.memories-toolbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.memories-search-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.memories-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.memories-search-input::placeholder{color:var(--text-tertiary,var(--text-secondary))}.memories-search-clear{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.memories-search-clear:hover{color:var(--text-primary)}.memories-new-btn{background:var(--accent-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.memories-new-btn:hover{opacity:.88}.memories-content{flex:1;overflow-y:auto}.memories-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}@keyframes memories-spin{to{transform:rotate(360deg)}}.memories-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite memories-spin}.memories-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.memories-empty p{margin:0}.memories-list{flex-direction:column;gap:8px;display:flex}.memory-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;align-items:stretch;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.memory-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.memory-item.deleting{background:#ef44440f;border-color:#ef4444}.memory-item-main{cursor:pointer;text-align:left;min-width:0;color:var(--text-primary);background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:none!important;transform:none!important}.memory-item-main:disabled{cursor:default;opacity:1!important;color:var(--text-primary)!important}.memory-item-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.memory-name-row{align-items:center;gap:8px;min-width:0;display:flex}.memory-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.memory-type-badge{letter-spacing:.02em;text-transform:capitalize;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.memory-type-badge--chat{color:#818cf8;background:#6366f11f}.memory-type-badge--code{color:#fb923c;background:#fb923c1f}.memory-type-badge--playbook{color:#4ade80;background:#22c55e1f}.memory-project{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.memory-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.memory-date{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:12px}.memory-rename-input{background:var(--bg-primary);border:1px solid var(--accent-primary);width:100%;color:var(--text-primary);border-radius:5px;outline:none;padding:4px 8px;font-size:14px}.memory-actions{opacity:0;align-items:center;gap:2px;padding:0 8px;transition:opacity .15s;display:flex}.memory-item.editing .memory-actions,.memory-item.deleting .memory-actions,.memory-item:hover .memory-actions{opacity:1}.mem-action-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.mem-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mem-action-confirm{color:#22c55e}.mem-action-confirm:hover{color:#22c55e;background:#22c55e1f}.mem-action-delete-confirm{color:#ef4444}.mem-action-delete-confirm:hover,.mem-action-delete:hover{color:#ef4444;background:#ef44441f}@media (max-width:600px){.memories-page{padding:20px 16px}.memories-toolbar{flex-direction:column;align-items:stretch}.memories-new-btn{justify-content:center}}.theme-settings{max-width:900px;margin:0 auto;padding:24px}.theme-section{border-bottom:1px solid #2a2a2a;margin-bottom:32px;padding-bottom:24px}.theme-section:last-child{border-bottom:none}.theme-section-title{color:#f5f5f5;margin:0 0 8px;font-size:24px;font-weight:600}.theme-section-description{color:#a0a0a0;margin:0 0 24px;font-size:14px}.theme-mode-controls{flex-direction:column;gap:16px;margin-top:20px;display:flex}.theme-mode-switch{background:#1c1c1c;border-radius:8px;gap:8px;width:-moz-fit-content;width:fit-content;padding:4px;display:flex}.theme-monokai .theme-mode-switch,.theme-catppuccin-latte .theme-mode-switch,.theme-light-high-contrast .theme-mode-switch,:root:not(.dark-mode) .theme-mode-switch{background:#e5e7eb}.theme-mode-button{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.theme-monokai .theme-mode-button,.theme-catppuccin-latte .theme-mode-button,.theme-light-high-contrast .theme-mode-button,:root:not(.dark-mode) .theme-mode-button{color:#4b5563}.theme-mode-button:hover:not(:disabled){color:#f5f5f5;background:#2a2a2a}:root:not(.dark-mode) .theme-mode-button:hover:not(:disabled),.theme-monokai .theme-mode-button:hover:not(:disabled),.theme-catppuccin-latte .theme-mode-button:hover:not(:disabled),.theme-light-high-contrast .theme-mode-button:hover:not(:disabled){color:#111827;background:#d1d5db}.theme-mode-button.active{background:var(--accent-color,#3b82f6);color:#fff}.theme-mode-button.active,.theme-monokai .theme-mode-button.active,.theme-catppuccin-latte .theme-mode-button.active,.theme-light-high-contrast .theme-mode-button.active,:root:not(.dark-mode) .theme-mode-button.active{color:#fff!important}.theme-mode-button:disabled{opacity:.5;cursor:not-allowed}.theme-mode-button svg{width:16px;height:16px}.system-settings-checkbox{cursor:pointer;color:#f5f5f5;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.theme-monokai .system-settings-checkbox,.theme-catppuccin-latte .system-settings-checkbox,.theme-light-high-contrast .system-settings-checkbox,:root:not(.dark-mode) .system-settings-checkbox{color:#1f2937}.system-settings-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-color,#3b82f6)}.system-settings-checkbox:hover{color:var(--accent-color,#3b82f6)}.theme-subsection-title{color:#f5f5f5;margin:0 0 16px;font-size:16px;font-weight:500}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}@media (min-width:768px){.theme-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.theme-grid{grid-template-columns:repeat(4,1fr)}}.theme-card{cursor:pointer;text-align:left;background:#1c1c1c;border:2px solid #2a2a2a;border-radius:12px;padding:0;transition:all .2s;position:relative;overflow:hidden}.theme-card:hover{border-color:var(--accent-color,#3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.theme-card.active{border-color:var(--accent-color,#3b82f6);background:#252525}.theme-preview{border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:100%;height:100px;display:flex;position:relative;overflow:hidden}.theme-preview-text{text-align:center;z-index:1;flex-direction:column;gap:8px;width:100%;padding:16px;display:flex}.theme-preview-text .preview-heading{font-size:14px;font-weight:600}.theme-preview-text .preview-line{font-size:11px}.theme-preview-text .preview-code-inline{border-radius:3px;align-self:center;padding:2px 6px;font-family:Courier New,monospace;font-size:10px}.theme-info{padding:12px 16px}.theme-info h4{color:#f5f5f5;margin:0 0 4px;font-size:14px;font-weight:600}.theme-info p{color:#888;margin:0;font-size:12px;line-height:1.4}.theme-check{background:var(--accent-color,#3b82f6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.accent-colors{flex-wrap:wrap;gap:12px;display:flex}.accent-color-btn{cursor:pointer;border:3px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:relative}.accent-color-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.accent-color-btn.active{border-color:#f5f5f5;box-shadow:0 0 0 2px #2a2a2a,0 0 0 4px #f5f5f5}.accent-check{color:#fff;text-shadow:0 1px 2px #00000080;font-size:20px;font-weight:700}.font-size-options{gap:12px;display:flex}.font-size-btn{color:#f5f5f5;cursor:pointer;background:#1c1c1c;border:2px solid #2a2a2a;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s}.font-size-btn:hover{border-color:var(--accent-color,#3b82f6);background:#252525}.font-size-btn.active{border-color:var(--accent-color,#3b82f6);background:var(--accent-color,#3b82f6);color:#fff}.theme-preview-box{background:#1c1c1c;border:2px solid #2a2a2a;border-radius:12px;padding:24px}.preview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-header h4{color:#f5f5f5;margin:0;font-size:18px;font-weight:600}.preview-button{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s}.preview-button:hover{opacity:.9;transform:translateY(-1px)}.preview-text{font-size:var(--base-font-size,16px);color:#a0a0a0;margin:0 0 16px;line-height:1.6}.preview-code{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;padding:12px}.preview-code code{font-family:Fira Code,Courier New,monospace;font-size:var(--base-font-size,16px);color:var(--accent-color,#3b82f6)}.theme-reset-btn{color:#f5f5f5;cursor:pointer;background:#1c1c1c;border:2px solid #2a2a2a;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s}.theme-reset-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}@media (max-width:768px){.theme-settings{padding:16px}.theme-grid{grid-template-columns:1fr}.accent-colors{justify-content:center}.font-size-options{flex-direction:column}.font-size-btn{width:100%}}[data-theme=light] .theme-settings{color:#0f172a}[data-theme=light] .theme-section{border-bottom-color:#e2e8f0}[data-theme=light] .theme-section-title,[data-theme=light] .theme-subsection-title{color:#0f172a}[data-theme=light] .theme-section-description{color:#475569}[data-theme=light] .theme-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .theme-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1f}[data-theme=light] .theme-card.active{background:#f8fafc;border-color:#2563eb}[data-theme=light] .theme-info h4{color:#0f172a}[data-theme=light] .theme-info p{color:#475569}[data-theme=light] .font-size-btn,[data-theme=light] .theme-preview-box,[data-theme=light] .theme-reset-btn{color:#0f172a;background:#fff;border-color:#e2e8f0}[data-theme=light] .font-size-btn:hover,[data-theme=light] .theme-reset-btn:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .font-size-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=light] .preview-text{color:#475569}[data-theme=light] .preview-code{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.analytics-container{max-width:1400px;margin:0 auto;padding:2rem}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.analytics-header h1{color:var(--text-primary,#1a1a1a);font-size:2rem;font-weight:600}.analytics-controls{align-items:center;gap:1rem;display:flex}.timeframe-selector{gap:.5rem;display:flex}.timeframe-selector button{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-primary,#fff);color:var(--text-secondary,#666);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.timeframe-selector button:hover{background:var(--bg-hover,#f5f5f5)}.timeframe-selector button.active{background:var(--primary-color,#5046e4);color:#fff;border-color:var(--primary-color,#5046e4)}.analytics-actions{gap:.5rem;display:flex}.refresh-btn,.live-update-btn{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-primary,#fff);color:var(--text-secondary,#666);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.refresh-btn:hover:not(:disabled),.live-update-btn:hover{background:var(--bg-hover,#f5f5f5);border-color:var(--primary-color,#5046e4)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.live-update-btn.active{color:#dc2626;background:#ef44441a;border-color:#dc2626;animation:2s ease-in-out infinite pulse}.analytics-loading,.analytics-error{text-align:center;color:var(--text-secondary,#666);padding:3rem;font-size:1.1rem}.analytics-error{color:var(--error-color,#dc3545)}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.analytics-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;padding:1.5rem;transition:box-shadow .2s;box-shadow:0 2px 8px #0000000d}.analytics-card:hover{box-shadow:0 4px 12px #0000001a}.analytics-card.wide{grid-column:span 2}.card-title{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.card-value{color:var(--text-primary,#1a1a1a);margin-bottom:.25rem;font-size:1rem;font-weight:700}.card-subtitle{color:var(--text-tertiary,#999);font-size:.875rem}.event-types-table{overflow-x:auto}.event-types-table table{border-collapse:collapse;width:100%}.event-types-table th{text-align:left;color:var(--text-secondary,#666);border-bottom:2px solid var(--border-color,#e0e0e0);padding:.75rem;font-size:.875rem;font-weight:600}.event-types-table td{border-bottom:1px solid var(--border-light,#f0f0f0);color:var(--text-primary,#1a1a1a);padding:.75rem}.event-types-table tr:hover{background:var(--bg-hover,#f9f9f9)}.feature-list{flex-direction:column;gap:.75rem;display:flex}.feature-item{background:var(--bg-secondary,#f9f9f9);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.feature-name{color:var(--text-primary,#1a1a1a);font-weight:500}.feature-count{color:var(--primary-color,#5046e4);background:var(--primary-light,#e8e6ff);border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.activity-breakdown{flex-direction:column;gap:1rem;display:flex}.activity-item{flex-direction:column;gap:.5rem;display:flex}.activity-label{color:var(--text-primary,#1a1a1a);justify-content:space-between;font-size:.875rem;font-weight:500;display:flex}.activity-bar{background:var(--bg-secondary,#f0f0f0);border-radius:4px;height:8px;overflow:hidden}.activity-bar-fill{background:linear-gradient(90deg,var(--primary-color,#5046e4),var(--secondary-color,#7c3aed));border-radius:4px;height:100%;transition:width .3s}.empty-state{text-align:center;color:var(--vscode-descriptionForeground);padding:2rem}.empty-state p{margin-bottom:1rem}.empty-state code{background:var(--vscode-input-background);border-radius:3px;margin:.25rem 0;padding:.25rem .5rem;font-size:.85rem;display:inline-block}.empty-hint{color:var(--vscode-descriptionForeground);margin-left:.5rem;font-size:.85rem;font-weight:400}.chart-container{margin-top:1rem}.bar-chart{flex-direction:column;gap:1rem;display:flex}.chart-bar-item{flex-direction:column;gap:.5rem;display:flex}.chart-bar-label{justify-content:space-between;align-items:center;display:flex}.chart-bar-name{color:var(--vscode-foreground);font-size:.9rem;font-weight:500}.chart-bar-value{color:var(--vscode-descriptionForeground);font-size:.9rem;font-weight:600}.chart-bar-container{background:var(--vscode-input-background);border-radius:6px;height:32px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.chart-bar-fill{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px #667eea4d}.chart-bar-fill:after{content:"";background:linear-gradient(90deg,#ffffff1a 0%,#fff0 100%);position:absolute;inset:0}.quick-stats{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.quick-stat-item{background:var(--vscode-input-background);border-left:3px solid var(--vscode-button-background);border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.quick-stat-label{color:var(--vscode-descriptionForeground);font-size:.85rem}.quick-stat-value{color:var(--vscode-foreground);font-size:1.1rem;font-weight:600}.info-card{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border:1px solid #667eea4d}.info-content{margin-top:1rem;line-height:1.6}.info-content p{color:var(--vscode-foreground);margin-bottom:.75rem}.info-content ul{margin:1rem 0;padding-left:0;list-style:none}.info-content li{background:var(--vscode-input-background);border-radius:4px;margin-bottom:.5rem;padding:.5rem}.info-content code{color:#a5d6ff;background:#0000004d;border-radius:3px;padding:.2rem .4rem;font-size:.85rem}.info-content a{color:var(--vscode-textLink-foreground);text-decoration:none}.info-content a:hover{text-decoration:underline}@media (max-width:768px){.analytics-container{padding:1rem}.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-grid{grid-template-columns:1fr}.analytics-card.wide{grid-column:span 1}.card-value{font-size:1rem}}.dark-mode .analytics-header h1{color:var(--text-primary)}.dark-mode .analytics-card{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .card-title{color:var(--text-secondary)}.dark-mode .card-value,.dark-mode .event-types-table td,.dark-mode .feature-name,.dark-mode .activity-label{color:var(--text-primary)}.dark-mode .feature-item{background:var(--bg-secondary)}.dark-mode .event-types-table tr:hover{background:var(--bg-hover)}.privacy-container{max-width:900px;margin:0 auto;padding:2rem}.privacy-container h1{color:var(--text-primary,#1a1a1a);margin-bottom:.5rem;font-size:2rem;font-weight:600}.privacy-description{color:var(--text-secondary,#666);margin-bottom:2rem;font-size:1rem}.privacy-section{flex-direction:column;gap:1.5rem;display:flex}.privacy-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.privacy-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.privacy-card-header h2{color:var(--text-primary,#1a1a1a);margin:0;font-size:1.25rem;font-weight:600}.privacy-card-description{color:var(--text-secondary,#666);margin-bottom:1rem;line-height:1.6}.privacy-list{margin:0;padding:0;list-style:none}.privacy-list li{border-bottom:1px solid var(--border-light,#f0f0f0);color:var(--text-primary,#1a1a1a);padding:.75rem 0;line-height:1.6}.privacy-list li:last-child{border-bottom:none}.privacy-list li strong{color:var(--primary-color,#5046e4);font-weight:600}.privacy-note{background:var(--bg-info,#e8f4fd);border-left:3px solid var(--info-color,#0288d1);color:var(--text-primary,#1a1a1a);border-radius:4px;margin-top:1rem;padding:1rem;font-size:.875rem}.privacy-info{background:var(--bg-secondary,#f9f9f9);border-radius:8px;margin-top:1rem;padding:1rem}.info-item{justify-content:space-between;align-items:center;display:flex}.info-label{color:var(--text-secondary,#666);font-weight:500}.info-value{color:var(--primary-color,#5046e4);font-weight:600}.switch{width:48px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--toggle-bg-off,#ccc);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color,#5046e4)}input:checked+.slider:before{transform:translate(24px)}.clear-data-button{background:var(--error-color,#dc3545);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.clear-data-button:hover{background:var(--error-dark,#c82333);transform:translateY(-1px);box-shadow:0 4px 8px #dc354533}.clear-confirm{background:var(--bg-warning,#fff3cd);border-left:3px solid var(--warning-color,#ffc107);border-radius:8px;margin-top:1rem;padding:1rem}.clear-confirm p{color:var(--text-primary,#1a1a1a);margin:0 0 1rem;font-weight:500}.clear-confirm-buttons{gap:.75rem;display:flex}.confirm-button{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-primary,#fff);color:var(--text-primary,#1a1a1a);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.confirm-button:hover{background:var(--bg-hover,#f5f5f5)}.confirm-button.danger{background:var(--error-color,#dc3545);color:#fff;border-color:var(--error-color,#dc3545)}.confirm-button.danger:hover{background:var(--error-dark,#c82333)}@media (max-width:768px){.privacy-container{padding:1rem}.privacy-container h1{font-size:1.5rem}.privacy-card{padding:1rem}.clear-confirm-buttons{flex-direction:column}.confirm-button{width:100%}}.dark-mode .privacy-container h1,.dark-mode .privacy-card-header h2,.dark-mode .privacy-list li,.dark-mode .clear-confirm p{color:var(--text-primary)}.dark-mode .privacy-description,.dark-mode .privacy-card-description,.dark-mode .info-label{color:var(--text-secondary)}.dark-mode .privacy-card{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .privacy-note{background:var(--info-bg);border-left-color:var(--info-color)}.dark-mode .privacy-info{background:var(--bg-secondary)}.dark-mode .clear-confirm{background:var(--warning-bg)}.dark-mode .confirm-button{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.dark-mode .confirm-button:hover{background:var(--bg-hover)}.billing-page{max-width:1400px;margin:0 auto;padding:2rem}.billing-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.billing-header h1{margin:0;font-size:2rem;font-weight:600}.billing-subtitle{color:var(--text-secondary,#666);margin:.5rem 0 0;font-size:.95rem}.billing-controls{align-items:center;gap:.75rem;display:flex}.billing-refresh-btn{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-card,var(--bg-secondary,#1a1a2e));color:var(--text-primary,#333);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:.5rem .75rem;font-size:1.2rem;transition:all .2s;display:flex}.billing-refresh-btn:hover:not(:disabled){background:var(--bg-hover,#f0f0f0);transform:rotate(90deg)}.billing-refresh-btn:active:not(:disabled){transform:rotate(180deg)}.billing-refresh-btn:disabled{opacity:.5;cursor:not-allowed;animation:1s linear infinite spin}.billing-time-range-selector{background:var(--bg-secondary,#f5f5f5);border-radius:8px;gap:.5rem;padding:4px;display:flex}.billing-time-range-selector button{color:var(--text-primary,#333);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.billing-time-range-selector button:hover{background:var(--bg-hover,#e0e0e0)}.billing-time-range-selector button.active{background:var(--accent-primary,#007bff);color:#fff}.billing-navigation{background:var(--bg-card,var(--bg-secondary,#1a1a2e));border:1px solid var(--border-color,#e0e0e0);border-radius:12px;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.billing-nav-btn{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-card,var(--bg-secondary,#1a1a2e));color:var(--text-primary,#333);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.billing-nav-btn:hover:not(:disabled){background:var(--bg-hover,#f5f5f5);border-color:var(--accent-primary,#007bff)}.billing-nav-btn:disabled{opacity:.5;cursor:not-allowed}.billing-current-period{color:var(--text-primary,#333);text-align:center;min-width:300px;font-size:1.1rem;font-weight:600}.billing-today-btn{border:1px solid var(--accent-primary,#007bff);background:var(--accent-primary,#007bff);color:#fff;cursor:pointer;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.billing-today-btn:hover:not(:disabled){background:var(--accent-hover,#0056b3)}.billing-custom-range{background:var(--bg-card,var(--bg-secondary,#1a1a2e));border:1px solid var(--border-color,#e0e0e0);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.billing-date-inputs{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.billing-date-input-group{flex-direction:column;gap:.5rem;display:flex}.billing-date-input-group label{color:var(--text-primary,#333);font-size:.9rem;font-weight:600}.billing-date-input-group input[type=date]{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-card,var(--bg-secondary,#1a1a2e));color:var(--text-primary,#333);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:8px;min-width:200px;padding:.6rem 1rem;font-size:.95rem}.billing-date-input-group input[type=date]:focus{border-color:var(--accent-primary,#007bff);outline:none;box-shadow:0 0 0 3px #007bff1a}.billing-apply-btn{border:1px solid var(--accent-primary,#007bff);background:var(--accent-primary,#007bff);color:#fff;cursor:pointer;border-radius:8px;align-self:flex-end;padding:.6rem 2rem;font-size:.95rem;font-weight:600;transition:all .2s}.billing-apply-btn:hover:not(:disabled){background:var(--accent-hover,#0056b3);border-color:var(--accent-hover,#0056b3)}.billing-apply-btn:disabled{opacity:.5;cursor:not-allowed}.billing-summary-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.billing-card{background:var(--bg-card,var(--bg-secondary,#1a1a2e));border:1px solid var(--border-color,#e0e0e0);border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.billing-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.billing-card-icon{background:var(--bg-tertiary,#f0f0f0);width:56px;height:56px;color:var(--accent-primary,#007bff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.billing-card-content{flex:1}.billing-card-content h3{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.9rem;font-weight:500}.billing-card-value{color:var(--text-primary,#333);margin-bottom:.25rem;font-size:2rem;font-weight:700}.billing-card-subtitle{color:var(--text-tertiary,#999);font-size:.85rem}.billing-chart{background:var(--bg-card,var(--bg-secondary,#1a1a2e));border:1px solid var(--border-color,#e0e0e0);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.billing-chart h3{margin:0 0 1.5rem;font-size:1.2rem;font-weight:600}.billing-chart-bars{justify-content:space-between;align-items:flex-end;gap:8px;height:180px;margin-bottom:1rem;display:flex}.billing-empty-chart{height:200px;color:var(--text-secondary,#666);justify-content:center;align-items:center;font-size:.95rem;display:flex}.billing-chart-bar-container{flex-direction:column;flex:1;align-items:center;gap:.25rem;padding-top:25px;display:flex;position:relative}.billing-chart-bar{background:0 0;border-radius:4px 4px 0 0;flex-direction:column-reverse;width:100%;transition:all .3s;display:flex;position:relative;overflow:visible}.billing-chart-bar-empty{justify-content:center;align-items:flex-end;width:100%;height:10px;display:flex}.billing-chart-bar-placeholder{background:var(--border-color,#e0e0e0);opacity:.5;border-radius:1px;width:100%;height:2px}.billing-chart-bar:hover{opacity:.8}.billing-chart-bar-input{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px 4px 0 0;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;box-shadow:0 2px 4px #00000026}.billing-chart-bar-output{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:0 0 4px 4px;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;box-shadow:0 2px 4px #00000026}.billing-chart-bar-text{color:#fff;text-shadow:0 1px 2px #0000004d;z-index:1;font-size:.7rem;font-weight:600}.billing-chart-bar-total{color:var(--text-primary,#333);white-space:nowrap;font-size:.75rem;font-weight:600;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.billing-chart-label{color:var(--text-tertiary,#999);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:.25rem;font-size:.75rem;overflow:hidden}.billing-chart-legend{justify-content:center;gap:2rem;margin-top:1rem;font-size:.9rem;display:flex}.billing-chart-legend span{align-items:center;gap:.5rem;display:flex}.legend-color{border-radius:3px;width:16px;height:16px;display:inline-block}.legend-input{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.legend-output{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.billing-table-container{background:var(--bg-card,var(--bg-secondary,#1a1a2e));border:1px solid var(--border-color,#e0e0e0);border-radius:12px;margin-bottom:2rem;overflow:hidden}.billing-table{border-collapse:collapse;width:100%}.billing-table thead{background:var(--bg-secondary,#f5f5f5)}.billing-table th{text-align:left;color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.9rem;font-weight:600}.billing-table td{border-top:1px solid var(--border-color,#e0e0e0);padding:1rem;font-size:.95rem}.billing-table tbody tr:hover{background:var(--bg-hover,#f9f9f9)}.billing-pricing-info{background:var(--bg-card,var(--bg-secondary,#1a1a2e));border:1px solid var(--border-color,#e0e0e0);border-radius:12px;padding:1.5rem}.billing-pricing-info h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.billing-pricing-info p{color:var(--text-secondary,#666);margin:.5rem 0;line-height:1.6}.billing-note{color:var(--text-tertiary,#999);font-size:.85rem;font-style:italic;margin-top:1rem!important}.billing-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.billing-spinner{border:4px solid var(--border-color,#e0e0e0);border-top-color:var(--accent-primary,#007bff);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite billing-spin}@keyframes billing-spin{to{transform:rotate(360deg)}}.billing-error{text-align:center;background:#fff3cd;border:1px solid #ffc107;border-radius:12px;padding:2rem}.billing-error p{color:#856404;margin:0 0 1rem}.billing-error button{background:var(--accent-primary,#007bff);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.billing-error button:hover{background:var(--accent-hover,#0056b3)}@media (max-width:768px){.billing-page{padding:1rem}.billing-header{flex-direction:column}.billing-header h1{font-size:1.5rem}.billing-summary-cards{grid-template-columns:1fr}.billing-chart-bars{height:150px}.billing-table-container{overflow-x:auto}.billing-table{min-width:600px}.billing-table th,.billing-table td{padding:.75rem .5rem;font-size:.85rem}}.dark-mode .billing-error{background:#3d3418;border-color:#806520}.dark-mode .billing-error p{color:#ffc107}.feedback-form-card{margin-bottom:2rem}.feedback-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:500}.theme-monokai .form-group label,.theme-catppuccin-latte .form-group label,:root .form-group label{color:#374151!important}.dark-mode .form-group label,.theme-noctis .form-group label,.theme-github .form-group label,.theme-synthwave .form-group label,.theme-hackerx-green .form-group label,.theme-hackerx-ocean .form-group label,.theme-catppuccin-frappe .form-group label,.theme-catppuccin-macchiato .form-group label,.theme-catppuccin-mocha .form-group label{color:#e5e7eb!important}.form-group .required{color:var(--color-danger)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:.95rem;transition:all .2s}.theme-monokai .form-group input,.theme-monokai .form-group select,.theme-monokai .form-group textarea,.theme-catppuccin-latte .form-group input,.theme-catppuccin-latte .form-group select,.theme-catppuccin-latte .form-group textarea,:root .form-group input,:root .form-group select,:root .form-group textarea{color:#1f2937!important;background:#fff!important;border:1px solid #e5e7eb!important}:root .form-group input::placeholder,:root .form-group select::placeholder,:root .form-group textarea::placeholder,.theme-monokai .form-group input::placeholder,.theme-monokai .form-group select::placeholder,.theme-monokai .form-group textarea::placeholder,.theme-catppuccin-latte .form-group input::placeholder,.theme-catppuccin-latte .form-group select::placeholder,.theme-catppuccin-latte .form-group textarea::placeholder{color:#9ca3af!important;opacity:1!important}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea,.theme-noctis .form-group input,.theme-noctis .form-group select,.theme-noctis .form-group textarea,.theme-github .form-group input,.theme-github .form-group select,.theme-github .form-group textarea,.theme-synthwave .form-group input,.theme-synthwave .form-group select,.theme-synthwave .form-group textarea,.theme-hackerx-green .form-group input,.theme-hackerx-green .form-group select,.theme-hackerx-green .form-group textarea,.theme-hackerx-ocean .form-group input,.theme-hackerx-ocean .form-group select,.theme-hackerx-ocean .form-group textarea,.theme-catppuccin-frappe .form-group input,.theme-catppuccin-frappe .form-group select,.theme-catppuccin-frappe .form-group textarea,.theme-catppuccin-macchiato .form-group input,.theme-catppuccin-macchiato .form-group select,.theme-catppuccin-macchiato .form-group textarea,.theme-catppuccin-mocha .form-group input,.theme-catppuccin-mocha .form-group select,.theme-catppuccin-mocha .form-group textarea{background:var(--bg-tertiary)!important;color:#e5e7eb!important;border:1px solid #ffffff1a!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--color-danger)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.form-group textarea::placeholder,.form-group input::placeholder,.form-group select::placeholder,.dark-mode .form-group textarea::placeholder,.dark-mode .form-group input::placeholder,.dark-mode .form-group select::placeholder,.theme-noctis .form-group textarea::placeholder,.theme-noctis .form-group input::placeholder,.theme-noctis .form-group select::placeholder,.theme-github .form-group textarea::placeholder,.theme-github .form-group input::placeholder,.theme-github .form-group select::placeholder,.theme-synthwave .form-group textarea::placeholder,.theme-synthwave .form-group input::placeholder,.theme-synthwave .form-group select::placeholder,.theme-hackerx-green .form-group textarea::placeholder,.theme-hackerx-green .form-group input::placeholder,.theme-hackerx-green .form-group select::placeholder,.theme-hackerx-ocean .form-group textarea::placeholder,.theme-hackerx-ocean .form-group input::placeholder,.theme-hackerx-ocean .form-group select::placeholder,.theme-catppuccin-frappe .form-group textarea::placeholder,.theme-catppuccin-frappe .form-group input::placeholder,.theme-catppuccin-frappe .form-group select::placeholder,.theme-catppuccin-macchiato .form-group textarea::placeholder,.theme-catppuccin-macchiato .form-group input::placeholder,.theme-catppuccin-macchiato .form-group select::placeholder,.theme-catppuccin-mocha .form-group textarea::placeholder,.theme-catppuccin-mocha .form-group input::placeholder,.theme-catppuccin-mocha .form-group select::placeholder{color:#9ca3af;opacity:1}.form-hint{color:var(--text-secondary);font-size:.85rem}.theme-monokai .form-hint,.theme-catppuccin-latte .form-hint,:root .form-hint{color:#6b7280!important}.error-message{color:var(--color-danger);align-items:center;gap:.25rem;font-size:.85rem;display:flex}.file-upload-area{position:relative}.file-input{opacity:0;width:0;height:0;position:absolute}.file-upload-label{border:2px dashed var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;transition:all .2s;display:flex}.file-upload-label:hover{border-color:var(--color-primary);background:var(--bg-hover)}.file-upload-label svg{color:var(--text-secondary)}.file-upload-label span{color:var(--text-primary);font-weight:500}.file-upload-label small{color:var(--text-secondary);font-size:.85rem}.file-input:disabled+.file-upload-label{opacity:.6;cursor:not-allowed;pointer-events:none}.image-previews{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem;display:grid}.preview-item{aspect-ratio:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;position:relative;overflow:hidden}.preview-item img{object-fit:cover;width:100%;height:100%}.remove-preview-btn{color:#fff;cursor:pointer;z-index:2;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.remove-preview-btn:hover{background:#ef4444e6;transform:scale(1.1)}.remove-preview-btn:disabled{opacity:.5;cursor:not-allowed}.preview-filename{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#000000b3);padding:.5rem;font-size:.75rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.form-actions{justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.submit-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.submit-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn .spinning{animation:1s linear infinite spin}@media (max-width:768px){.image-previews{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.form-actions{flex-direction:column}.submit-btn{justify-content:center;width:100%}}.feedback-list-container{flex-direction:column;gap:1.5rem;display:flex}.feedback-filters{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;align-items:flex-end;gap:1rem;padding:1.5rem;display:flex}.filter-group{flex-direction:column;flex:0 0 200px;gap:.5rem;display:flex}.filter-group label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.filter-group select{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.625rem;font-size:.9rem;transition:all .2s}.filter-group select:hover{border-color:var(--color-primary)}.filter-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.filter-stats{align-items:center;margin-left:auto;display:flex}.stats-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.loading-state,.empty-state{text-align:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-state svg,.empty-state svg{color:var(--text-secondary);margin-bottom:1rem}.loading-state .spinning{animation:1s linear infinite spin}.empty-state h3{color:var(--text-primary);margin:.5rem 0;font-size:1.25rem}.empty-state p{color:var(--text-secondary);margin:0}.feedback-table{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.feedback-table table{border-collapse:collapse;width:100%}.feedback-table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.feedback-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.85rem;font-weight:600}.feedback-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.feedback-table tbody tr:last-child{border-bottom:none}.feedback-table tbody tr:hover{background:var(--bg-hover)}.feedback-table td{color:var(--text-primary);padding:1rem;font-size:.9rem}.category-badge{background:var(--bg-secondary);text-transform:capitalize;border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.subject-cell{align-items:center;gap:.5rem;display:flex}.subject-text{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:500;overflow:hidden}.attachment-badge{background:var(--color-primary);color:#fff;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.user-cell{flex-direction:column;gap:.25rem;display:flex}.user-name{font-weight:500}.user-email{color:var(--text-secondary);font-size:.8rem}.status-badge{text-transform:capitalize;border-radius:6px;padding:.375rem .75rem;font-size:.85rem;font-weight:500;display:inline-block}.status-pending{color:#eab308;background:#eab3081a}.status-in-review{color:#3b82f6;background:#3b82f61a}.status-resolved{color:#22c55e;background:#22c55e1a}.status-closed{color:#6b7280;background:#6b72801a}.date-text{color:var(--text-secondary);font-size:.85rem}.comments-count{color:var(--text-secondary);align-items:center;gap:.375rem;display:inline-flex}.view-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.view-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.pagination-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media (max-width:1024px){.feedback-table{overflow-x:auto}.feedback-table table{min-width:800px}}@media (max-width:768px){.feedback-filters{flex-direction:column;align-items:stretch}.filter-group{flex:auto}.filter-stats{justify-content:center;margin-left:0}.pagination{flex-direction:column;gap:1rem}.pagination-info{order:-1}}.feedback-detail-modal{max-width:900px;max-height:90vh}.feedback-detail-content{flex-direction:column;gap:1.5rem;max-height:70vh;padding:.5rem;display:flex;overflow-y:auto}.feedback-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.feedback-meta{align-items:center;gap:1rem;display:flex}.feedback-category{background:var(--bg-secondary);text-transform:capitalize;border-radius:8px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.feedback-date{color:var(--text-secondary);font-size:.9rem}.feedback-status-control{align-items:center;gap:.5rem;display:flex}.feedback-status-control label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.feedback-status-control select{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5rem .75rem;font-size:.9rem;transition:all .2s}.feedback-status-control select:hover:not(:disabled){border-color:var(--color-primary)}.feedback-status-control select:disabled{opacity:.6;cursor:not-allowed}.feedback-subject{margin:0}.feedback-subject h3{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.feedback-user{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.feedback-message{background:var(--bg-secondary);border-radius:8px;padding:1rem}.feedback-message h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.feedback-message p{color:var(--text-primary);white-space:pre-wrap;margin:0;line-height:1.6}.feedback-context{background:var(--bg-secondary);border-radius:8px;padding:1rem}.feedback-context h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.context-item{align-items:flex-start;gap:.5rem;padding:.5rem 0;font-size:.85rem;display:flex}.context-item svg{color:var(--text-secondary);flex-shrink:0;margin-top:.125rem}.context-label{color:var(--text-secondary);flex-shrink:0;font-weight:500}.context-value{color:var(--text-primary);word-break:break-all}.context-item a{color:var(--color-primary);word-break:break-all;text-decoration:none}.context-item a:hover{text-decoration:underline}.feedback-screenshots h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.screenshots-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.screenshot-item{aspect-ratio:1;cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.screenshot-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.screenshot-item img{object-fit:cover;width:100%;height:100%}.screenshot-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.screenshot-item:hover .screenshot-overlay{opacity:1}.screenshot-overlay svg{color:#fff}.feedback-comments h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;font-size:.95rem;font-weight:600}.add-comment-form{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.add-comment-form textarea{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);resize:vertical;border-radius:8px;min-height:80px;padding:.75rem;font-family:inherit;font-size:.9rem;transition:all .2s}.add-comment-form textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.add-comment-form textarea:disabled{opacity:.6;cursor:not-allowed}.add-comment-form button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.add-comment-form button:hover:not(:disabled){background:var(--color-primary-dark)}.add-comment-form button:disabled{opacity:.6;cursor:not-allowed}.add-comment-form button .spinning{animation:1s linear infinite spin}.comments-list{flex-direction:column;gap:1rem;display:flex}.comment-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.comment-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.comment-user{align-items:center;gap:.5rem;display:flex}.comment-user svg{color:var(--text-secondary)}.comment-user-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.comment-date{color:var(--text-secondary);font-size:.8rem}.comment-text{color:var(--text-primary);white-space:pre-wrap;line-height:1.5}.no-comments{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.no-comments svg{margin-bottom:.5rem}.no-comments p{margin:0;font-size:.9rem}.image-lightbox{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{cursor:default;max-width:90vw;max-height:90vh;position:relative}.lightbox-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:-3rem;right:0}.lightbox-close:hover{background:#fff3}@media (max-width:768px){.feedback-header{flex-direction:column;align-items:flex-start;gap:1rem}.feedback-status-control{width:100%}.feedback-status-control select{flex:1}.screenshots-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.add-comment-form button{justify-content:center;width:100%}}.feedback-page{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.feedback-header{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.header-content h2{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}.header-content p{color:var(--text-secondary);margin:0;font-size:1rem}.header-actions{align-items:center;gap:1rem;display:flex}.auto-refresh-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.auto-refresh-toggle input[type=checkbox]{cursor:pointer}.refresh-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.refresh-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.feedback-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:.5rem;padding:.5rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #4f46e533}.tab-btn svg{flex-shrink:0}.feedback-content{min-height:400px}@media (max-width:1024px){.feedback-page{padding:1.5rem}}@media (max-width:768px){.feedback-page{padding:1rem}.feedback-header{flex-direction:column;gap:1rem}.header-content h2{font-size:1.5rem}.header-actions{flex-wrap:wrap;width:100%}.refresh-btn{flex:1;justify-content:center}.feedback-tabs{flex-direction:column}.tab-btn{justify-content:flex-start}}.instructions-config-container{width:100%;max-width:1200px;margin:0 auto;padding:48px 48px 96px 68px}.instructions-config-header{margin-bottom:32px}.instructions-config-title{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:600}.instructions-config-subtitle{color:#6b7280;margin:0;font-size:14px}.instructions-config-section{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.instructions-config-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.instructions-config-section-title{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.instructions-config-section-icon{font-size:20px}.instructions-config-section-badge{color:#1e40af;text-transform:uppercase;background:#eff6ff;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.instructions-config-description{color:#6b7280;margin:0 0 16px;font-size:14px;line-height:1.5}.instructions-config-textarea{resize:vertical;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;min-height:300px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.instructions-config-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.instructions-config-textarea::placeholder{color:#9ca3af}.instructions-config-actions{gap:12px;margin-top:16px;display:flex}.instructions-config-button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.instructions-config-button:disabled{opacity:.5;cursor:not-allowed}.instructions-config-button-primary{color:#fff;background:#3b82f6}.instructions-config-button-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f633}.instructions-config-button-secondary{color:#374151;background:#f3f4f6}.instructions-config-button-secondary:hover:not(:disabled){background:#e5e7eb}.instructions-config-button-danger{color:#fff;background:#ef4444}.instructions-config-button-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #ef444433}.instructions-config-help{background:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-top:24px;padding:16px}.instructions-config-help-title{color:#1f2937;margin:0 0 8px;font-size:14px;font-weight:600}.instructions-config-help-text{color:#6b7280;margin:0 0 8px;font-size:13px;line-height:1.5}.instructions-config-help-list{margin:8px 0 0 20px;padding:0;list-style:outside}.instructions-config-help-list li{color:#6b7280;margin:4px 0;font-size:13px}.instructions-config-loading{text-align:center;color:#6b7280;padding:40px}.instructions-config-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:16px}.instructions-config-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:16px;display:flex}.instructions-config-char-count{color:#9ca3af;text-align:right;margin-top:8px;font-size:12px}.instruction-editor{width:100%}.instruction-tabs{border-bottom:2px solid #e5e7eb;gap:4px;margin-bottom:8px;display:flex}.instruction-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.instruction-tab:hover{color:#3b82f6}.instruction-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.instruction-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:300px;max-height:600px;padding:16px;overflow-y:auto}.instruction-preview h1{color:#1f2937;margin:16px 0 8px;font-size:24px;font-weight:600}.instruction-preview h2{color:#1f2937;margin:14px 0 8px;font-size:20px;font-weight:600}.instruction-preview h3{color:#1f2937;margin:12px 0 6px;font-size:16px;font-weight:600}.instruction-preview p{color:#374151;margin:8px 0;line-height:1.6}.instruction-preview ul,.instruction-preview ol{margin:8px 0;padding-left:24px}.instruction-preview li{color:#374151;margin:4px 0;line-height:1.5}.instruction-preview code{color:#dc2626;background:#e5e7eb;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px}.instruction-preview pre{background:#1f2937;border-radius:6px;margin:12px 0;padding:12px;overflow-x:auto}.instruction-preview pre code{color:#f9fafb;background:0 0;padding:0;font-size:13px}.instruction-preview blockquote{color:#6b7280;border-left:4px solid #3b82f6;margin:12px 0;padding-left:16px;font-style:italic}.instruction-preview a{color:#3b82f6;text-decoration:none}.instruction-preview a:hover{text-decoration:underline}.instruction-preview table{border-collapse:collapse;width:100%;margin:12px 0}.instruction-preview th,.instruction-preview td{text-align:left;border:1px solid #e5e7eb;padding:8px 12px}.instruction-preview th{background:#f3f4f6;font-weight:600}.instruction-preview-empty{color:#9ca3af;text-align:center;padding:40px 20px;font-style:italic}@media (max-width:768px){.instructions-config-container{padding:24px 16px 64px}.instruction-tab{padding:6px 12px;font-size:12px}}.ai-instructions-modal-overlay{z-index:10000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.ai-instructions-title-group{flex-direction:column;gap:2px;display:flex}.playbook-active-subtitle{color:var(--palette-action-primary-default);padding-left:34px;font-size:13px;font-weight:500}.pb-scroll-area{flex-direction:column;flex:1;gap:0;padding:20px 24px;display:flex;overflow-y:auto}.pb-detail-view{flex-direction:column;gap:16px;display:flex}.pb-detail-title-row{align-items:center;gap:10px;padding-bottom:4px;display:flex}.pb-detail-name{color:var(--palette-text-primary-default);flex:1;font-size:16px;font-weight:700}.pb-detail-description{color:var(--palette-common-grey-700);background:var(--palette-background-neutral-100);border-left:3px solid var(--palette-action-primary-default);border-radius:0 8px 8px 0;margin:0;padding:10px 14px;font-size:14px;line-height:1.6}.pb-models-row{flex-wrap:wrap;gap:6px;display:flex}.pb-model-chip{color:var(--palette-action-primary-default);background:#6366f11a;border:1px solid #6366f140;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500}.pb-templates-row{flex-wrap:wrap;gap:6px;display:flex}.pb-template-chip{color:#059669;background:#10b9811a;border:1px solid #10b98140;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500}.pb-home-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pb-home-chip{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:12px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:500}.pb-home-prompt{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-style:italic;overflow:hidden}.pb-section-box{border:1px solid var(--palette-common-grey-200);border-radius:10px;overflow:hidden}.pb-section-header{background:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);align-items:center;gap:8px;padding:10px 14px;display:flex}.pb-section-icon{font-size:15px}.pb-section-label{color:var(--palette-common-grey-700);text-transform:uppercase;letter-spacing:.8px;flex:1;font-size:12px;font-weight:700}.pb-section-count{color:var(--palette-action-primary-default);background:#6366f11f;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.pb-section-items{background:var(--palette-common-grey-200);flex-direction:column;gap:1px;padding:1px;display:flex}.pb-item-card{background:var(--palette-common-white);flex-direction:column;gap:5px;padding:10px 14px;display:flex}.pb-item-card.pb-item-depth-1{background:var(--palette-background-neutral-50);border-left:2px solid var(--palette-common-grey-200);padding:8px 12px 8px 16px}.pb-item-card.pb-item-depth-2{background:var(--palette-background-neutral-100);border-left:2px solid var(--palette-common-grey-200);padding:6px 10px 6px 14px}.pb-item-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pb-item-name{color:var(--palette-text-primary-default);font-size:13px;font-weight:600}.pb-item-tag{background:var(--palette-background-neutral-200);color:var(--palette-common-grey-700);border:1px solid var(--palette-common-grey-200);white-space:nowrap;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:500}.pb-item-model{color:var(--palette-action-primary-default);background:#6366f11f;border-color:#6366f140}.pb-item-id{color:var(--palette-common-grey-600);padding:1px 0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.pb-item-desc{color:var(--palette-common-grey-700);font-size:12px;line-height:1.5}.pb-sub-group{border-left:2px solid var(--palette-common-grey-200);margin-top:4px;padding-left:10px}.pb-sub-group-label{color:var(--palette-common-grey-600);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:4px 0 2px;font-size:11px;font-weight:600;display:flex}.pb-sub-count{color:var(--palette-action-primary-default);background:#6366f11a;border-radius:8px;padding:0 5px;font-size:10px;font-weight:700}.pb-sub-group-items{flex-direction:column;gap:1px;padding:2px 0;display:flex}.pb-no-items{text-align:center;color:var(--palette-common-grey-600);padding:24px;font-size:13px;font-style:italic}.playbook-list-card{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:6px;width:100%;padding:12px 14px;transition:all .2s;display:flex}.playbook-list-card:hover{border-color:var(--palette-action-primary-default);background-color:var(--palette-common-white);box-shadow:0 2px 8px #6366f11a}.playbook-list-card.selected{border-color:var(--palette-action-primary-default);box-shadow:0 0 0 1px var(--palette-action-primary-default);background-color:#6366f10d}.playbook-list-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.playbook-list-card-name{color:var(--palette-text-primary-default);flex:1;font-size:14px;font-weight:600}.playbook-list-card-desc{color:var(--palette-common-grey-600);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.playbook-list-card-badges{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.playbook-count-badge{background:var(--palette-background-neutral-100);border:1px solid var(--palette-common-grey-200);color:var(--palette-common-grey-700);white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:11px}.playbook-mode-badge-sm{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.playbook-mode-chat{color:var(--palette-action-primary-default);background-color:#6366f11a}.playbook-mode-code{color:#059669;background-color:#10b9811f}.playbook-detail-mode-chat{color:var(--palette-action-primary-default);background-color:#6366f11a;border:1px solid #6366f14d}.playbook-detail-mode-code{color:#059669;background-color:#10b9811a;border:1px solid #10b9814d}.playbook-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.playbook-empty-icon{font-size:48px}.playbook-empty-title{color:var(--palette-text-primary-default);font-size:16px;font-weight:600}.playbook-empty-desc{color:var(--palette-common-grey-600);max-width:320px;font-size:13px;line-height:1.5}.playbook-select-hint{height:100%;color:var(--palette-common-grey-500);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.playbook-select-hint-icon{font-size:28px}.playbook-detail-name-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.playbook-detail-name{color:var(--palette-text-primary-default);flex:1;font-size:15px;font-weight:700}.dark-mode .playbook-mode-code,.dark-mode .playbook-detail-mode-code{color:#34d399;background-color:#34d3991f;border-color:#34d39940}.dark-mode .marketplace-error{color:#fca5a5;background-color:#dc262626;border-color:#dc262659}.dark-mode .playbook-list-card.selected{background-color:#6366f12e}.dark-mode .pb-item-card{background:var(--palette-common-white)}.dark-mode .pb-item-card.pb-item-depth-1{background:var(--palette-background-neutral-50)}.dark-mode .pb-item-card.pb-item-depth-2{background:var(--palette-background-neutral-100)}.dark-mode .pb-model-chip,.dark-mode .pb-item-model{background:#6366f133;border-color:#6366f159}.dark-mode .pb-template-chip{color:#34d399;background:#10b98133;border-color:#10b98159}.dark-mode .pb-home-chip{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b59}.dark-mode .pb-section-count,.dark-mode .pb-sub-count{background:#6366f133}.ai-instructions-modal{background:var(--palette-common-white);border-radius:12px;flex-direction:column;width:90%;max-width:1400px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 8px 32px #00000026}.ai-instructions-header{border-bottom:1px solid var(--palette-common-grey-200);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ai-instructions-title{color:var(--palette-text-primary-default);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.ai-instructions-icon{font-size:24px}.ai-instructions-close{color:var(--palette-common-grey-500);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;line-height:1;transition:all .2s;display:flex}.ai-instructions-close:hover{background-color:var(--palette-background-neutral-100);color:var(--palette-text-primary-default)}.ai-instructions-description{color:var(--palette-common-grey-600);background-color:var(--palette-background-neutral-50);border-bottom:1px solid var(--palette-common-grey-200);margin:0;padding:16px 24px;font-size:14px}.ai-instructions-tabs{border-bottom:1px solid var(--palette-common-grey-200);gap:4px;padding:16px 24px 0;display:flex}.ai-instructions-tab{font-family:var(--main-font);color:var(--palette-common-grey-600);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.ai-instructions-tab:hover:not(:disabled){color:var(--palette-text-primary-default);background-color:var(--palette-background-neutral-50);border-radius:6px 6px 0 0}.ai-instructions-tab.active{color:var(--palette-action-primary-default);border-bottom-color:var(--palette-action-primary-default)}.ai-instructions-tab:disabled{opacity:.5;cursor:not-allowed}.tab-icon{font-size:16px}.ai-instructions-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-instructions-manual{flex-direction:column;flex:1;gap:8px;padding:20px 24px;display:flex}.ai-instructions-textarea{border:1px solid var(--palette-common-grey-300);resize:vertical;background-color:var(--palette-background-neutral-50);width:100%;min-height:280px;color:var(--palette-text-primary-default);border-radius:8px;padding:12px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;transition:border-color .2s}.ai-instructions-textarea:focus{border-color:var(--palette-action-primary-default);background-color:var(--palette-common-white);outline:none}.character-count{text-align:right;color:var(--palette-common-grey-500);font-size:12px}.ai-instructions-marketplace{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow:hidden}.marketplace-search{gap:8px;display:flex}.marketplace-search-input{font-family:var(--main-font);border:1px solid var(--palette-common-grey-300);background-color:var(--palette-background-neutral-50);border-radius:8px;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.marketplace-search-input:focus{border-color:var(--palette-action-primary-default);background-color:var(--palette-common-white);outline:none}.marketplace-search-button{background-color:var(--palette-action-primary-default);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:16px;transition:all .2s}.marketplace-search-button:hover:not(:disabled){background-color:var(--palette-action-primary-hover)}.marketplace-search-button:disabled{opacity:.6;cursor:not-allowed}.marketplace-error{color:#dc2626;background-color:#dc262614;border:1px solid #dc262640;border-radius:8px;padding:12px 16px;font-size:14px}.marketplace-loading{color:var(--palette-common-grey-600);justify-content:center;align-items:center;gap:12px;padding:40px;font-size:14px;display:flex}.loading-spinner{width:20px;height:20px;animation:1.5s linear infinite spin;position:relative}.loading-spinner:before{content:"";background:var(--palette-action-primary-default);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100%;height:100%;position:absolute}.marketplace-two-column{flex:1;grid-template-columns:360px 1fr;gap:16px;min-height:0;display:grid;overflow:hidden}.marketplace-prompts-list{flex-direction:column;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.marketplace-prompts-list::-webkit-scrollbar{width:8px}.marketplace-prompts-list::-webkit-scrollbar-track{background:var(--palette-background-neutral-50);border-radius:4px}.marketplace-prompts-list::-webkit-scrollbar-thumb{background:var(--palette-common-grey-300);border-radius:4px}.marketplace-prompts-list::-webkit-scrollbar-thumb:hover{background:var(--palette-common-grey-400)}.marketplace-prompt-item{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .2s;display:flex}.marketplace-prompt-item:hover{border-color:var(--palette-action-primary-default);background-color:var(--palette-common-white);box-shadow:0 2px 8px #6366f11a}.marketplace-prompt-item.selected{border-color:var(--palette-action-primary-default);box-shadow:0 0 0 1px var(--palette-action-primary-default);background-color:#6366f10d}.marketplace-prompt-item.disabled-by-playbook,.marketplace-prompt-item:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.prompt-item-header{align-items:center;gap:12px;display:flex}.prompt-item-name{color:var(--palette-text-primary-default);font-size:14px;font-weight:600}.prompt-item-version{color:var(--palette-common-grey-500);background-color:var(--palette-common-grey-100);border-radius:4px;padding:2px 6px;font-size:11px}.prompt-item-goal{color:var(--palette-action-primary-default);font-size:13px;font-weight:500}.prompt-item-description{color:var(--palette-common-grey-600);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.marketplace-preview-panel{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.preview-panel-header{border-bottom:1px solid var(--palette-common-grey-200);align-items:center;gap:10px;padding-bottom:12px;display:flex}.playbook-readonly-badge{color:var(--palette-common-grey-600);background:var(--palette-common-grey-100);border:1px solid var(--palette-common-grey-300);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.preview-panel-title{color:var(--palette-text-primary-default);margin:0;font-size:18px;font-weight:600}.preview-section{flex-direction:column;gap:8px;display:flex}.preview-section-label{color:var(--palette-common-grey-600);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.preview-section-content{color:var(--palette-text-primary-default);font-size:14px;line-height:1.6}.preview-section-content.preview-text{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:400px;padding:12px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;overflow-y:auto}.preview-section-content.preview-text::-webkit-scrollbar{width:8px}.preview-section-content.preview-text::-webkit-scrollbar-track{background:var(--palette-background-neutral-50);border-radius:4px}.preview-section-content.preview-text::-webkit-scrollbar-thumb{background:var(--palette-common-grey-300);border-radius:4px}.preview-section-content.preview-text::-webkit-scrollbar-thumb:hover{background:var(--palette-common-grey-400)}.playbook-chips{flex-wrap:wrap;gap:6px;display:flex}.playbook-chip{background-color:var(--palette-background-neutral-100);border:1px solid var(--palette-common-grey-200);color:var(--palette-text-primary-default);border-radius:12px;padding:3px 10px;font-size:12px;display:inline-block}.playbook-mode-badge{background-color:var(--palette-background-neutral-100);color:var(--palette-common-grey-600);border:1px solid var(--palette-common-grey-200);white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:11px}.marketplace-preview{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);border-radius:8px;max-height:150px;margin-top:8px;padding:12px;overflow-y:auto}.preview-header{margin-bottom:8px}.preview-label{color:var(--palette-common-grey-600);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.preview-content{color:var(--palette-text-primary-default);white-space:pre-wrap;word-break:break-word;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;line-height:1.6}.ai-instructions-footer{border-top:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.footer-left,.footer-right{gap:12px;display:flex}.ai-instructions-button{font-family:var(--main-font);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.ai-instructions-button.primary{background-color:var(--palette-action-primary-default);color:#fff}.ai-instructions-button.primary:hover:not(:disabled){background-color:var(--palette-action-primary-hover)}.ai-instructions-button.primary:disabled{opacity:.5;cursor:not-allowed}.ai-instructions-button.secondary{color:var(--palette-common-grey-700);border:1px solid var(--palette-common-grey-300);background-color:#0000}.ai-instructions-button.secondary:hover{background-color:var(--palette-background-neutral-100);border-color:var(--palette-common-grey-400)}.ai-instructions-button.secondary.danger{color:#dc2626;border-color:#fca5a5}.ai-instructions-button.secondary.danger:hover{background-color:#fef2f2;border-color:#dc2626}@media (max-width:768px){.ai-instructions-modal{width:95%;max-height:90vh}.ai-instructions-header{padding:16px 20px}.ai-instructions-title{font-size:18px}.ai-instructions-description{padding:12px 20px;font-size:13px}.ai-instructions-tabs{padding:12px 20px 0}.ai-instructions-manual,.ai-instructions-marketplace{padding:16px 20px}.ai-instructions-textarea{min-height:200px;font-size:12px}.ai-instructions-footer{flex-direction:column;gap:12px;padding:12px 20px}.footer-left,.footer-right{justify-content:stretch;width:100%}.ai-instructions-button{flex:1}}.save-prompt-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:linear-gradient(135deg,#0009 0%,#0006 100%);justify-content:center;align-items:center;padding:20px;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.save-prompt-modal{background:linear-gradient(#1a1f3a 0%,#0f1422 100%);border:1px solid #6366f14d;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d,0 0 0 1px #6366f133}.save-prompt-header{border-bottom:1px solid var(--palette-common-grey-200);background:linear-gradient(#6366f108 0%,#0000 100%);justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.save-prompt-title{color:var(--palette-common-grey-900);align-items:center;gap:12px;margin:0;font-size:20px;font-weight:600;display:flex}.save-prompt-icon{background:linear-gradient(135deg,var(--palette-action-primary-default)0%,var(--palette-action-primary-hover)100%);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.save-prompt-close{cursor:pointer;color:var(--palette-common-grey-500);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;transition:all .2s;display:flex}.save-prompt-close:hover:not(:disabled){background-color:var(--palette-common-grey-100);color:var(--palette-common-grey-700)}.save-prompt-close:disabled{opacity:.5;cursor:not-allowed}.save-prompt-content{flex:1;padding:24px;overflow-y:auto}.save-prompt-description{color:var(--palette-common-grey-600);margin:0 0 24px;font-size:14px;line-height:1.5}.save-prompt-field{margin-bottom:20px}.save-prompt-field label{color:var(--palette-common-grey-700);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.save-prompt-field .required{color:var(--palette-error-main)}.save-prompt-field .optional{color:var(--palette-common-grey-500);font-weight:400}.save-prompt-field input,.save-prompt-field textarea{border:1.5px solid var(--palette-common-grey-300);width:100%;font-size:14px;font-family:var(--main-font);color:var(--palette-common-grey-800);resize:vertical;border-radius:8px;padding:12px;transition:all .2s}.save-prompt-field input:focus,.save-prompt-field textarea:focus{border-color:var(--palette-action-primary-default);outline:none;box-shadow:0 0 0 3px #42a5f51f}.save-prompt-field input:disabled,.save-prompt-field textarea:disabled{background-color:var(--palette-common-grey-50);cursor:not-allowed;opacity:.7}.prompt-text-preview{background-color:var(--palette-common-grey-50);border:1px solid var(--palette-common-grey-200);color:var(--palette-common-grey-700);white-space:pre-wrap;word-wrap:break-word;border-radius:8px;max-height:150px;padding:12px;font-size:13px;line-height:1.5;overflow-y:auto}.save-prompt-error{background-color:var(--palette-error-light);color:var(--palette-error-main);border-left:3px solid var(--palette-error-main);border-radius:8px;margin-top:16px;padding:12px;font-size:14px}.save-prompt-footer{border-top:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-grey-50);justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.save-prompt-cancel,.save-prompt-save{font-size:14px;font-weight:500;font-family:var(--main-font);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;transition:all .2s}.save-prompt-cancel{background-color:var(--palette-common-white);color:var(--palette-common-grey-700);border:1px solid var(--palette-common-grey-300)}.save-prompt-cancel:hover:not(:disabled){background-color:var(--palette-common-grey-100)}.save-prompt-save{background-color:var(--palette-action-primary-default);color:var(--palette-common-white)}.save-prompt-save:hover:not(:disabled){background-color:var(--palette-action-primary-hover);box-shadow:0 2px 8px #42a5f54d}.save-prompt-cancel:disabled,.save-prompt-save:disabled{opacity:.6;cursor:not-allowed}.save-prompt-hint{text-align:center;color:var(--palette-common-grey-500);border-top:1px solid var(--palette-common-grey-200);padding:12px 24px;font-size:12px}.save-prompt-hint kbd{background-color:var(--palette-common-grey-100);border:1px solid var(--palette-common-grey-300);border-radius:4px;margin:0 2px;padding:2px 6px;font-family:monospace;font-size:11px;display:inline-block}.dark-mode .save-prompt-modal{background-color:var(--palette-background-dark-paper)}.dark-mode .save-prompt-header{border-bottom-color:var(--palette-common-grey-700)}.dark-mode .save-prompt-title{color:var(--palette-common-white)}.dark-mode .save-prompt-close{color:var(--palette-common-grey-400)}.dark-mode .save-prompt-close:hover:not(:disabled){background-color:var(--palette-common-grey-800);color:var(--palette-common-grey-200)}.dark-mode .save-prompt-description{color:var(--palette-common-grey-400)}.dark-mode .save-prompt-field label{color:var(--palette-common-grey-300)}.dark-mode .save-prompt-field input,.dark-mode .save-prompt-field textarea{background-color:var(--palette-background-dark-default);border-color:var(--palette-common-grey-700);color:var(--palette-common-white)}.dark-mode .save-prompt-field input:disabled,.dark-mode .save-prompt-field textarea:disabled{background-color:var(--palette-common-grey-900)}.dark-mode .prompt-text-preview{background-color:var(--palette-background-dark-default);border-color:var(--palette-common-grey-700);color:var(--palette-common-grey-300)}.dark-mode .save-prompt-footer{border-top-color:var(--palette-common-grey-700);background-color:var(--palette-background-dark-default)}.dark-mode .save-prompt-cancel{background-color:var(--palette-background-dark-default);color:var(--palette-common-grey-300);border-color:var(--palette-common-grey-700)}.dark-mode .save-prompt-cancel:hover:not(:disabled){background-color:var(--palette-common-grey-800)}.dark-mode .save-prompt-hint{color:var(--palette-common-grey-500);border-top-color:var(--palette-common-grey-700)}.dark-mode .save-prompt-hint kbd{background-color:var(--palette-common-grey-800);border-color:var(--palette-common-grey-700)}.save-message-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:linear-gradient(135deg,#0009 0%,#0006 100%);justify-content:center;align-items:center;padding:20px;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.save-message-modal{border:1px solid var(--palette-common-grey-200);background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000001f,0 0 0 1px #6366f11a}.dark-mode .save-message-modal{background:linear-gradient(#1a1f3a 0%,#0f1422 100%);border-color:#6366f14d;box-shadow:0 20px 60px #0000004d,0 0 0 1px #6366f133}.save-message-header{border-bottom:1px solid var(--palette-common-grey-200);background:linear-gradient(#6366f108 0%,#0000 100%);justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.save-message-title{color:var(--palette-common-grey-800);align-items:center;gap:12px;margin:0;font-size:20px;font-weight:600;display:flex}.save-message-icon{background:linear-gradient(135deg,var(--palette-action-primary-default)0%,var(--palette-action-primary-hover)100%);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.save-message-close{cursor:pointer;color:var(--palette-common-grey-500);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;transition:all .2s;display:flex}.save-message-close:hover:not(:disabled){background-color:var(--palette-common-grey-100);color:var(--palette-common-grey-700)}.save-message-close:disabled{opacity:.5;cursor:not-allowed}.save-message-content{flex:1;padding:24px;overflow-y:auto}.save-message-description{color:var(--palette-common-grey-600);margin:0 0 24px;font-size:14px;line-height:1.5}.save-message-field{margin-bottom:20px}.save-message-field label{color:var(--palette-common-grey-700);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.save-message-field .required{color:var(--palette-error-main)}.save-message-field .optional{color:var(--palette-common-grey-500);font-weight:400}.save-message-field input,.save-message-field textarea{border:1.5px solid var(--palette-common-grey-300);width:100%;font-size:14px;font-family:var(--main-font);color:var(--palette-common-grey-800);resize:vertical;background-color:#fff;border-radius:8px;padding:12px;transition:all .2s}.dark-mode .save-message-field input,.dark-mode .save-message-field textarea{color:var(--palette-common-grey-700);border-color:var(--palette-common-grey-300);background-color:#ffffff12}.save-message-field input:focus,.save-message-field textarea:focus{border-color:var(--palette-action-primary-default);outline:none;box-shadow:0 0 0 3px #42a5f51f}.save-message-field input:disabled,.save-message-field textarea:disabled{background-color:var(--palette-common-grey-50);cursor:not-allowed;opacity:.7}.dark-mode .save-message-field input:disabled,.dark-mode .save-message-field textarea:disabled{background-color:#ffffff0a}.message-text-preview{background-color:var(--palette-common-grey-50);border:1px solid var(--palette-common-grey-200);color:var(--palette-common-grey-700);white-space:pre-wrap;word-wrap:break-word;border-radius:8px;max-height:150px;padding:12px;font-size:13px;line-height:1.5;overflow-y:auto}.save-message-error{background-color:var(--palette-error-light);color:var(--palette-error-main);border-left:3px solid var(--palette-error-main);border-radius:8px;margin-top:16px;padding:12px;font-size:14px}.save-message-footer{border-top:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-grey-50);justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.save-message-cancel,.save-message-save{font-size:14px;font-weight:500;font-family:var(--main-font);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;transition:all .2s}.save-message-cancel{color:var(--palette-common-grey-700);border:1px solid var(--palette-common-grey-300);background-color:#fff}.dark-mode .save-message-cancel{color:var(--palette-common-grey-700);border-color:var(--palette-common-grey-300);background-color:#ffffff14}.save-message-cancel:hover:not(:disabled){background-color:var(--palette-common-grey-100)}.dark-mode .save-message-cancel:hover:not(:disabled){background-color:#ffffff1f}.save-message-save{background-color:var(--palette-action-primary-default);color:var(--palette-common-white)}.save-message-save:hover:not(:disabled){background-color:var(--palette-action-primary-hover);box-shadow:0 2px 8px #42a5f54d}.save-message-cancel:disabled,.save-message-save:disabled{opacity:.6;cursor:not-allowed}.save-message-hint{text-align:center;color:var(--palette-common-grey-500);border-top:1px solid var(--palette-common-grey-200);padding:12px 24px;font-size:12px}.save-message-hint kbd{background-color:var(--palette-common-grey-200);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.save-mode-toggle{gap:8px;margin-top:8px;display:flex}.mode-button{border:2px solid var(--palette-common-grey-300);font-size:14px;font-weight:500;font-family:var(--main-font);color:var(--palette-common-grey-700);cursor:pointer;background-color:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex}.dark-mode .mode-button{background-color:#ffffff0f}.mode-button svg{width:16px;height:16px}.mode-button:hover:not(:disabled):not(.active){background-color:var(--palette-common-grey-50);border-color:var(--palette-common-grey-400)}.mode-button.active{background:linear-gradient(135deg,var(--palette-action-primary-default)0%,var(--palette-action-primary-hover)100%);border-color:var(--palette-action-primary-default);color:#fff;box-shadow:0 2px 8px #42a5f54d}.mode-button:disabled{opacity:.6;cursor:not-allowed}.field-hint{color:var(--palette-common-grey-500);margin-top:6px;font-size:12px;font-style:italic;display:block}.modal-overlay:has(.conversation-history-modal){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.conversation-history-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 8px 32px #00000059}.conversation-history-modal .modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.conversation-history-modal .modal-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.conversation-history-modal .modal-close-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.conversation-history-modal .modal-close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.conversation-history-modal .modal-body{flex:1;padding:20px 24px;overflow:hidden auto}.conversation-history-modal .new-chat-button{box-sizing:border-box;background:var(--accent-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600;transition:background .2s;display:flex;color:#fff!important}.conversation-history-modal .new-chat-button:hover{opacity:.88}.conversation-history-modal .loading-container{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.conversation-history-modal .loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin}.conversation-history-modal .empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.conversation-history-modal .conversations-list{flex-direction:column;gap:8px;display:flex;overflow-x:hidden}.conversation-history-modal .conversation-item{background:var(--bg-secondary);border:1px solid var(--border-color);box-sizing:border-box;border-radius:8px;align-items:stretch;width:100%;transition:background .15s,border-color .15s;display:flex}.conversation-history-modal .conversation-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.dark-mode .conversation-history-modal .conversation-item:hover{filter:none;background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.conversation-history-modal .conversation-item.active{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:inset 3px 0 0 var(--accent-primary);color:#fff!important}.conversation-history-modal .conversation-item-main{cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 16px;display:flex;color:var(--text-primary)!important;opacity:1!important;box-shadow:none!important;transform:none!important}.conversation-history-modal .conversation-item-main:disabled{cursor:default;opacity:1!important;color:var(--text-primary)!important}.conversation-history-modal .conversation-info{flex:1;min-width:0}.conversation-history-modal .conversation-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden;color:var(--text-primary)!important}.conversation-history-modal .conversation-preview{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden;color:var(--text-secondary)!important}.conversation-history-modal .conversation-date{white-space:nowrap;flex-shrink:0;font-size:11px;color:var(--text-secondary)!important}.conversation-history-modal .conversation-search-wrapper{align-items:center;margin-bottom:16px;display:flex;position:relative}.conversation-history-modal .conversation-search-icon{color:var(--text-secondary);pointer-events:none;flex-shrink:0;position:absolute;left:11px}.conversation-history-modal .conversation-search-input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:9px 36px;font-family:inherit;font-size:14px;transition:border-color .2s}.conversation-history-modal .conversation-search-input:focus{border-color:var(--accent-primary)}.conversation-history-modal .conversation-search-input::placeholder{color:var(--text-secondary)}.conversation-history-modal .conversation-search-clear{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex;position:absolute;right:10px}.conversation-history-modal .conversation-search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.conversation-history-modal .conversation-rename-input{background:var(--bg-primary);border:1.5px solid var(--accent-primary);width:100%;color:var(--text-primary);border-radius:5px;outline:none;padding:4px 8px;font-family:inherit;font-size:14px;font-weight:600;box-shadow:0 0 0 3px #00b4d826}.conversation-history-modal .conversation-actions{flex-shrink:0;align-items:center;gap:2px;padding:0 8px;display:flex}.conversation-history-modal .conv-action-btn{cursor:pointer;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:5px;transition:background .15s,color .15s,opacity .15s;display:flex;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important;transform:none!important}.conversation-history-modal .conv-action-edit{opacity:.35}.conversation-history-modal .conversation-item:hover .conv-action-edit{opacity:1}.conversation-history-modal .conv-action-delete{opacity:.35}.conversation-history-modal .conversation-item:hover .conv-action-delete{opacity:1}.conversation-history-modal .conv-action-delete:hover{opacity:1;color:#dc3545!important;background:#dc354526!important}.conversation-history-modal .conv-action-delete-confirm{opacity:1;color:#dc3545!important}.conversation-history-modal .conv-action-delete-confirm:hover{color:#dc3545!important;background:#dc35452e!important}.conversation-history-modal .conv-action-btn:hover{opacity:1;background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.conversation-history-modal .conv-action-confirm{opacity:1;color:var(--accent-primary)!important}.conversation-history-modal .conv-action-confirm:hover{color:var(--accent-primary)!important;background:#00b4d82e!important}.conversation-history-modal .conv-action-cancel{opacity:1}@media (max-width:768px){.conversation-history-modal{width:95%;max-height:90vh}.conversation-history-modal .modal-header{padding:16px}.conversation-history-modal .modal-header h2{font-size:18px}.conversation-history-modal .modal-body{padding:16px}}.ai-mode-dropdown-container{display:inline-flex;position:relative}.ai-mode-toggle{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-300);cursor:pointer;color:var(--palette-common-grey-700);font-family:var(--main-font);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:8px;min-width:-moz-fit-content;min-width:fit-content;padding:8px 14px;font-size:12px;font-weight:500;line-height:1;transition:all .2s;display:inline-flex;overflow:hidden}.ai-mode-toggle:hover:not(:disabled),.ai-mode-toggle.open{background-color:var(--palette-common-white);border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default);box-shadow:0 1px 4px #00000014}.ai-mode-toggle:disabled{opacity:.5;cursor:not-allowed}.ai-mode-toggle svg{flex-shrink:0}.ai-mode-toggle.icon-only{justify-content:center;width:36px;padding:0}.ai-mode-toggle.icon-only .button-text,.ai-mode-toggle.icon-only .dropdown-arrow{display:none}.ai-mode-toggle .dropdown-arrow{margin-left:2px;transition:transform .2s}.ai-mode-toggle .dropdown-arrow.open{transform:rotate(180deg)}.ai-mode-dropdown-menu{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);z-index:9999;border-radius:8px;min-width:240px;animation:.2s cubic-bezier(.4,0,.2,1) slideUp;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 4px 16px #0000001f,0 2px 8px #00000014}.ai-mode-option{cursor:pointer;text-align:left;pointer-events:auto;z-index:1;background-color:#0000;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.ai-mode-option:hover{background-color:var(--palette-background-neutral-50)}.ai-mode-option.active{background-color:#6366f114}.ai-mode-option.active:hover{background-color:#6366f11f}.ai-mode-option-content{flex:1;align-items:flex-start;gap:10px;display:flex}.ai-mode-option-content svg{color:var(--palette-common-grey-600);flex-shrink:0;margin-top:2px}.ai-mode-option.active .ai-mode-option-content svg{color:var(--palette-action-primary-default)}.ai-mode-option-text{flex-direction:column;gap:2px;display:flex}.ai-mode-option-label{font-family:var(--main-font);color:var(--palette-text-primary-main);font-size:13px;font-weight:600;line-height:1.4}.ai-mode-option-desc{font-family:var(--main-font);color:var(--palette-text-secondary-main);font-size:11px;line-height:1.4}.ai-mode-check{color:var(--palette-action-primary-default);flex-shrink:0;margin-left:8px}.inline-ui-container{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:8px 0;padding:16px;font-size:14px;line-height:1.5}.inline-ui-grid{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:0;display:flex}.inline-ui-row{border-top:1px solid #e5e7eb;grid-template-columns:minmax(150px,1fr) 2fr;gap:16px;padding:12px 0;display:grid}.inline-ui-row:first-child{border-top:none}.inline-ui-label{color:#6b7280;margin:0;font-size:13px;font-weight:500}.inline-ui-value{color:#1f2937;word-break:break-word;margin:0;font-size:13px}.inline-ui-link{color:#2563eb}.inline-ui-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inline-ui-subtitle{color:#111827;margin:16px 0 12px;font-size:15px;font-weight:600}.inline-ui-title{color:#111827;margin:0 0 12px;font-size:15px;font-weight:600}.inline-ui-footer{color:#6b7280;margin:12px 0 0;font-size:12px}.inline-ui-table-wrapper{border:1px solid #e5e7eb;border-radius:6px;overflow-x:auto}.inline-ui-table{border-collapse:collapse;width:100%;font-size:13px}.inline-ui-table thead{background:#f9fafb}.inline-ui-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;padding:10px 16px;font-size:12px;font-weight:600}.inline-ui-table tbody tr{border-bottom:1px solid #e5e7eb}.inline-ui-table tbody tr:last-child{border-bottom:none}.inline-ui-table td{color:#1f2937;padding:12px 16px}.inline-ui-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}@media (min-width:640px){.inline-ui-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.inline-ui-metrics-grid{grid-template-columns:repeat(3,1fr)}}.inline-ui-metric-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.inline-ui-metric-name{color:#6b7280;margin-bottom:4px;font-size:12px;font-weight:500}.inline-ui-metric-content{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.inline-ui-metric-value{color:#111827;font-size:20px;font-weight:700}.inline-ui-trend-icon{width:20px;height:20px}.inline-ui-trend-icon.trend-up{color:#10b981}.inline-ui-trend-icon.trend-down{color:#ef4444}.inline-ui-chart{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.inline-ui-chart-bars{justify-content:space-around;align-items:flex-end;gap:8px;height:160px;display:flex}.inline-ui-chart-bar-wrapper{flex-direction:column;flex:1;align-items:center;min-width:40px;max-width:80px;display:flex}.inline-ui-chart-bar{background:#3b82f6;border-radius:4px 4px 0 0;width:100%;max-width:40px;min-height:4px;transition:background .2s}.inline-ui-chart-bar:hover{background:#2563eb}.inline-ui-chart-label{color:#6b7280;text-align:center;margin-top:8px;font-size:11px;font-weight:600}.inline-ui-container.log{background:#1f2937;border-color:#374151;max-height:240px;padding:12px;overflow-y:auto}.inline-ui-log-title{color:#e5e7eb;margin:0 0 8px;font-size:15px;font-weight:600}.inline-ui-log-content{color:#10b981;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12px;line-height:1.5}.inline-ui-choice-prompt{color:#111827;margin:0 0 12px;font-size:14px;font-weight:500}.inline-ui-choice-buttons{flex-wrap:wrap;gap:8px;display:flex}.inline-ui-choice-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;flex:1;min-width:120px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s}.inline-ui-choice-button:hover{background:#2563eb}.inline-ui-choice-button:active{background:#1d4ed8}.inline-ui-container.task-progress{background:#f9fafb;border-color:#d1d5db}.inline-ui-task-header{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.inline-ui-task-header-left{flex:1;align-items:center;gap:8px;display:flex}.inline-ui-task-toggle{color:#6b7280;font-size:14px;transition:transform .2s}.inline-ui-task-title{color:#111827;font-size:14px;font-weight:600}.inline-ui-task-progress-bar-container{background:#e5e7eb;border-radius:4px;flex:0 0 100px;height:8px;overflow:hidden}.inline-ui-task-progress-bar{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border-radius:4px;height:100%;transition:width .3s}.inline-ui-task-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.inline-ui-task-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.inline-ui-task-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.inline-ui-task-item.status-completed{background:#f0fdf4;border-color:#bbf7d0}.inline-ui-task-item.status-in-progress{background:#eff6ff;border-color:#bfdbfe}.inline-ui-task-checkbox{background:#fff;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.status-completed .inline-ui-task-checkbox{color:#fff;background:#10b981;border-color:#10b981}.status-in-progress .inline-ui-task-checkbox{color:#fff;background:#3b82f6;border-color:#3b82f6}.inline-ui-task-spinner{animation:1s linear infinite spin;display:inline-block}.inline-ui-task-content{flex:1;min-width:0}.inline-ui-task-name{color:#111827;margin-bottom:4px;font-size:14px;font-weight:500}.status-completed .inline-ui-task-name{color:#6b7280;text-decoration:line-through}.inline-ui-task-description{color:#6b7280;margin-top:4px;font-size:12px;line-height:1.4}.inline-ui-task-status{flex-shrink:0}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.status-badge.status-completed{color:#065f46;background:#d1fae5}.status-badge.status-in-progress{color:#1e40af;background:#dbeafe}.status-badge.status-not-started{color:#6b7280;background:#f3f4f6}.inline-ui-task-footer{color:#6b7280;border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px;font-size:13px;font-style:italic}@media (max-width:640px){.inline-ui-row{grid-template-columns:1fr;gap:4px}.inline-ui-choice-button{flex:none;width:100%}.inline-ui-metrics-grid{grid-template-columns:1fr}}.inline-ui-error{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:6px;margin:8px 0;padding:12px 16px}.inline-ui-error-message{color:#991b1b;margin-bottom:8px;font-size:14px;font-weight:600}.inline-ui-error-type{color:#b91c1c;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;font-weight:400}.inline-ui-error-details{color:#dc2626;background:#fee2e2;border-radius:4px;margin-bottom:8px;padding:8px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px}.inline-ui-error-raw{margin-top:8px}.inline-ui-error-raw summary{color:#b91c1c;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;font-size:12px;font-weight:500}.inline-ui-error-raw summary:hover{color:#991b1b}.inline-ui-error-raw pre{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;max-height:300px;margin-top:8px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12px;line-height:1.5;overflow:auto}.dark-mode .inline-ui-container{color:#e5e7eb;background:#1f2937;border-color:#374151}.dark-mode .inline-ui-grid{border-bottom-color:#374151}.dark-mode .inline-ui-row{border-top-color:#374151}.dark-mode .inline-ui-label{color:#9ca3af}.dark-mode .inline-ui-value{color:#e5e7eb}.dark-mode .inline-ui-link{color:#60a5fa}.dark-mode .inline-ui-subtitle,.dark-mode .inline-ui-title{color:#f9fafb}.dark-mode .inline-ui-footer{color:#9ca3af}.dark-mode .inline-ui-table-wrapper{border-color:#374151}.dark-mode .inline-ui-table thead{background:#111827}.dark-mode .inline-ui-table th{color:#9ca3af;border-bottom-color:#374151}.dark-mode .inline-ui-table tbody tr{border-bottom-color:#374151}.dark-mode .inline-ui-table td{color:#e5e7eb}.dark-mode .inline-ui-metric-card{background:#111827;border-color:#374151}.dark-mode .inline-ui-metric-name{color:#9ca3af}.dark-mode .inline-ui-metric-value{color:#f9fafb}.dark-mode .inline-ui-chart{background:#111827;border-color:#374151}.dark-mode .inline-ui-chart-bar{background:#60a5fa}.dark-mode .inline-ui-chart-bar:hover{background:#3b82f6}.dark-mode .inline-ui-chart-label{color:#9ca3af}.dark-mode .inline-ui-choice-prompt{color:#f9fafb}.dark-mode .inline-ui-choice-button{color:#fff;background:#3b82f6}.dark-mode .inline-ui-choice-button:hover{background:#2563eb}.dark-mode .inline-ui-choice-button:active{background:#1d4ed8}.dark-mode .inline-ui-container.task-progress{background:#111827;border-color:#374151}.dark-mode .inline-ui-task-toggle{color:#9ca3af}.dark-mode .inline-ui-task-title{color:#f9fafb}.dark-mode .inline-ui-task-progress-bar-container{background:#374151}.dark-mode .inline-ui-task-item{background:#1f2937;border-color:#374151}.dark-mode .inline-ui-task-item:hover{border-color:#4b5563;box-shadow:0 1px 3px #0000004d}.dark-mode .inline-ui-task-item.status-completed{background:#064e3b;border-color:#065f46}.dark-mode .inline-ui-task-item.status-in-progress{background:#1e3a8a;border-color:#1e40af}.dark-mode .inline-ui-task-checkbox{background:#1f2937;border-color:#4b5563}.dark-mode .inline-ui-task-name{color:#f9fafb}.dark-mode .status-completed .inline-ui-task-name,.dark-mode .inline-ui-task-description{color:#9ca3af}.dark-mode .status-badge.status-completed{color:#6ee7b7;background:#064e3b}.dark-mode .status-badge.status-in-progress{color:#93c5fd;background:#1e3a8a}.dark-mode .status-badge.status-not-started{color:#9ca3af;background:#374151}.dark-mode .inline-ui-task-footer{color:#9ca3af;border-top-color:#374151}.dark-mode .inline-ui-error{background:#7f1d1d;border-color:#991b1b #991b1b #991b1b #dc2626}.dark-mode .inline-ui-error-message{color:#fca5a5}.dark-mode .inline-ui-error-type{color:#f87171}.dark-mode .inline-ui-error-details{color:#fca5a5;background:#991b1b}.dark-mode .inline-ui-error-raw summary{color:#f87171}.dark-mode .inline-ui-error-raw summary:hover{color:#fca5a5}.dark-mode .inline-ui-error-raw pre{color:#d1d5db;background:#1f2937;border-color:#374151}.mcp-app-container{background:var(--color-background-secondary,#f5f5f5);border:1px solid var(--color-border,#e5e5e5);border-radius:8px;width:100%;margin:1rem 0;transition:all .3s;overflow:hidden}.mcp-app-inline{height:600px;max-height:80vh}.mcp-app-fullscreen{z-index:9999;border:none;border-radius:0;width:100vw;height:100vh;max-height:100vh;margin:0;position:fixed;inset:0}.mcp-app-pip{z-index:9998;border-radius:12px;width:400px;height:300px;max-height:none;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 25px #0003}.mcp-app-iframe{border:none;width:100%;height:100%;display:block}.mcp-app-loading{height:400px;color:var(--color-text-secondary,#737373);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.mcp-app-spinner{border:4px solid var(--color-border,#e5e5e5);border-top-color:var(--color-accent,#3b82f6);border-radius:50%;width:40px;height:40px;animation:1s linear infinite mcp-app-spin}@keyframes mcp-app-spin{to{transform:rotate(360deg)}}.mcp-app-error{height:400px;color:var(--color-text-secondary,#737373);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.mcp-app-error p:first-child{color:var(--color-text-primary,#171717);font-size:1.125rem;font-weight:600}.mcp-app-error-detail{color:var(--color-error,#ef4444);word-break:break-word;max-width:500px;font-size:.875rem}.mcp-app-error button{background:var(--color-accent,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;transition:background .2s}.mcp-app-error button:hover{background:#2563eb}.dark-mode .mcp-app-container{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .mcp-app-loading,.dark-mode .mcp-app-error{color:var(--text-secondary)}.dark-mode .mcp-app-error p:first-child{color:var(--text-primary)}.dark-mode .mcp-app-spinner{border-color:var(--border-color);border-top-color:var(--accent-color)}@media (max-width:768px){.mcp-app-inline{height:500px}.mcp-app-pip{width:300px;height:225px;bottom:10px;right:10px}}@media (max-width:480px){.mcp-app-inline{height:400px}.mcp-app-pip{width:calc(100vw - 20px);height:200px;bottom:10px;left:10px;right:10px}}.mcp-app-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.reasoning-status-list{flex-direction:column;gap:4px;margin:8px 0;display:flex}.reasoning-status-box{background-color:var(--palette-common-white);border-left:3px solid var(--palette-common-grey-300);border-radius:8px;transition:all .2s ease-in-out;overflow:hidden}.reasoning-status-box.active{border-left-color:var(--palette-action-primary-default);box-shadow:0 2px 8px #007bff26}.reasoning-status-box.completed{border-left-color:var(--palette-success-main,#4caf50)}.reasoning-status-header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--palette-background-neutral-50);justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s ease-in-out;display:flex}.reasoning-status-header:hover{background-color:var(--palette-background-neutral-100)}.reasoning-status-left{flex:1;align-items:center;gap:12px;display:flex}.reasoning-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.reasoning-status-icon.active{color:var(--palette-action-primary-default);background-color:var(--palette-action-primary-lighter,#007bff1a);animation:1.5s ease-in-out infinite pulse}.reasoning-status-icon.completed{color:var(--palette-common-white);background-color:var(--palette-success-main,#4caf50)}.reasoning-status-title{font-family:var(--main-font);font-size:var(--main-size);color:var(--palette-text-primary-default);flex:1;font-weight:500}.reasoning-status-arrow{color:var(--palette-common-grey-600);margin-left:8px;font-size:12px;transition:transform .2s ease-in-out;display:inline-block}.reasoning-status-arrow.expanded{transform:rotate(180deg)}.reasoning-status-details{background-color:var(--palette-background-neutral-50);border-top:1px solid var(--palette-common-grey-200);max-width:100%;padding:16px;animation:.2s ease-in-out slideDown;overflow:hidden}.reasoning-timeline{flex-direction:column;gap:0;display:flex}.reasoning-timeline-item{gap:12px;display:flex;position:relative}.reasoning-timeline-item:last-child .timeline-connector{display:none}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;width:32px;display:flex}.timeline-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.timeline-icon.pending{color:var(--palette-common-grey-400);background-color:var(--palette-background-neutral-100)}.timeline-icon.active{color:var(--palette-action-primary-default);background-color:var(--palette-action-primary-lighter,#007bff1a);animation:1.5s ease-in-out infinite pulse}.timeline-icon.completed{color:var(--palette-common-white);background-color:var(--palette-success-main,#4caf50)}.timeline-connector{background-color:var(--palette-common-grey-300);flex:1;width:2px;min-height:20px}.reasoning-timeline-item.completed .timeline-connector{background-color:var(--palette-success-main,#4caf50)}.reasoning-timeline-item.active .timeline-connector{background-color:var(--palette-action-primary-default)}.timeline-content{flex:1;min-width:0;max-width:100%;padding-bottom:16px}.timeline-title{font-family:var(--main-font);color:var(--palette-text-primary-default);margin:0 0 8px;font-size:14px;font-weight:600}.reasoning-timeline-item.pending .timeline-title{color:var(--palette-common-grey-500)}.timeline-description{font-family:var(--main-font);color:var(--palette-text-secondary-default);margin:0 0 12px;font-size:13px;line-height:1.5}.timeline-function-call{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:8px;margin-bottom:12px;overflow:hidden}.function-call-header{background-color:var(--palette-background-neutral-100);font-family:var(--main-font);color:var(--palette-text-primary-default);border-bottom:1px solid var(--palette-common-grey-200);padding:8px 12px;font-size:13px;font-weight:600}.function-call-body{max-width:100%;padding:12px;overflow:hidden}.function-name{color:var(--palette-action-primary-default);background-color:var(--palette-action-primary-lighter,#007bff1a);border-radius:4px;margin-bottom:8px;padding:4px 8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;font-weight:600;display:inline-block}.function-parameters{margin-top:8px}.function-parameters strong{font-family:var(--main-font);color:var(--palette-text-primary-default);margin-bottom:4px;font-size:13px;display:block}.parameter-json{background-color:var(--palette-background-neutral-100);border:1px solid var(--palette-common-grey-200);max-width:100%;color:var(--palette-text-primary-default);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;border-radius:4px;margin:0;padding:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.4;overflow-x:auto}.timeline-result{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-200);border-radius:8px;margin-bottom:12px;overflow:hidden}.result-header{background-color:var(--palette-background-neutral-100);font-family:var(--main-font);color:var(--palette-text-primary-default);border-bottom:1px solid var(--palette-common-grey-200);padding:8px 12px;font-size:13px;font-weight:600}.result-body{max-width:100%;padding:12px;overflow:hidden}.result-text{font-family:var(--main-font);color:var(--palette-text-secondary-default);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin:0;font-size:13px;line-height:1.5}.result-json{background-color:var(--palette-background-neutral-100);border:1px solid var(--palette-common-grey-200);max-width:100%;color:var(--palette-text-primary-default);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;border-radius:4px;max-height:200px;margin:0;padding:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.4;overflow:auto}.timeline-reasoning{background-color:var(--palette-info-lighter,#2196f30d);border-left:3px solid var(--palette-info-main,#2196f3);border-radius:4px;margin-bottom:12px;padding:12px}.reasoning-label{font-family:var(--main-font);color:var(--palette-text-primary-default);margin-bottom:4px;font-size:13px;font-weight:600}.reasoning-text{font-family:var(--main-font);color:var(--palette-text-secondary-default);margin:0;font-size:13px;font-style:italic;line-height:1.6}.timeline-duration{text-align:right;margin-top:8px}.timeline-duration small{font-family:var(--main-font);color:var(--palette-common-grey-600);font-size:11px}.onboarding-overlay{z-index:9997;pointer-events:none;background:#00000014;animation:.3s ease-in-out fadeIn;position:fixed;inset:0}.dark-mode .onboarding-overlay,.theme-noctis .onboarding-overlay,.theme-github .onboarding-overlay,.theme-synthwave .onboarding-overlay,.theme-hackerx-green .onboarding-overlay,.theme-hackerx-ocean .onboarding-overlay,.theme-catppuccin-frappe .onboarding-overlay,.theme-catppuccin-macchiato .onboarding-overlay,.theme-catppuccin-mocha .onboarding-overlay{background:#00000026}.onboarding-tooltip{background:var(--bg-card,#fff);border:1px solid var(--border-color,#00000014);z-index:10000;pointer-events:auto;border-radius:12px;min-width:360px;max-width:480px;animation:.4s ease-out slideIn;position:fixed;box-shadow:0 8px 32px #0000001f}.dark-mode .onboarding-tooltip,.theme-noctis .onboarding-tooltip,.theme-github .onboarding-tooltip,.theme-synthwave .onboarding-tooltip,.theme-hackerx-green .onboarding-tooltip,.theme-hackerx-ocean .onboarding-tooltip,.theme-catppuccin-frappe .onboarding-tooltip,.theme-catppuccin-macchiato .onboarding-tooltip,.theme-catppuccin-mocha .onboarding-tooltip{box-shadow:0 8px 32px #0000004d}.onboarding-tooltip-center{top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-tooltip-top{top:80px;left:50%;transform:translate(-50%)}.onboarding-tooltip-top-right{top:80px;right:24px}.onboarding-tooltip-top-left{top:80px;left:24px}.onboarding-tooltip-bottom{bottom:24px;left:50%;transform:translate(-50%)}.onboarding-tooltip-bottom-right{bottom:24px;right:24px}.onboarding-tooltip-bottom-left{bottom:100px;left:24px}.onboarding-tooltip-left{top:50%;left:24px;transform:translateY(-50%)}.onboarding-tooltip-right{top:50%;right:24px;transform:translateY(-50%)}.onboarding-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.onboarding-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.onboarding-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;transition:color .2s}.onboarding-close:hover{color:var(--text-primary)}.onboarding-body{padding:24px}.onboarding-description{color:var(--text-primary);margin:0 0 12px;font-size:16px;font-weight:600}.onboarding-content{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.onboarding-footer{flex-direction:column;gap:16px;padding:16px 24px 24px;display:flex}.onboarding-progress{align-items:center;gap:12px;display:flex}.onboarding-step-counter{color:var(--text-secondary);min-width:60px;font-size:13px;font-weight:500}.onboarding-progress-bar{flex:1;gap:6px;display:flex}.onboarding-progress-dot{background:var(--bg-tertiary);border-radius:3px;flex:1;height:6px;transition:background .3s}.onboarding-progress-dot.active{background:var(--accent-primary)}.onboarding-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.onboarding-btn{cursor:pointer;border:none;border-radius:6px;outline:none;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s}.onboarding-btn-primary{background:var(--palette-action-primary-default);color:var(--palette-common-white);box-shadow:0 1px 4px #0000001a}.onboarding-btn-primary:hover{background:var(--palette-action-primary-hover);box-shadow:0 2px 8px #00000026}.onboarding-btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.onboarding-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.onboarding-btn-text{color:var(--accent-primary);background:0 0;padding:10px;text-decoration:underline}.onboarding-btn-text:hover{color:var(--accent-secondary)}.onboarding-highlight{z-index:9998;box-shadow:0 0 0 4px var(--accent-primary),0 0 0 8px rgba(var(--accent-primary-rgb,99,102,241),.5),0 0 0 9999px #000000d9;background:inherit;pointer-events:auto;border-radius:4px;animation:2s infinite pulse;position:relative}@media (max-width:768px){.onboarding-tooltip{max-width:calc(100% - 32px);min-width:unset;left:16px!important;right:16px!important;transform:none!important}.onboarding-tooltip-center{top:50%;transform:translateY(-50%)!important}.onboarding-tooltip-top,.onboarding-tooltip-top-left,.onboarding-tooltip-top-right{top:16px}.onboarding-tooltip-bottom,.onboarding-tooltip-bottom-left,.onboarding-tooltip-bottom-right{top:auto;bottom:16px}}.browser-stream-viewer{background:#1a1a1a;border-radius:8px;flex-direction:column;width:100%;max-width:1280px;margin:16px 0;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000004d}.browser-stream-viewer.minimized{background:#2a2a2a;border:2px solid #444;min-height:auto}.browser-stream-viewer.minimized .browser-stream-header{background:#2a2a2a;border-bottom:none}.browser-stream-header{background:#2a2a2a;border-bottom:1px solid #3a3a3a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.stream-info{color:#aaa;align-items:center;gap:16px;font-size:13px;display:flex}.status-indicator{align-items:center;gap:6px;font-weight:500;display:flex}.status-indicator.connected{color:#4caf50}.status-indicator.disconnected{color:#f44336}.fps-counter,.frame-counter{color:#888}.stream-controls{align-items:center;gap:8px;display:flex}.quality-selector{color:#fff;cursor:pointer;background:#333;border:1px solid #444;border-radius:4px;padding:6px 12px;font-size:13px;transition:all .2s}.quality-selector:hover:not(:disabled){background:#3a3a3a;border-color:#555}.quality-selector:disabled{opacity:.5;cursor:not-allowed}.auto-quality-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.auto-quality-btn:hover:not(:disabled){background:#1976d2}.auto-quality-btn:disabled{opacity:.5;cursor:not-allowed}.open-window-btn{color:#fff;cursor:pointer;background:#333;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:13px;transition:all .2s;display:flex}.open-window-btn:hover:not(:disabled){background:#3a3a3a;border-color:#555}.open-window-btn:disabled{opacity:.5;cursor:not-allowed}.open-window-btn svg{display:block}.focus-window-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.focus-window-btn:hover{background:#1976d2}.close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:20px;transition:all .2s}.close-btn:hover{color:#fff;background:#444}.browser-stream-content{background:#000;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative}.browser-frame{object-fit:contain;width:100%;height:auto;display:block}.stream-error{color:#f44336;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.stream-error button{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.stream-error button:hover{background:#d32f2f}.stream-loading{color:#aaa;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.loading-spinner{border:4px solid #333;border-top-color:#2196f3;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.browser-stream-footer{background:#2a2a2a;border-top:1px solid #3a3a3a;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.session-info{color:#888;align-items:center;gap:12px;font-size:12px;display:flex}.session-id{font-family:Courier New,monospace}.quality-badge{color:#2196f3;text-transform:uppercase;background:#333;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:500}@media (max-width:768px){.browser-stream-header{flex-direction:column;align-items:flex-start;gap:12px}.stream-controls{justify-content:space-between;width:100%}.browser-stream-content{min-height:300px}}.dark-mode .browser-stream-viewer{box-shadow:0 4px 12px #00000080}:root:not(.dark-mode) .browser-stream-viewer{background:#f5f5f5;box-shadow:0 2px 8px #00000026}:root:not(.dark-mode) .browser-stream-header,:root:not(.dark-mode) .browser-stream-footer{background:#e0e0e0;border-color:#ccc}:root:not(.dark-mode) .stream-info,:root:not(.dark-mode) .stream-loading,:root:not(.dark-mode) .session-info{color:#666}:root:not(.dark-mode) .quality-selector{color:#333;background:#fff;border-color:#ccc}:root:not(.dark-mode) .quality-selector:hover:not(:disabled){background:#f5f5f5;border-color:#999}:root:not(.dark-mode) .close-btn{color:#666}:root:not(.dark-mode) .close-btn:hover{color:#333;background:#ddd}:root:not(.dark-mode) .quality-badge{color:#1976d2;background:#e3f2fd}.auth-page-container-split{width:100vw;min-height:100vh;display:flex;overflow:hidden}.auth-left-panel{flex:0 0 35%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-right-panel{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:0 0 65%;justify-content:center;align-items:flex-start;padding-top:40px;transition:opacity .5s ease-in-out;display:flex;position:relative;overflow:hidden}.auth-right-panel.show-background{opacity:1}.auth-right-panel.show-background .auth-background{opacity:0;transition:opacity .5s ease-in-out}.auth-right-panel:not(.show-background) .auth-background{opacity:1;transition:opacity .5s ease-in-out}.auth-right-panel:not(.show-background){opacity:1}.auth-demo-container{z-index:20;flex-direction:column;gap:24px;width:90%;max-width:700px;display:flex;position:relative}.auth-demo-prompt{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d3e5f99;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000004d}.auth-demo-prompt:hover{border-color:#7c3aed4d;box-shadow:0 12px 48px #7c3aed33}.prompt-icon-add,.prompt-icon-attach,.prompt-icon-mic{color:#fff9;flex-shrink:0;width:24px;height:24px;transition:color .2s}.auth-demo-prompt:hover .prompt-icon-add,.auth-demo-prompt:hover .prompt-icon-attach,.auth-demo-prompt:hover .prompt-icon-mic{color:#ffffffe6}.prompt-input{color:#ffffffb3;font-size:15px;font-family:var(--main-font);pointer-events:none;background:0 0;border:none;outline:none;flex:1}.prompt-input::placeholder{color:#ffffff80}.prompt-send-button{cursor:pointer;background:linear-gradient(135deg,#6366f1e6 0%,#8b5cf6e6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 4px 12px #6366f14d}.prompt-send-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.prompt-send-button svg{color:#fff;width:20px;height:20px}.prompt-loader{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.loader-spinner{width:24px;height:24px;animation:1.2s linear infinite spin;position:relative}.loader-spinner:before{content:"";clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:linear-gradient(135deg,#6366f1e6 0%,#8b5cf6e6 100%);width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 12px #6366f180}.auth-demo-shortcuts{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.shortcut-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--main-font);background:#2d3e5f80;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:8px;padding:10px 18px;transition:all .3s;display:flex}.shortcut-button:hover{color:#fff;background:#2d3e5fb3;border-color:#7c3aed66;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.shortcut-button svg{flex-shrink:0;width:18px;height:18px}@media (max-width:1024px){.auth-page-container-split{flex-direction:column}.auth-left-panel,.auth-right-panel{flex:0 0 100%}.auth-right-panel{min-height:400px}.auth-demo-shortcuts{gap:8px}.shortcut-button{padding:8px 14px;font-size:13px}}@media (max-width:640px){.auth-demo-prompt{border-radius:18px;padding:10px 14px}.prompt-input{font-size:14px}.prompt-send-button{width:36px;height:36px}.prompt-send-button svg{width:18px;height:18px}.prompt-icon-add,.prompt-icon-attach,.prompt-icon-mic{width:20px;height:20px}.shortcut-button{padding:6px 12px;font-size:12px}.shortcut-button svg{width:16px;height:16px}}.auth-page-container{background:var(--bg-primary,#16213e);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-background{z-index:0;position:absolute;inset:0;overflow:hidden}.auth-background:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#7c3aed66 0%,#00b4d84d 40%,#16213e80 70%,#0000 100%);position:absolute;inset:0}.gradient-orb{filter:blur(100px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.gradient-orb-1{background:radial-gradient(circle,#7c3aed99 0%,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-150px;left:-150px}.gradient-orb-2{background:radial-gradient(circle,#00b4d880 0%,#0000 70%);width:600px;height:600px;animation-delay:7s;bottom:-200px;right:-200px}.gradient-orb-3{background:radial-gradient(circle,#7c3aed66 0%,#0000 70%);width:450px;height:450px;animation-delay:14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(50px,-50px)}66%{transform:translate(-50px,50px)}}.hexagon-container{pointer-events:none;width:100%;height:100%;position:absolute;overflow:hidden}.hexagon{opacity:.15;transition:all .3s;position:absolute}.hexagon svg{filter:drop-shadow(0 0 20px);width:100%;height:100%;animation:12s ease-in-out infinite hexagonColorChange}.hexagon polygon{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-opacity:.5}.hexagon-1{color:#7c3aedcc;width:120px;height:120px;animation:25s ease-in-out infinite hexagonFloat1,15s ease-in-out infinite hexagonColorChange1;top:10%;left:15%}.hexagon-2{color:#00b4d8cc;width:90px;height:90px;animation-name:hexagonFloat2,hexagonColorChange2;animation-duration:30s,18s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:3s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:20%;right:10%}.hexagon-3{color:#a78bfacc;width:150px;height:150px;animation-name:hexagonFloat3,hexagonColorChange3;animation-duration:28s,20s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:6s;animation-fill-mode:none,none;animation-timeline:auto,auto;bottom:15%;left:8%}.hexagon-4{color:#4fd1c5cc;width:100px;height:100px;animation-name:hexagonFloat4,hexagonColorChange4;animation-duration:32s,16s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:9s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:60%;right:20%}.hexagon-5{color:#c4b5fdcc;width:80px;height:80px;animation-name:hexagonFloat5,hexagonColorChange5;animation-duration:26s,22s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:12s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:40%;left:5%}.hexagon-6{color:#22d3eecc;width:110px;height:110px;animation-name:hexagonFloat6,hexagonColorChange6;animation-duration:29s,19s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:15s;animation-fill-mode:none,none;animation-timeline:auto,auto;bottom:25%;right:15%}.hexagon-7{color:#8b5cf6cc;width:95px;height:95px;animation-name:hexagonFloat7,hexagonColorChange7;animation-duration:27s,17s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:18s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:75%;left:40%}.hexagon-8{color:#67e8f9cc;width:130px;height:130px;animation-name:hexagonFloat8,hexagonColorChange8;animation-duration:31s,21s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:21s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:30%;right:35%}@keyframes hexagonFloat1{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(50px,-40px)rotate(90deg)}50%{transform:translate(100px,20px)rotate(180deg)}75%{transform:translate(30px,60px)rotate(270deg)}}@keyframes hexagonFloat2{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-60px,50px)rotate(-90deg)}50%{transform:translate(-40px,-30px)rotate(-180deg)}75%{transform:translate(20px,-70px)rotate(-270deg)}}@keyframes hexagonFloat3{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(70px,-50px)rotate(120deg)}66%{transform:translate(-30px,-80px)rotate(240deg)}}@keyframes hexagonFloat4{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-50px,-60px)rotate(90deg)}50%{transform:translate(40px,-40px)rotate(180deg)}75%{transform:translate(-70px,30px)rotate(270deg)}}@keyframes hexagonFloat5{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(80px,60px)rotate(-120deg)}66%{transform:translate(-50px,40px)rotate(-240deg)}}@keyframes hexagonFloat6{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(60px,50px)rotate(90deg)}50%{transform:translate(-20px,-60px)rotate(180deg)}75%{transform:translate(-80px,20px)rotate(270deg)}}@keyframes hexagonFloat7{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-70px,-40px)rotate(120deg)}66%{transform:translate(50px,-70px)rotate(240deg)}}@keyframes hexagonFloat8{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-40px,70px)rotate(-90deg)}50%{transform:translate(80px,-20px)rotate(-180deg)}75%{transform:translate(-60px,-50px)rotate(-270deg)}}@keyframes hexagonColorChange1{0%,to{color:#7c3aedcc;filter:drop-shadow(0 0 20px #7c3aed99)}33%{color:#00b4d8cc;filter:drop-shadow(0 0 25px #00b4d899)}66%{color:#a78bfacc;filter:drop-shadow(0 0 30px #a78bfa99)}}@keyframes hexagonColorChange2{0%,to{color:#00b4d8cc;filter:drop-shadow(0 0 20px #00b4d899)}33%{color:#4fd1c5cc;filter:drop-shadow(0 0 25px #4fd1c599)}66%{color:#22d3eecc;filter:drop-shadow(0 0 30px #22d3ee99)}}@keyframes hexagonColorChange3{0%,to{color:#a78bfacc;filter:drop-shadow(0 0 20px #a78bfa99)}33%{color:#8b5cf6cc;filter:drop-shadow(0 0 25px #8b5cf699)}66%{color:#c4b5fdcc;filter:drop-shadow(0 0 30px #c4b5fd99)}}@keyframes hexagonColorChange4{0%,to{color:#4fd1c5cc;filter:drop-shadow(0 0 20px #4fd1c599)}33%{color:#67e8f9cc;filter:drop-shadow(0 0 25px #67e8f999)}66%{color:#22d3eecc;filter:drop-shadow(0 0 30px #22d3ee99)}}@keyframes hexagonColorChange5{0%,to{color:#c4b5fdcc;filter:drop-shadow(0 0 20px #c4b5fd99)}33%{color:#7c3aedcc;filter:drop-shadow(0 0 25px #7c3aed99)}66%{color:#a78bfacc;filter:drop-shadow(0 0 30px #a78bfa99)}}@keyframes hexagonColorChange6{0%,to{color:#22d3eecc;filter:drop-shadow(0 0 20px #22d3ee99)}33%{color:#00b4d8cc;filter:drop-shadow(0 0 25px #00b4d899)}66%{color:#67e8f9cc;filter:drop-shadow(0 0 30px #67e8f999)}}@keyframes hexagonColorChange7{0%,to{color:#8b5cf6cc;filter:drop-shadow(0 0 20px #8b5cf699)}33%{color:#c4b5fdcc;filter:drop-shadow(0 0 25px #c4b5fd99)}66%{color:#7c3aedcc;filter:drop-shadow(0 0 30px #7c3aed99)}}@keyframes hexagonColorChange8{0%,to{color:#67e8f9cc;filter:drop-shadow(0 0 20px #67e8f999)}33%{color:#22d3eecc;filter:drop-shadow(0 0 25px #22d3ee99)}66%{color:#4fd1c5cc;filter:drop-shadow(0 0 30px #4fd1c599)}}.auth-content{z-index:1;width:100%;max-width:500px;padding:20px;position:relative}.auth-card{background:var(--bg-secondary,#2d3e5f);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:24px;padding:48px 40px;transition:all .3s;box-shadow:0 8px 32px #0006,0 1px 2px #0003}.auth-card:hover{border-color:#7c3aed33;box-shadow:0 12px 48px #7c3aed33,0 1px 2px #0003}.auth-logo{text-align:center;margin-bottom:40px}.logo-circle{background:linear-gradient(135deg,#7c3aedcc 0%,#00b4d8cc 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;padding:16px;animation:3s ease-in-out infinite pulse-logo;display:flex;box-shadow:0 8px 32px #7c3aed66}@keyframes pulse-logo{0%,to{transform:scale(1);box-shadow:0 8px 32px #7c3aed66}50%{transform:scale(1.05);box-shadow:0 8px 40px #7c3aed99}}.logo-svg{color:#fff;width:100%;height:100%}.logo-path{stroke-dasharray:400;stroke-dashoffset:400px;animation:2s ease-in-out forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.logo-dot{opacity:0;animation:.5s ease-in-out 1.5s forwards fadeIn}.auth-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e1e8ed 0%,#90a4ae 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:32px;font-weight:700}.auth-subtitle{color:#fff9;margin:0;font-size:14px}.auth-form{margin-bottom:32px}.form-title{color:var(--text-primary,#e1e8ed);text-align:center;margin:0 0 8px;font-size:24px;font-weight:600}.form-description{color:var(--text-secondary,#fff9);text-align:center;margin:0 0 32px;font-size:14px}.auth-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.error-icon{color:#ef4444;flex-shrink:0;width:20px;height:20px}.auth-button,.auth-button-secondary{cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.auth-button{color:#fff;background:linear-gradient(135deg,#7c3aede6 0%,#00b4d8e6 100%);box-shadow:0 4px 20px #7c3aed66}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#00b4d8 100%);transform:translateY(-2px);box-shadow:0 6px 30px #7c3aed99}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button-secondary{color:#fffc;background:0 0;border:1px solid #fff3;margin-top:12px}.auth-button-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.button-icon{width:20px;height:20px}.button-spinner{width:20px;height:20px;animation:1.5s linear infinite spin;position:relative}.button-spinner:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#fff;width:100%;height:100%;position:absolute}.auth-divider{text-align:center;color:#fff6;align-items:center;margin:24px 0;font-size:14px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-divider span{padding:0 16px}.auth-features{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;padding:24px 0;display:grid}.feature-item{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.feature-icon{color:#7c3aede6;width:24px;height:24px}.feature-item span{color:#ffffffb3;font-size:12px}.auth-benefits{border-top:1px solid #ffffff1a;margin-bottom:24px;padding:24px 0}.benefits-title{color:#fff;text-align:center;margin:0 0 20px;font-size:16px;font-weight:600}.benefit-list{flex-direction:column;gap:16px;display:flex}.benefit-item{align-items:flex-start;gap:16px;display:flex}.benefit-icon{color:#7c3aede6;background:#7c3aed26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.benefit-icon svg{width:20px;height:20px}.benefit-content h4{color:#fff;margin:0 0 4px;font-size:14px;font-weight:600}.benefit-content p{color:#fff9;margin:0;font-size:13px;line-height:1.5}.auth-footer{text-align:center;color:#ffffff80;font-size:12px}.auth-footer a{color:#7c3aede6;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#764ba2;text-decoration:underline}.auth-loading{color:#fff;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{width:50px;height:50px;margin-bottom:20px;animation:1.5s linear infinite spin;position:relative}.loading-spinner:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#667eea;width:100%;height:100%;position:absolute}.auth-loading p{color:#fff9;font-size:16px}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-page-container{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-left-panel{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%)}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-card{background:#fffffff2;border:1px solid #00000014;box-shadow:0 8px 32px #00000014,0 1px 2px #0000000d}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-card:hover{border-color:#7c3aed33;box-shadow:0 12px 48px #7c3aed1f,0 1px 2px #0000000d}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#495057 0%,#212529 100%);-webkit-background-clip:text;background-clip:text}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-subtitle{color:#6c757d}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .form-title{color:#212529}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .form-description{color:#6c757d}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-divider{color:#adb5bd}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-divider:before,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-divider:after{background:#dee2e6}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .feature-item span{color:#495057}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-features{border-top-color:#dee2e6;border-bottom-color:#dee2e6}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-footer{color:#6c757d}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-button-secondary{color:#495057;border-color:#0003}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-button-secondary:hover:not(:disabled){background:#0000000d;border-color:#0000004d}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-background:before{background:radial-gradient(circle at 50% 0,#7c3aed26 0%,#00b4d81f 40%,#f8f9facc 70%,#0000 100%)}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .hexagon{opacity:.08}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .gradient-orb{opacity:.15}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-right-panel{background-image:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-demo-prompt{background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 8px 32px #0000001a}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-demo-prompt:hover{border-color:#7c3aed4d;box-shadow:0 12px 48px #7c3aed26}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .prompt-icon-add,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .prompt-icon-attach,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .prompt-icon-mic{color:#00000080}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-demo-prompt:hover .prompt-icon-add,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-demo-prompt:hover .prompt-icon-attach,:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .auth-demo-prompt:hover .prompt-icon-mic{color:#000c}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .prompt-input{color:#000000b3}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .prompt-input::placeholder{color:#0006}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .shortcut-button{color:#000000b3;background:#fffc;border:1px solid #0000001a}:root:not(.dark-mode):not(.theme-noctis):not(.theme-github):not(.theme-synthwave) .shortcut-button:hover{color:#212529;background:#fffffff2;border-color:#7c3aed66;box-shadow:0 4px 12px #7c3aed26}@media (max-width:640px){.auth-card{padding:32px 24px}.auth-features{grid-template-columns:1fr;gap:12px}.auth-title{font-size:28px}.form-title{font-size:20px}}.auth-status-bar{background-color:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:1rem}.auth-status-container{flex-direction:column;gap:1rem;display:flex}.auth-status-separator{background-color:#e1e5e9;height:1px;margin:.5rem 0}.auth-status-authenticated,.auth-status-unauthenticated{border:1px solid #e1e5e9;border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.auth-status-authenticated{background-color:#f8fff8;border-color:#28a745}.auth-status-unauthenticated{background-color:#fff8f8;border-color:#dc3545}.auth-status-authenticated.mia-platform{background-color:#f0f8ff;border-color:#0052cc}.auth-status-unauthenticated.mia-platform{background-color:#fff8f0;border-color:#f60}.user-info{flex:1;align-items:center;gap:.75rem;display:flex}.user-name{color:#333;font-weight:500}.status-indicators{align-items:center;gap:.25rem;display:flex}.auth-indicator,.backend-indicator,.mcp-indicator,.mia-indicator{cursor:help;font-size:1rem}.mcp-indicator.connected,.mia-indicator.connected,.backend-indicator.connected{opacity:1}.mcp-indicator.disconnected,.mia-indicator.disconnected,.backend-indicator.disconnected{opacity:.5}.mcp-error{color:#dc3545;cursor:help;margin-left:.5rem;font-size:.75rem}.status-text{color:#6c757d;margin-right:.5rem;font-size:.875rem}.login-button,.logout-button{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.login-button{color:#fff;background-color:#0052cc}.login-button:hover:not(:disabled){background-color:#0747a6}.login-button:disabled{cursor:not-allowed;background-color:#ccc}.login-button.mia-platform{color:#fff;background-color:#f60}.login-button.mia-platform:hover:not(:disabled){background-color:#e55a00}.logout-button{color:#fff;background-color:#dc3545}.logout-button:hover{background-color:#c82333}.logout-button.mia-platform{background-color:#f60}.logout-button.mia-platform:hover{background-color:#e55a00}.auth-user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.auth-user-email{color:#6c757d;font-size:.875rem}.auth-callback-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-callback-spinner{width:40px;height:40px;margin-bottom:1rem;animation:1.5s linear infinite spin;position:relative}.auth-callback-spinner:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#0052cc;width:100%;height:100%;position:absolute}.auth-callback-error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;max-width:400px;margin-top:1rem;padding:1rem}.auth-callback-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;max-width:400px;margin-top:1rem;padding:1rem}.auth-status-indicator{border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.auth-status-indicator.connected{background-color:#28a745}.auth-status-indicator.disconnected{background-color:#dc3545}.auth-status-indicator.connecting{background-color:#ffc107;animation:1.5s ease-in-out infinite pulse}.auth-status-loading{color:#6c757d;justify-content:center;align-items:center;padding:1rem;font-style:italic;display:flex}.mobile-ai-mode{position:relative;display:none!important}.mobile-mode-toggle{border:1px solid var(--palette-common-grey-300);background-color:var(--palette-common-white);font-family:var(--main-font);color:var(--palette-text-primary-main);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:20px;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mobile-mode-toggle:hover{background-color:var(--palette-background-neutral-50);border-color:var(--palette-action-primary-default)}.mobile-mode-toggle:active{background-color:var(--palette-background-neutral-100);transform:scale(.97)}.mobile-mode-toggle:focus-visible{outline:2px solid var(--palette-action-primary-default);outline-offset:2px}.mobile-mode-icon{justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.mobile-mode-label{color:var(--palette-text-primary-main);font-weight:600}.mobile-dropdown-arrow{color:var(--palette-text-secondary-main);flex-shrink:0;transition:transform .2s}.mobile-dropdown-arrow.open{transform:rotate(180deg)}.mobile-mode-backdrop{z-index:999;background-color:#0006;animation:.2s fadeIn;position:fixed;inset:0}.mobile-mode-dropdown{background-color:var(--palette-common-white);z-index:1000;border-radius:16px;max-width:500px;margin:0 auto;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;position:fixed;bottom:70px;left:12px;right:12px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014}.mobile-mode-option{background-color:var(--palette-common-white);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;align-items:center;gap:12px;width:100%;min-height:72px;padding:16px;transition:all .2s;display:flex;position:relative}.mobile-mode-option:not(:last-child){border-bottom:1px solid var(--palette-common-grey-200)}.mobile-mode-option:hover{background-color:var(--palette-background-neutral-50)}.mobile-mode-option:active{background-color:var(--palette-background-neutral-100);transform:scale(.98)}.mobile-mode-option.active{background-color:var(--palette-action-primary-light)}.mobile-mode-option:focus-visible{outline:2px solid var(--palette-action-primary-default);outline-offset:-2px;z-index:1}.mobile-mode-option-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;line-height:1;display:flex}.mobile-mode-option-text{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:4px;display:flex}.mobile-mode-option-label{font-family:var(--main-font);color:var(--palette-text-primary-main);font-size:16px;font-weight:600;line-height:1.3}.mobile-mode-option-desc{font-family:var(--main-font);color:var(--palette-text-secondary-main);font-size:13px;font-weight:400;line-height:1.4}.mobile-mode-check{color:var(--palette-action-primary-default);flex-shrink:0}@media (max-width:767px){.mobile-ai-mode{display:block}.ai-mode-selector:not(.mobile-ai-mode){display:none!important}@media (max-width:359px){.mobile-mode-toggle{min-height:36px;padding:6px 10px;font-size:13px}.mobile-mode-icon{font-size:16px}.mobile-mode-dropdown{bottom:60px;left:8px;right:8px}.mobile-mode-option{min-height:64px;padding:14px}.mobile-mode-option-icon{width:36px;height:36px;font-size:24px}.mobile-mode-option-label{font-size:15px}.mobile-mode-option-desc{font-size:12px}}@media (orientation:landscape){.mobile-mode-dropdown{max-height:50vh;bottom:55px;overflow-y:auto}}@media (max-width:340px){.mobile-mode-label{display:none}.mobile-mode-toggle{gap:4px;min-width:44px;padding:8px 10px}}}@media (min-width:768px) and (max-width:1023px){.mobile-ai-mode{display:block}.ai-mode-selector:not(.mobile-ai-mode){display:none!important}.mobile-mode-toggle{min-height:44px;padding:10px 16px;font-size:15px}.mobile-mode-icon{font-size:20px}.mobile-mode-dropdown{width:400px;bottom:80px;left:50%;right:auto;transform:translate(-50%)}.mobile-mode-option{min-height:76px;padding:18px}.mobile-mode-option-icon{width:44px;height:44px;font-size:32px}.mobile-mode-option-label{font-size:17px}.mobile-mode-option-desc{font-size:14px}}.dark-mode .mobile-mode-toggle{background-color:var(--bg-card);color:var(--text-primary);border-color:#ffffff1a}.dark-mode .mobile-mode-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.dark-mode .mobile-mode-toggle:active{background-color:var(--bg-secondary)}.dark-mode .mobile-mode-label{color:var(--text-primary)}.dark-mode .mobile-dropdown-arrow{color:var(--text-secondary)}.dark-mode .mobile-mode-backdrop{background-color:#000000b3}.dark-mode .mobile-mode-dropdown{background-color:var(--bg-card);border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d}.dark-mode .mobile-mode-option{background-color:var(--bg-card)}.dark-mode .mobile-mode-option:not(:last-child){border-bottom-color:#ffffff1a}.dark-mode .mobile-mode-option:hover{background-color:var(--bg-tertiary)}.dark-mode .mobile-mode-option:active{background-color:var(--bg-secondary)}.dark-mode .mobile-mode-option.active{background-color:#6366f133}.dark-mode .mobile-mode-option-label{color:var(--text-primary)}.dark-mode .mobile-mode-option-desc{color:var(--text-secondary)}.dark-mode .mobile-mode-check{color:var(--accent-primary)}@media (prefers-reduced-motion:reduce){.mobile-mode-backdrop,.mobile-mode-dropdown{animation:none}.mobile-dropdown-arrow{transition:none}.mobile-mode-option:active{transform:none}}@media (prefers-contrast:high){.mobile-mode-toggle{border-width:2px}.mobile-mode-option{border-bottom-width:2px}.mobile-mode-option:focus-visible{outline-width:3px}}.mobile-nav{background-color:var(--palette-common-white);border-top:1px solid var(--palette-common-grey-200);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100;justify-content:space-around;align-items:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000014}.mobile-nav-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;max-width:100px;min-height:60px;padding:8px 12px;transition:all .2s;display:flex;position:relative}.mobile-nav-item:hover{background-color:var(--palette-background-neutral-50)}.mobile-nav-item:active{background-color:var(--palette-background-neutral-100);transform:scale(.95)}.mobile-nav-item:focus-visible{outline:2px solid var(--palette-action-primary-default);outline-offset:2px}.mobile-nav-item.active{background-color:var(--palette-action-primary-light)}.mobile-nav-icon{color:var(--palette-text-secondary-main);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:color .2s,transform .2s;display:flex}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.15)}.mobile-nav-label{font-family:var(--main-font);color:var(--palette-text-secondary-main);text-align:center;font-size:11px;font-weight:500;line-height:1.2;transition:color .2s,font-weight .2s}.mobile-nav-item.active .mobile-nav-label{color:var(--palette-action-primary-default);font-weight:600}.mobile-nav-item:hover .mobile-nav-label{color:var(--palette-action-primary-default)}.mobile-nav-new{position:relative}.mobile-nav-new-button{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-8px;margin-bottom:-8px;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f166}.mobile-nav-new:hover .mobile-nav-new-button{transform:scale(1.05);box-shadow:0 6px 16px #6366f180}.mobile-nav-new:active .mobile-nav-new-button{transform:scale(.95);box-shadow:0 2px 8px #6366f166}.mobile-nav-new .mobile-nav-label{color:var(--palette-action-primary-default);margin-top:4px;font-weight:600}.mobile-nav-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.mobile-nav-badge{border:2px solid var(--palette-common-white);background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;position:absolute;top:-2px;right:-2px}@media (min-width:768px){.mobile-nav{display:none!important}}@media (max-width:767px){.mobile-nav{display:flex}body{padding-bottom:env(safe-area-inset-bottom)}@media (max-width:359px){.mobile-nav{padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom))}.mobile-nav-item{gap:3px;min-height:56px;padding:6px 8px}.mobile-nav-icon{width:22px;height:22px}.mobile-nav-label{font-size:10px}.mobile-nav-new-icon{width:40px;height:40px}.mobile-nav-new-icon svg{width:18px;height:18px}}@media (orientation:landscape){.mobile-nav{padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom))}.mobile-nav-item{min-height:52px}.mobile-nav-new-icon{width:40px;height:40px}}}@media (min-width:768px) and (max-width:1023px){.mobile-nav{padding:10px 0;padding-bottom:max(10px,env(safe-area-inset-bottom));display:flex}.mobile-nav-item{gap:6px;max-width:120px;min-height:64px;padding:10px 16px}.mobile-nav-icon{width:26px;height:26px}.mobile-nav-label{font-size:12px}.mobile-nav-new-icon{width:48px;height:48px}.mobile-nav-new-icon svg{width:22px;height:22px}}.dark-mode .mobile-nav{background-color:var(--bg-card);border-top-color:#ffffff1a;box-shadow:0 -2px 12px #0000004d}.dark-mode .mobile-nav-item:hover{background-color:var(--bg-tertiary)}.dark-mode .mobile-nav-item:active{background-color:var(--bg-secondary)}.dark-mode .mobile-nav-item.active{background-color:#6366f133}.dark-mode .mobile-nav-icon{color:var(--text-secondary)}.dark-mode .mobile-nav-item.active .mobile-nav-icon,.dark-mode .mobile-nav-item:hover .mobile-nav-icon{color:var(--accent-primary)}.dark-mode .mobile-nav-label{color:var(--text-secondary)}.dark-mode .mobile-nav-item.active .mobile-nav-label,.dark-mode .mobile-nav-item:hover .mobile-nav-label,.dark-mode .mobile-nav-new .mobile-nav-label{color:var(--accent-primary)}.dark-mode .mobile-nav-badge{border-color:var(--bg-card)}@media (prefers-reduced-motion:reduce){.mobile-nav-item,.mobile-nav-icon,.mobile-nav-label,.mobile-nav-new-icon{transition:none}.mobile-nav-badge{animation:none}.mobile-nav-item:active{transform:none}}@media (prefers-contrast:high){.mobile-nav{border-top-width:2px}.mobile-nav-item:focus-visible{outline-width:3px}.mobile-nav-new-icon{box-shadow:0 0 0 2px var(--palette-common-white)}}@media (display-mode:standalone){.mobile-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.mobile-canvas-backdrop{z-index:1000;background-color:#0009;animation:.2s ease-out fadeIn;position:fixed;inset:0}.mobile-canvas-drawer{background-color:var(--palette-common-white,#fff);z-index:1001;border-radius:20px 20px 0 0;flex-direction:column;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000026}.dark-mode .mobile-canvas-drawer,.theme-noctis .mobile-canvas-drawer,.theme-github .mobile-canvas-drawer,.theme-synthwave .mobile-canvas-drawer,.theme-hackerx-green .mobile-canvas-drawer,.theme-hackerx-ocean .mobile-canvas-drawer,.theme-monokai .mobile-canvas-drawer,.theme-catppuccin-latte .mobile-canvas-drawer,.theme-catppuccin-frappe .mobile-canvas-drawer,.theme-catppuccin-macchiato .mobile-canvas-drawer,.theme-catppuccin-mocha .mobile-canvas-drawer{background-color:var(--bg-card,#1e1e1e)}.mobile-canvas-drawer-header{border-bottom:1px solid var(--palette-common-grey-200,#e0e0e0);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-title{color:var(--palette-text-primary,#000);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.drawer-close-btn{cursor:pointer;color:var(--palette-text-secondary,#666);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s,color .2s;display:flex}.drawer-close-btn:hover{background-color:var(--palette-common-grey-100,#f5f5f5);color:var(--palette-text-primary,#000)}.drawer-section-tabs{border-bottom:1px solid var(--palette-common-grey-200,#e0e0e0);-webkit-overflow-scrolling:touch;flex-shrink:0;gap:8px;padding:0 20px;display:flex;overflow-x:auto}.section-tab{cursor:pointer;color:var(--palette-text-secondary,#666);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:500;transition:color .2s,border-color .2s;display:flex}.section-tab:hover{color:var(--palette-text-primary,#000)}.section-tab.active{color:var(--palette-action-primary-default,#6366f1);border-bottom-color:var(--palette-action-primary-default,#6366f1)}.section-tab:disabled{opacity:.5;cursor:not-allowed}.drawer-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.drawer-section{flex-direction:column;gap:20px;display:flex}.section-header{flex-direction:column;gap:8px;display:flex}.section-header h3{color:var(--palette-text-primary,#000);margin:0;font-size:16px;font-weight:600}.section-description{color:var(--palette-text-secondary,#666);margin:0;font-size:13px}.selectors-stack{flex-direction:column;gap:16px;display:flex}.selector-group{flex-direction:column;gap:8px;display:flex}.selector-label{color:var(--palette-text-secondary,#666);font-size:13px;font-weight:500}.refresh-config-btn{background-color:var(--palette-action-primary-default,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:background-color .2s,opacity .2s;display:flex}.refresh-config-btn:hover{background-color:var(--palette-action-primary-hover,#4f46e5)}.refresh-config-btn:disabled{opacity:.6;cursor:not-allowed}.project-info{background-color:var(--palette-common-grey-100,#f5f5f5);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.info-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.info-label{color:var(--palette-text-secondary,#666);font-size:13px;font-weight:500}.info-value{color:var(--palette-text-primary,#000);text-align:right;word-break:break-word;font-size:13px}.action-buttons{flex-direction:column;gap:16px;display:flex}.action-btn{border:1px solid var(--palette-common-grey-300,#d0d0d0);background-color:var(--palette-common-white,#fff);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.action-btn:hover{border-color:var(--palette-action-primary-default,#6366f1);background-color:var(--palette-action-primary-lighter,#f0f0ff)}.action-btn.primary{background-color:var(--palette-action-primary-default,#6366f1);border-color:var(--palette-action-primary-default,#6366f1);color:#fff}.action-btn.primary:hover{background-color:var(--palette-action-primary-hover,#4f46e5);border-color:var(--palette-action-primary-hover,#4f46e5)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn:disabled:hover{border-color:var(--palette-common-grey-300,#d0d0d0);background-color:var(--palette-common-white,#fff)}.action-btn.primary:disabled:hover{background-color:var(--palette-action-primary-default,#6366f1);border-color:var(--palette-action-primary-default,#6366f1)}.btn-content{text-align:left;flex-direction:column;flex:1;gap:4px;display:flex}.btn-title{font-size:15px;font-weight:600}.btn-description{opacity:.8;font-size:12px}.drawer-footer{border-top:1px solid var(--palette-common-grey-200,#e0e0e0);flex-shrink:0;gap:12px;padding:16px 20px;display:flex}.footer-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.footer-btn.secondary{background-color:var(--palette-common-grey-200,#e0e0e0);color:var(--palette-text-primary,#000)}.footer-btn.secondary:hover{background-color:var(--palette-common-grey-300,#d0d0d0)}.dark-mode .mobile-canvas-drawer-header,.dark-mode .drawer-section-tabs,.dark-mode .drawer-footer,.theme-noctis .mobile-canvas-drawer-header,.theme-noctis .drawer-section-tabs,.theme-noctis .drawer-footer,.theme-github .mobile-canvas-drawer-header,.theme-github .drawer-section-tabs,.theme-github .drawer-footer,.theme-synthwave .mobile-canvas-drawer-header,.theme-synthwave .drawer-section-tabs,.theme-synthwave .drawer-footer,.theme-hackerx-green .mobile-canvas-drawer-header,.theme-hackerx-green .drawer-section-tabs,.theme-hackerx-green .drawer-footer,.theme-hackerx-ocean .mobile-canvas-drawer-header,.theme-hackerx-ocean .drawer-section-tabs,.theme-hackerx-ocean .drawer-footer,.theme-monokai .mobile-canvas-drawer-header,.theme-monokai .drawer-section-tabs,.theme-monokai .drawer-footer,.theme-catppuccin-latte .mobile-canvas-drawer-header,.theme-catppuccin-latte .drawer-section-tabs,.theme-catppuccin-latte .drawer-footer,.theme-catppuccin-frappe .mobile-canvas-drawer-header,.theme-catppuccin-frappe .drawer-section-tabs,.theme-catppuccin-frappe .drawer-footer,.theme-catppuccin-macchiato .mobile-canvas-drawer-header,.theme-catppuccin-macchiato .drawer-section-tabs,.theme-catppuccin-macchiato .drawer-footer,.theme-catppuccin-mocha .mobile-canvas-drawer-header,.theme-catppuccin-mocha .drawer-section-tabs,.theme-catppuccin-mocha .drawer-footer{border-color:#ffffff1a}.dark-mode .drawer-title,.dark-mode .section-header h3,.dark-mode .info-value,.theme-noctis .drawer-title,.theme-noctis .section-header h3,.theme-noctis .info-value,.theme-github .drawer-title,.theme-github .section-header h3,.theme-github .info-value,.theme-synthwave .drawer-title,.theme-synthwave .section-header h3,.theme-synthwave .info-value,.theme-hackerx-green .drawer-title,.theme-hackerx-green .section-header h3,.theme-hackerx-green .info-value,.theme-hackerx-ocean .drawer-title,.theme-hackerx-ocean .section-header h3,.theme-hackerx-ocean .info-value,.theme-monokai .drawer-title,.theme-monokai .section-header h3,.theme-monokai .info-value,.theme-catppuccin-latte .drawer-title,.theme-catppuccin-latte .section-header h3,.theme-catppuccin-latte .info-value,.theme-catppuccin-frappe .drawer-title,.theme-catppuccin-frappe .section-header h3,.theme-catppuccin-frappe .info-value,.theme-catppuccin-macchiato .drawer-title,.theme-catppuccin-macchiato .section-header h3,.theme-catppuccin-macchiato .info-value,.theme-catppuccin-mocha .drawer-title,.theme-catppuccin-mocha .section-header h3,.theme-catppuccin-mocha .info-value{color:var(--palette-common-white,#fff)}.dark-mode .drawer-close-btn,.theme-noctis .drawer-close-btn,.theme-github .drawer-close-btn,.theme-synthwave .drawer-close-btn,.theme-hackerx-green .drawer-close-btn,.theme-hackerx-ocean .drawer-close-btn,.theme-monokai .drawer-close-btn,.theme-catppuccin-latte .drawer-close-btn,.theme-catppuccin-frappe .drawer-close-btn,.theme-catppuccin-macchiato .drawer-close-btn,.theme-catppuccin-mocha .drawer-close-btn{color:#ffffffb3}.dark-mode .drawer-close-btn:hover,.theme-noctis .drawer-close-btn:hover,.theme-github .drawer-close-btn:hover,.theme-synthwave .drawer-close-btn:hover,.theme-hackerx-green .drawer-close-btn:hover,.theme-hackerx-ocean .drawer-close-btn:hover,.theme-monokai .drawer-close-btn:hover,.theme-catppuccin-latte .drawer-close-btn:hover,.theme-catppuccin-frappe .drawer-close-btn:hover,.theme-catppuccin-macchiato .drawer-close-btn:hover,.theme-catppuccin-mocha .drawer-close-btn:hover{color:var(--palette-common-white,#fff);background-color:#ffffff1a}.dark-mode .section-tab,.theme-noctis .section-tab,.theme-github .section-tab,.theme-synthwave .section-tab,.theme-hackerx-green .section-tab,.theme-hackerx-ocean .section-tab,.theme-monokai .section-tab,.theme-catppuccin-latte .section-tab,.theme-catppuccin-frappe .section-tab,.theme-catppuccin-macchiato .section-tab,.theme-catppuccin-mocha .section-tab{color:#ffffffb3}.dark-mode .section-tab:hover,.theme-noctis .section-tab:hover,.theme-github .section-tab:hover,.theme-synthwave .section-tab:hover,.theme-hackerx-green .section-tab:hover,.theme-hackerx-ocean .section-tab:hover,.theme-monokai .section-tab:hover,.theme-catppuccin-latte .section-tab:hover,.theme-catppuccin-frappe .section-tab:hover,.theme-catppuccin-macchiato .section-tab:hover,.theme-catppuccin-mocha .section-tab:hover{color:var(--palette-common-white,#fff)}.dark-mode .project-info,.theme-noctis .project-info,.theme-github .project-info,.theme-synthwave .project-info,.theme-hackerx-green .project-info,.theme-hackerx-ocean .project-info,.theme-monokai .project-info,.theme-catppuccin-latte .project-info,.theme-catppuccin-frappe .project-info,.theme-catppuccin-macchiato .project-info,.theme-catppuccin-mocha .project-info{background-color:#ffffff0d}.dark-mode .action-btn,.theme-noctis .action-btn,.theme-github .action-btn,.theme-synthwave .action-btn,.theme-hackerx-green .action-btn,.theme-hackerx-ocean .action-btn,.theme-monokai .action-btn,.theme-catppuccin-latte .action-btn,.theme-catppuccin-frappe .action-btn,.theme-catppuccin-macchiato .action-btn,.theme-catppuccin-mocha .action-btn{background-color:#ffffff0d;border-color:#ffffff1a}.dark-mode .action-btn:hover,.theme-noctis .action-btn:hover,.theme-github .action-btn:hover,.theme-synthwave .action-btn:hover,.theme-hackerx-green .action-btn:hover,.theme-hackerx-ocean .action-btn:hover,.theme-monokai .action-btn:hover,.theme-catppuccin-latte .action-btn:hover,.theme-catppuccin-frappe .action-btn:hover,.theme-catppuccin-macchiato .action-btn:hover,.theme-catppuccin-mocha .action-btn:hover{background-color:#6366f11a}.dark-mode .action-btn:disabled:hover,.theme-noctis .action-btn:disabled:hover,.theme-github .action-btn:disabled:hover,.theme-synthwave .action-btn:disabled:hover,.theme-hackerx-green .action-btn:disabled:hover,.theme-hackerx-ocean .action-btn:disabled:hover,.theme-monokai .action-btn:disabled:hover,.theme-catppuccin-latte .action-btn:disabled:hover,.theme-catppuccin-frappe .action-btn:disabled:hover,.theme-catppuccin-macchiato .action-btn:disabled:hover,.theme-catppuccin-mocha .action-btn:disabled:hover{background-color:#ffffff0d}.dark-mode .info-box,.theme-noctis .info-box,.theme-github .info-box,.theme-synthwave .info-box,.theme-hackerx-green .info-box,.theme-hackerx-ocean .info-box,.theme-monokai .info-box,.theme-catppuccin-latte .info-box,.theme-catppuccin-frappe .info-box,.theme-catppuccin-macchiato .info-box,.theme-catppuccin-mocha .info-box{background-color:#2196f31a}.dark-mode .footer-btn.secondary,.theme-noctis .footer-btn.secondary,.theme-github .footer-btn.secondary,.theme-synthwave .footer-btn.secondary,.theme-hackerx-green .footer-btn.secondary,.theme-hackerx-ocean .footer-btn.secondary,.theme-monokai .footer-btn.secondary,.theme-catppuccin-latte .footer-btn.secondary,.theme-catppuccin-frappe .footer-btn.secondary,.theme-catppuccin-macchiato .footer-btn.secondary,.theme-catppuccin-mocha .footer-btn.secondary{color:var(--palette-common-white,#fff);background-color:#ffffff1a}.dark-mode .footer-btn.secondary:hover,.theme-noctis .footer-btn.secondary:hover,.theme-github .footer-btn.secondary:hover,.theme-synthwave .footer-btn.secondary:hover,.theme-hackerx-green .footer-btn.secondary:hover,.theme-hackerx-ocean .footer-btn.secondary:hover,.theme-monokai .footer-btn.secondary:hover,.theme-catppuccin-latte .footer-btn.secondary:hover,.theme-catppuccin-frappe .footer-btn.secondary:hover,.theme-catppuccin-macchiato .footer-btn.secondary:hover,.theme-catppuccin-mocha .footer-btn.secondary:hover{background-color:#fff3}@media (max-width:767px){.mobile-canvas-drawer{padding-bottom:max(0px,env(safe-area-inset-bottom))}}.mobile-code-view,.mobile-preview-view{flex-direction:column;gap:16px;display:flex}.empty-state p{margin:0;font-size:14px;line-height:1.5}.project-summary{background-color:var(--palette-background-neutral-50,#f9fafb);border:1px solid var(--palette-common-grey-200,#e0e0e0);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:16px;display:grid}.summary-item{background-color:var(--palette-common-white,#fff);border:1px solid var(--palette-common-grey-200,#e0e0e0);border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.summary-label{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:500}.summary-value{color:var(--text-primary,#000);word-break:break-word;font-size:14px;font-weight:600}.dark-mode .project-summary,.theme-noctis .project-summary,.theme-github .project-summary,.theme-synthwave .project-summary,.theme-hackerx-green .project-summary,.theme-hackerx-ocean .project-summary,.theme-monokai .project-summary,.theme-catppuccin-latte .project-summary,.theme-catppuccin-frappe .project-summary,.theme-catppuccin-macchiato .project-summary,.theme-catppuccin-mocha .project-summary{background-color:#ffffff0d;border-color:#ffffff1a}.dark-mode .summary-item,.theme-noctis .summary-item,.theme-github .summary-item,.theme-synthwave .summary-item,.theme-hackerx-green .summary-item,.theme-hackerx-ocean .summary-item,.theme-monokai .summary-item,.theme-catppuccin-latte .summary-item,.theme-catppuccin-frappe .summary-item,.theme-catppuccin-macchiato .summary-item,.theme-catppuccin-mocha .summary-item{background-color:#ffffff08;border-color:#ffffff1a}.mobile-code-page{z-index:2000;background-color:#121212;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.dark-mode .mobile-code-page,.theme-noctis .mobile-code-page,.theme-github .mobile-code-page,.theme-synthwave .mobile-code-page,.theme-hackerx-green .mobile-code-page,.theme-hackerx-ocean .mobile-code-page,.theme-monokai .mobile-code-page,.theme-catppuccin-latte .mobile-code-page,.theme-catppuccin-frappe .mobile-code-page,.theme-catppuccin-macchiato .mobile-code-page,.theme-catppuccin-mocha .mobile-code-page{background-color:var(--bg-main,#121212)}.mobile-code-header{background-color:#1e1e1e;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding:12px 16px;display:flex}.dark-mode .mobile-code-header,.theme-noctis .mobile-code-header,.theme-github .mobile-code-header,.theme-synthwave .mobile-code-header,.theme-hackerx-green .mobile-code-header,.theme-hackerx-ocean .mobile-code-header,.theme-monokai .mobile-code-header,.theme-catppuccin-latte .mobile-code-header,.theme-catppuccin-frappe .mobile-code-header,.theme-catppuccin-macchiato .mobile-code-header,.theme-catppuccin-mocha .mobile-code-header{background-color:var(--bg-card,#1e1e1e);border-bottom-color:#ffffff1a}.back-button{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.page-title{color:var(--palette-text-primary,#000);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.page-title-button{color:var(--palette-text-primary,#000);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin:0;padding:8px;font-size:18px;font-weight:600;transition:background-color .2s;display:flex}.page-title-button:hover{background-color:#ffffff1a}.page-title-button:active{background-color:#fff3}.header-spacer{width:40px}.mobile-code-tabs{-webkit-overflow-scrolling:touch;background-color:#1e1e1e;border-bottom:1px solid #ffffff1a;flex-shrink:0;display:flex;overflow-x:auto}.dark-mode .mobile-code-tabs,.theme-noctis .mobile-code-tabs,.theme-github .mobile-code-tabs,.theme-synthwave .mobile-code-tabs,.theme-hackerx-green .mobile-code-tabs,.theme-hackerx-ocean .mobile-code-tabs,.theme-monokai .mobile-code-tabs,.theme-catppuccin-latte .mobile-code-tabs,.theme-catppuccin-frappe .mobile-code-tabs,.theme-catppuccin-macchiato .mobile-code-tabs,.theme-catppuccin-mocha .mobile-code-tabs{background-color:var(--bg-card,#1e1e1e);border-bottom-color:#ffffff1a}.tab-button{cursor:pointer;color:var(--palette-text-secondary,#666);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:14px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-button:hover:not(:disabled){color:var(--palette-text-primary,#000);background-color:var(--palette-common-grey-50,#fafafa)}.tab-button.active{color:var(--palette-action-primary-default,#6366f1);border-bottom-color:var(--palette-action-primary-default,#6366f1)}.tab-button:disabled{opacity:.4;background-color:#121212}.dark-mode .mobile-code-content,.theme-noctis .mobile-code-content,.theme-github .mobile-code-content,.theme-synthwave .mobile-code-content,.theme-hackerx-green .mobile-code-content,.theme-hackerx-ocean .mobile-code-content,.theme-monokai .mobile-code-content,.theme-catppuccin-latte .mobile-code-content,.theme-catppuccin-frappe .mobile-code-content,.theme-catppuccin-macchiato .mobile-code-content,.theme-catppuccin-mocha .mobile-code-content{background-color:var(--bg-main,#121212)}.tab-content{max-width:100%;padding:16px}.selector-section{margin-bottom:20px}.selector-label{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.dark-mode .project-summary-card,.theme-noctis .project-summary-card,.theme-github .project-summary-card,.theme-synthwave .project-summary-card,.theme-hackerx-green .project-summary-card,.theme-hackerx-ocean .project-summary-card,.theme-monokai .project-summary-card,.theme-catppuccin-latte .project-summary-card,.theme-catppuccin-frappe .project-summary-card,.theme-catppuccin-macchiato .project-summary-card,.theme-catppuccin-mocha .project-summary-card{background-color:var(--bg-card,#1e1e1e);border-color:#ffffff1a}.project-summary-card h3{color:var(--text-primary,#000);margin:0 0 16px;font-size:16px;font-weight:600}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.summary-item{background-color:var(--palette-background-neutral-50,#f9fafb);border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.dark-mode .summary-item,.theme-noctis .summary-item,.theme-github .summary-item,.theme-synthwave .summary-item,.theme-hackerx-green .summary-item,.theme-hackerx-ocean .summary-item,.theme-monokai .summary-item,.theme-catppuccin-latte .summary-item,.theme-catppuccin-frappe .summary-item,.theme-catppuccin-macchiato .summary-item,.theme-catppuccin-mocha .summary-item{background-color:#ffffff0d}.summary-item svg,.summary-item i{color:var(--palette-action-primary-default,#6366f1);flex-shrink:0;margin-top:2px}.item-label{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:500}.item-value{color:var(--palette-text-primary,#000);word-break:break-word;font-size:14px;font-weight:600}.view-resources-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #6366f14d}.view-resources-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.view-resources-btn:active{transform:translateY(0)}.view-resources-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.resources-header{margin-bottom:20px}.resources-header h2{color:var(--palette-text-primary,#000);margin:0 0 4px;font-size:20px;font-weight:600}.resources-description{color:var(--palette-text-secondary,#666);margin:0;font-size:14px}.services-list{flex-direction:column;gap:12px;display:flex}.service-card{cursor:pointer;text-align:left;background-color:#1e1e1e;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.service-card:hover{border-color:var(--palette-action-primary-default,#6366f1);transform:translate(4px);box-shadow:0 2px 8px #6366f133}.service-card:active{transform:translate(2px)}.service-card-actions{opacity:0;gap:8px;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.service-card:hover .service-card-actions{opacity:1}.service-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;box-shadow:0 2px 6px #6366f14d}.service-action-btn:hover{transform:scale(1.1)}.service-action-btn:active{transform:scale(.95)}.service-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.service-info{flex:1;min-width:0}.service-name{color:var(--palette-text-primary,#000);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden}.service-type{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;font-size:12px}.service-image{color:var(--palette-text-tertiary,#999);text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Monaco,Courier New,monospace;font-size:11px;overflow:hidden}.code-header{background-color:var(--palette-common-white,#fff);border-bottom:1px solid var(--palette-common-grey-200,#e0e0e0);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:16px;display:flex}.dark-mode .code-header,.theme-noctis .code-header,.theme-github .code-header,.theme-synthwave .code-header,.theme-hackerx-green .code-header,.theme-hackerx-ocean .code-header,.theme-monokai .code-header,.theme-catppuccin-latte .code-header,.theme-catppuccin-frappe .code-header,.theme-catppuccin-macchiato .code-header,.theme-catppuccin-mocha .code-header{background-color:var(--bg-card,#1e1e1e);border-bottom-color:#ffffff1a}.code-header .header-title{flex:1;min-width:0}.code-header h2{color:var(--palette-text-primary,#000);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:16px;font-weight:600;overflow:hidden}.code-header h3{color:var(--palette-text-primary,#000);margin:0;font-size:14px;font-weight:600}.code-header .resource-type-label{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px}.git-actions{gap:8px;display:flex}.git-action-btn{background-color:var(--palette-primary-main,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s,transform .1s;display:flex}.git-action-btn:hover{background-color:var(--palette-primary-dark,#4f46e5);transform:translateY(-1px)}.git-action-btn:active{transform:translateY(0)}.code-content{color:#d4d4d4;-webkit-overflow-scrolling:touch;background-color:#1e1e1e;flex:1;margin:0;padding:16px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.6;overflow:auto}.code-content code{white-space:pre;word-wrap:normal;display:block}.floating-ai-button{color:#fff;cursor:pointer;z-index:1500;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:24px;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #6366f166}.floating-ai-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.floating-ai-button:active{transform:translateY(0)}.floating-ai-button span{font-weight:600}.loading-state{color:var(--palette-text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}@media (min-width:768px){.mobile-code-page{display:none}}.resource-categories{flex-direction:column;gap:20px;padding:16px;display:flex}.resource-category{background-color:#1e1e1e;border-radius:12px;overflow:hidden}.category-header{background-color:#6366f11a;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:12px 16px;display:flex}.category-header h3{color:#fff;flex:1;margin:0;font-size:14px;font-weight:600}.category-count{color:#fff;background-color:#6366f1;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.resource-list{flex-direction:column;display:flex}.resource-item{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.resource-item:last-child{border-bottom:none}.resource-item:hover{background-color:#ffffff0d}.resource-item:active{background-color:#ffffff1a}.resource-icon{color:#6366f1;background-color:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.resource-info{flex:1;min-width:0}.resource-name{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.resource-meta{color:#fff9;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.file-tree{flex-direction:column;flex:1;display:flex;overflow:hidden}.file-tree-header{color:#ffffffb3;background-color:#1e1e1e;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.file-list{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.file-item{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;width:100%;padding:10px 16px;transition:background-color .2s;display:flex}.file-item:hover{background-color:#ffffff0d}.file-item:active{background-color:#ffffff1a}.file-path{white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;overflow:hidden}.file-size{color:#ffffff80;flex-shrink:0;font-size:11px}.resource-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.detail-section{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow-y:auto}.detail-section h3{color:#fff;margin:0 0 12px;font-size:14px;font-weight:600}.detail-json{color:#a9b7c6;-webkit-overflow-scrolling:touch;background-color:#0d0d0d;border-radius:8px;margin:0;padding:12px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;overflow-x:auto}.ask-ai-about-resource{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:16px;padding:14px 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.ask-ai-about-resource:hover{background-color:#5558e3}.ask-ai-about-resource:active{background-color:#4a4cd4}.switch-tab-btn{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:8px;margin-top:16px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.switch-tab-btn:hover{background-color:#5558e3}.switch-tab-btn:active{background-color:#4a4cd4}.code-header .back-button{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:6px;align-items:center;gap:6px;width:auto;height:auto;margin-bottom:8px;padding:8px 12px;font-size:13px;transition:background-color .2s;display:flex}.code-header .back-button:hover{background-color:#ffffff26}.code-header .back-button:active{background-color:#fff3}.resource-type-label{color:#fff9;margin:4px 0 0;font-size:12px}.mobile-toast{z-index:3000;color:#fff;border-radius:8px;align-items:center;gap:8px;max-width:90%;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.mobile-toast-info{background-color:#3b82f6}.mobile-toast-error{background-color:#ef4444}.mobile-toast-success{background-color:#10b981}.add-resource-btn{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .2s;display:flex}.add-resource-btn:hover{background-color:#5558e3;transform:scale(1.05)}.add-resource-btn:active{background-color:#4a4cd4;transform:scale(.95)}.modal-overlay{z-index:3000;background-color:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:#1e1e1e;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s ease-out slideUpModal;display:flex;box-shadow:0 20px 60px #00000080}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark-mode .modal-content,.theme-noctis .modal-content,.theme-github .modal-content,.theme-synthwave .modal-content,.theme-hackerx-green .modal-content,.theme-hackerx-ocean .modal-content,.theme-monokai .modal-content,.theme-catppuccin-latte .modal-content,.theme-catppuccin-frappe .modal-content,.theme-catppuccin-macchiato .modal-content,.theme-catppuccin-mocha .modal-content{background-color:var(--bg-card,#1e1e1e)}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:20px;font-weight:600}.modal-close-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#fff;background-color:#ffffff1a}.modal-body{flex:1;padding:20px;overflow-y:auto}.form-group label{color:#ffffffe6;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group textarea,.form-group input[type=text]{color:#fff;background-color:#2d2d2d;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#6366f1;outline:none}.form-group input[type=text]:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:50px}.template-list{flex-direction:column;gap:8px;max-height:300px;padding:2px;display:flex;overflow-y:auto}.template-item{cursor:pointer;background-color:#2d2d2d;border:2px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.template-item:hover{background-color:#333;border-color:#6366f180}.template-item.selected{background-color:#6366f11a;border-color:#6366f1}.template-item:disabled{opacity:.5;cursor:not-allowed}.template-icon{color:#6366f1;background-color:#6366f133;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.template-info{flex:1;min-width:0}.template-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.template-version{color:#fff9;margin-top:2px;font-size:12px}.loading-state-inline{color:#fff9;align-items:center;gap:8px;padding:20px;display:flex}.loading-state-inline svg{animation:1s linear infinite spin}.empty-state-inline{text-align:center;color:var(--text-secondary);padding:20px;font-size:9px}.empty-state-inline p{margin:0}.modal-footer{border-top:1px solid #ffffff1a;gap:12px;padding:20px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-secondary{color:#fff;background-color:#2d2d2d}.btn-secondary:hover:not(:disabled){background-color:#3d3d3d}.btn-primary{color:#fff;background-color:#6366f1}.btn-primary:hover:not(:disabled){background-color:#5558e3}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg,.btn-secondary svg{flex-shrink:0}.btn-primary svg{animation:1s linear infinite spin}.mobile-preview-page{background-color:var(--palette-background-neutral-50,#f9fafb);z-index:2000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.dark-mode .mobile-preview-page{background-color:var(--bg-primary)}.mobile-preview-header{background-color:var(--palette-common-white,#fff);border-bottom:1px solid var(--palette-common-grey-200,#e0e0e0);flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding:12px 16px;display:flex}.dark-mode .mobile-preview-header{background-color:var(--bg-card);border-bottom-color:var(--border-color)}.back-button{cursor:pointer;width:40px;height:40px;color:var(--palette-text-primary,#000);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.back-button:hover{background-color:var(--palette-common-grey-100,#f5f5f5)}.back-button:active{background-color:var(--palette-common-grey-200,#e0e0e0)}.page-title{color:var(--palette-text-primary,#000);flex:1;justify-content:center;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.header-actions{justify-content:flex-end;gap:4px;min-width:88px;display:flex}.icon-button{cursor:pointer;width:40px;height:40px;color:var(--palette-text-primary,#000);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.icon-button:hover{background-color:var(--palette-common-grey-100,#f5f5f5)}.icon-button:active{background-color:var(--palette-common-grey-200,#e0e0e0)}.mobile-preview-content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.project-info-bar{background-color:var(--palette-common-white,#fff);border-bottom:1px solid var(--palette-common-grey-200,#e0e0e0);color:var(--palette-text-secondary,#666);align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.dark-mode .project-info-bar{background-color:var(--bg-card);border-bottom-color:var(--border-color)}.info-item{align-items:center;gap:6px;display:flex}.info-item svg,.info-item i{opacity:.7;flex-shrink:0}.info-divider{opacity:.5}.environment-section{padding:16px}.section-label{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.environment-chips{flex-wrap:wrap;gap:8px;display:flex}.env-chip{background-color:var(--palette-common-white,#fff);border:2px solid var(--palette-common-grey-200,#e0e0e0);color:var(--palette-text-primary,#000);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dark-mode .env-chip{background-color:var(--bg-card);border-color:var(--border-hover)}.env-chip:hover{border-color:var(--palette-action-primary-default,#6366f1);background-color:var(--palette-action-primary-light,#ede9fe)}.env-chip.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000}.env-chip.active svg,.env-chip.active i{color:#fff}.preview-controls{flex-direction:column;gap:16px;padding:16px;display:flex}.url-display{background-color:var(--palette-common-white,#fff);border:1px solid var(--palette-common-grey-200,#e0e0e0);border-radius:10px;align-items:center;gap:10px;padding:14px;display:flex;overflow:hidden}.dark-mode .url-display{background-color:var(--bg-card);border-color:var(--border-color)}.url-display svg,.url-display i{color:var(--palette-action-primary-default,#6366f1);flex-shrink:0}.url-text{color:var(--palette-text-primary,#000);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Monaco,Courier New,monospace;font-size:13px;overflow:hidden}.control-buttons{flex-direction:column;gap:10px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 2px 8px #6366f14d}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary-btn{background-color:var(--palette-common-white,#fff);color:var(--palette-action-primary-default,#6366f1);border:2px solid var(--palette-action-primary-default,#6366f1)}.dark-mode .secondary-btn{background-color:var(--bg-card);border-color:var(--accent-primary)}.secondary-btn:hover{background-color:var(--palette-action-primary-light,#ede9fe)}.secondary-btn:active{transform:scale(.98)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.info-box{background-color:#2196f31a;border-left:3px solid #2196f3;border-radius:8px;gap:12px;padding:14px;display:flex}.info-box svg,.info-box i{color:#2196f3;flex-shrink:0;margin-top:2px}.info-box p{color:var(--palette-text-secondary,#666);margin:0;font-size:13px;line-height:1.5}.preview-frame-container{background-color:var(--palette-common-white,#fff);border-radius:12px;flex-direction:column;height:calc(100vh - 200px);min-height:400px;margin:16px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.dark-mode .preview-frame-container{background-color:var(--bg-card)}.frame-header{background-color:var(--palette-background-neutral-50,#f9fafb);border-bottom:1px solid var(--palette-common-grey-200,#e0e0e0);padding:12px}.dark-mode .frame-header{background-color:var(--bg-tertiary);border-bottom-color:var(--border-color)}.frame-controls{align-items:center;gap:8px;display:flex}.frame-indicator{background-color:var(--palette-common-grey-300,#ccc);border-radius:50%;width:8px;height:8px}.frame-indicator.active{background-color:#4caf50;animation:2s infinite pulse}.frame-url{color:var(--palette-text-secondary,#666);text-overflow:ellipsis;white-space:nowrap;font-family:Monaco,Courier New,monospace;font-size:11px;overflow:hidden}.preview-iframe{background-color:#fff;border:none;flex:1;width:100%}.environment-details{background-color:var(--palette-common-white,#fff);border:1px solid var(--palette-common-grey-200,#e0e0e0);border-radius:12px;margin:16px;padding:16px}.dark-mode .environment-details{background-color:var(--bg-card);border-color:var(--border-color)}.environment-details h3{color:var(--palette-text-primary,#000);margin:0 0 16px;font-size:16px;font-weight:600}.details-grid{flex-direction:column;gap:12px;display:flex}.detail-item{background-color:var(--palette-background-neutral-50,#f9fafb);border-radius:8px;padding:12px}.dark-mode .detail-item{background-color:var(--bg-tertiary)}.detail-label{color:var(--palette-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.detail-value{color:var(--palette-text-primary,#000);word-break:break-word;font-size:14px;font-weight:500}.empty-state{text-align:center;color:var(--palette-text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state svg,.empty-state i{opacity:.3}.empty-state h2{color:var(--palette-text-primary,#000);margin:0;font-size:20px;font-weight:600}.empty-state p{max-width:280px;margin:0;font-size:14px;line-height:1.5}.select-project-btn{background-color:var(--palette-action-primary-default,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:transform .2s;display:flex}.select-project-btn:active{transform:scale(.98)}.loading-state{color:var(--palette-text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:calc(100vh - 56px);padding:60px 20px;display:flex}.loading-state svg,.loading-state i{animation:1s linear infinite spin}.loading-state p{margin:0;font-size:14px}@media (min-width:768px){.mobile-preview-page{display:none}}.project-creation-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.project-creation-modal-content{background:var(--bg-primary,#1a1b1e);border:1px solid var(--border-color,#2d2f33);border-radius:16px;width:90%;max-width:500px;padding:48px;animation:.4s ease-out slideUp;box-shadow:0 8px 32px #0006}.hexagon-loader-container{width:150px;height:150px;margin:0 auto 40px;position:relative}.hexagon-loader{width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hexagon-loader svg{width:100%;height:100%}.hexagon-shape{fill:none;stroke:var(--accent-color,#6366f1);stroke-width:2px;opacity:.8;animation:2s ease-in-out infinite hexagonPulse}.hexagon-loader-2{animation:4s linear infinite hexagonRotate}.hexagon-loader-2 .hexagon-shape{stroke:var(--accent-secondary,#8b5cf6);animation-delay:.3s}.hexagon-loader-3{animation:4s linear infinite reverse hexagonRotate}.hexagon-loader-3 .hexagon-shape{stroke:var(--accent-tertiary,#ec4899);animation-delay:.6s}.creation-progress{flex-direction:column;gap:24px;display:flex}.progress-step{background:var(--bg-secondary,#25262b);opacity:.5;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;transition:all .3s;display:flex}.progress-step.active{opacity:1;border-color:var(--accent-color,#6366f1);background:#6366f11a}.progress-step.completed{opacity:1;border-color:var(--success-color,#10b981);background:#10b9811a}.step-indicator{aspect-ratio:1;background:var(--bg-tertiary,#2d2f33);border:2px solid var(--border-color,#3d3f43);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.progress-step.active .step-indicator{background:var(--accent-color,#6366f1);border-color:var(--accent-color,#6366f1)}.progress-step.completed .step-indicator{background:var(--success-color,#10b981);border-color:var(--success-color,#10b981)}.step-dot{background:var(--text-tertiary,#6b7280);border-radius:50%;width:8px;height:8px}.creation-step-spinner{flex-shrink:0;width:18px;height:18px;animation:1s linear infinite spin;position:relative}.creation-step-spinner:before{content:"";clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.checkmark{color:#fff;display:block}.step-text{flex-direction:column;flex:1;gap:4px;display:flex}.step-text strong{color:var(--text-primary,#fff);font-size:16px;font-weight:600}.step-name{color:var(--text-secondary,#9ca3af);font-family:Monaco,Menlo,Courier New,monospace;font-size:14px}@media (max-width:640px){.project-creation-modal-content{padding:32px 24px}.hexagon-loader-container{width:120px;height:120px;margin-bottom:32px}.hexagon-loader{width:80px;height:80px}.creation-progress{gap:16px}.progress-step{gap:12px;padding:12px}.step-text strong{font-size:14px}.step-name{font-size:12px}}.home-container{background:var(--bg-primary);width:100%;min-height:100%;color:var(--text-primary);overflow:hidden visible}.home-welcome{width:100%;min-height:100vh;position:relative}.home-hero{justify-content:center;align-items:flex-start;width:100%;min-height:70vh;padding:40px 0;display:flex;position:relative;overflow:hidden}.home-hero.compact{min-height:auto;margin-bottom:0;padding-bottom:0}.home-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#1976d208 0%,#3b82f605 40%,#0000 70%);position:absolute;inset:0}.dark-mode .home-hero:before,.theme-noctis .home-hero:before,.theme-github .home-hero:before,.theme-synthwave .home-hero:before,.theme-hackerx-green .home-hero:before,.theme-hackerx-ocean .home-hero:before,.theme-catppuccin-frappe .home-hero:before,.theme-catppuccin-macchiato .home-hero:before,.theme-catppuccin-mocha .home-hero:before{background:radial-gradient(circle at 50% 0,#7c3aed66 0%,#00b4d84d 40%,#16213e80 70%,#0000 100%)}.home-hexagon-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.home-hexagon{opacity:.08;will-change:transform;backface-visibility:hidden;perspective:1000px;transition:all .3s;position:absolute;transform:translate(0)}.dark-mode .home-hexagon,.theme-noctis .home-hexagon,.theme-github .home-hexagon,.theme-synthwave .home-hexagon,.theme-hackerx-green .home-hexagon,.theme-hackerx-ocean .home-hexagon,.theme-catppuccin-frappe .home-hexagon,.theme-catppuccin-macchiato .home-hexagon,.theme-catppuccin-mocha .home-hexagon{opacity:.12}.hexagon-spawn{animation:1s ease-out forwards hexagonSpawn}@keyframes hexagonSpawn{0%{opacity:0;transform:translate(0)scale(.1)rotate(0)}to{opacity:.08;transform:translate(0)scale(1)rotate(360deg)}}.dark-mode .hexagon-spawn,.theme-noctis .hexagon-spawn,.theme-github .hexagon-spawn,.theme-synthwave .hexagon-spawn,.theme-hackerx-green .hexagon-spawn,.theme-hackerx-ocean .hexagon-spawn,.theme-catppuccin-frappe .hexagon-spawn,.theme-catppuccin-macchiato .hexagon-spawn,.theme-catppuccin-mocha .hexagon-spawn{animation:1s ease-out forwards hexagonSpawnDark}@keyframes hexagonSpawnDark{0%{opacity:0;transform:translate(0)scale(.1)rotate(0)}to{opacity:.12;transform:translate(0)scale(1)rotate(360deg)}}.home-hexagon svg{will-change:transform;width:100%;height:100%;transform:translate(0)}.home-hexagon polygon{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-opacity:.5}.home-hexagon-1{color:#7c3aedcc;animation:25s ease-in-out infinite homeHexFloat1,15s ease-in-out infinite homeHexColorChange1;top:5%;left:12%}.hexagon-spawn.home-hexagon-1{animation:1s ease-out forwards hexagonSpawn,25s ease-in-out 1s infinite homeHexFloat1,15s ease-in-out 1s infinite homeHexColorChange1}.home-hexagon-2{color:#00b4d8cc;animation-name:homeHexFloat2,homeHexColorChange2;animation-duration:30s,18s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:3s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:15%;right:8%}.hexagon-spawn.home-hexagon-2{animation:1s ease-out forwards hexagonSpawn,30s ease-in-out 1s infinite homeHexFloat2,18s ease-in-out 1s infinite homeHexColorChange2}.home-hexagon-3{color:#a78bfacc;animation-name:homeHexFloat3,homeHexColorChange3;animation-duration:28s,20s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:6s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:45%;left:5%}.hexagon-spawn.home-hexagon-3{animation:1s ease-out forwards hexagonSpawn,28s ease-in-out 1s infinite homeHexFloat3,20s ease-in-out 1s infinite homeHexColorChange3}.home-hexagon-4{color:#4fd1c5cc;animation-name:homeHexFloat4,homeHexColorChange4;animation-duration:32s,16s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:9s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:35%;right:18%}.hexagon-spawn.home-hexagon-4{animation:1s ease-out forwards hexagonSpawn,32s ease-in-out 1s infinite homeHexFloat4,16s ease-in-out 1s infinite homeHexColorChange4}.home-hexagon-5{color:#c4b5fdcc;animation-name:homeHexFloat5,homeHexColorChange5;animation-duration:26s,22s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:12s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:65%;left:15%}.hexagon-spawn.home-hexagon-5{animation:1s ease-out forwards hexagonSpawn,26s ease-in-out 1s infinite homeHexFloat5,22s ease-in-out 1s infinite homeHexColorChange5}.home-hexagon-6{color:#22d3eecc;animation-name:homeHexFloat6,homeHexColorChange6;animation-duration:29s,19s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:15s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:55%;right:12%}.hexagon-spawn.home-hexagon-6{animation:1s ease-out forwards hexagonSpawn,29s ease-in-out 1s infinite homeHexFloat6,19s ease-in-out 1s infinite homeHexColorChange6}.home-hexagon-7{color:#8b5cf6cc;animation-name:homeHexFloat7,homeHexColorChange7;animation-duration:27s,17s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:18s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:80%;left:35%}.hexagon-spawn.home-hexagon-7{animation:1s ease-out forwards hexagonSpawn,27s ease-in-out 1s infinite homeHexFloat7,17s ease-in-out 1s infinite homeHexColorChange7}.home-hexagon-8{color:#67e8f9cc;animation-name:homeHexFloat8,homeHexColorChange8;animation-duration:31s,21s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:21s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:25%;right:40%}.hexagon-spawn.home-hexagon-8{animation:1s ease-out forwards hexagonSpawn,31s ease-in-out 1s infinite homeHexFloat8,21s ease-in-out 1s infinite homeHexColorChange8}@keyframes homeHexFloat1{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(60px,-30px)rotate(180deg)}}@keyframes homeHexFloat2{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-50px,40px)rotate(-180deg)}}@keyframes homeHexFloat3{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(50px,-60px)rotate(180deg)}}@keyframes homeHexFloat4{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-55px,-40px)rotate(180deg)}}@keyframes homeHexFloat5{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(65px,50px)rotate(-180deg)}}@keyframes homeHexFloat6{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(50px,-50px)rotate(180deg)}}@keyframes homeHexFloat7{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-60px,-35px)rotate(180deg)}}@keyframes homeHexFloat8{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(60px,25px)rotate(-180deg)}}@keyframes homeHexColorChange1{0%,to{color:#7c3aedcc}33%{color:#00b4d8cc}66%{color:#a78bfacc}}@keyframes homeHexColorChange2{0%,to{color:#00b4d8cc}33%{color:#4fd1c5cc}66%{color:#22d3eecc}}@keyframes homeHexColorChange3{0%,to{color:#a78bfacc}33%{color:#8b5cf6cc}66%{color:#c4b5fdcc}}@keyframes homeHexColorChange4{0%,to{color:#4fd1c5cc}33%{color:#67e8f9cc}66%{color:#22d3eecc}}@keyframes homeHexColorChange5{0%,to{color:#c4b5fdcc}33%{color:#7c3aedcc}66%{color:#a78bfacc}}@keyframes homeHexColorChange6{0%,to{color:#22d3eecc}33%{color:#00b4d8cc}66%{color:#67e8f9cc}}@keyframes homeHexColorChange7{0%,to{color:#8b5cf6cc}33%{color:#c4b5fdcc}66%{color:#7c3aedcc}}@keyframes homeHexColorChange8{0%,to{color:#67e8f9cc}33%{color:#22d3eecc}66%{color:#4fd1c5cc}}.home-hero-content{z-index:1;text-align:center;box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:0 20px;position:relative}.home-title{background:linear-gradient(135deg,var(--text-primary,#1e2329)0%,var(--text-secondary,#515b6a)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:56px;font-weight:700}.dark-mode .home-title,.theme-noctis .home-title,.theme-github .home-title,.theme-synthwave .home-title,.theme-hackerx-green .home-title,.theme-hackerx-ocean .home-title,.theme-catppuccin-frappe .home-title,.theme-catppuccin-macchiato .home-title,.theme-catppuccin-mocha .home-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e1e8ed 0%,#90a4ae 100%);-webkit-background-clip:text;background-clip:text}.home-subtitle{color:var(--text-secondary);margin:0 0 48px;font-size:20px;font-weight:400}.home-omnibar-container{justify-content:center;width:100%;margin-bottom:64px;display:flex}.home-omnibar-container.compact{margin-bottom:8px}.home-omnibar{background:#fff;border:1px solid #00000014;border-radius:28px;flex-direction:column;gap:12px;width:100%;max-width:1000px;margin:0;padding:20px 24px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000005}.home-omnibar:before{content:"";width:95%;height:50px;box-shadow:0 -10px 40px 5px color-mix(in srgb,var(--accent-primary)80%,transparent),0 -15px 60px 8px color-mix(in srgb,var(--accent-tertiary)70%,transparent),0 -20px 80px 10px color-mix(in srgb,var(--mia-purple-primary)50%,transparent),0 -25px 100px 12px color-mix(in srgb,var(--accent-secondary)40%,transparent);opacity:1;filter:blur(2px);z-index:-1;pointer-events:none;background:radial-gradient(120% 100% at 50% 100%,#ffffffe6 0%,#5fed83cc 8%,#4bb1ffb3 25%,#8342fa4d 60%,#0000 90%),radial-gradient(110% 90% at 45% 85%,#ffffffb3 0%,#5fed83b3 10%,#4bb1ff99 35%,#8342fa33 65%,#0000 92%);border-radius:50%;position:absolute;top:70px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.home-omnibar:before{animation:10s ease-in-out infinite neonPulse}}@media (prefers-reduced-motion:reduce){.home-omnibar:before{opacity:.5}}.dark-mode .home-omnibar,.theme-noctis .home-omnibar,.theme-github .home-omnibar,.theme-synthwave .home-omnibar,.theme-hackerx-green .home-omnibar,.theme-hackerx-ocean .home-omnibar,.theme-catppuccin-frappe .home-omnibar,.theme-catppuccin-macchiato .home-omnibar,.theme-catppuccin-mocha .home-omnibar{background:#1a1f35;border:1px solid #ffffff14;box-shadow:0 8px 32px #0006,0 1px 2px #0003}.dark-mode .home-omnibar:before,.theme-noctis .home-omnibar:before,.theme-github .home-omnibar:before,.theme-synthwave .home-omnibar:before,.theme-hackerx-green .home-omnibar:before,.theme-hackerx-ocean .home-omnibar:before,.theme-catppuccin-frappe .home-omnibar:before,.theme-catppuccin-macchiato .home-omnibar:before,.theme-catppuccin-mocha .home-omnibar:before{opacity:1;background:linear-gradient(90deg,#0000,#38bdf8 10%,#22d3ee 30%,#10b981 50%,#22d3ee 70%,#38bdf8 90%,#0000);box-shadow:0 -6px 30px 3px #38bdf8,0 -10px 55px 6px #22d3ee,0 -14px 80px 8px #10b981e6,0 -18px 110px 10px #22d3eeb3,0 -22px 140px 12px #38bdf880}.home-omnibar:focus-within{border-color:var(--accent-primary,#1976d2);box-shadow:0 4px 16px #1976d21f,0 0 0 3px #1976d214}.home-omnibar.drag-over{border-color:var(--accent-primary,#1976d2);border-style:dashed;box-shadow:0 4px 20px #1976d233,0 0 0 3px #1976d21f}.omnibar-drag-overlay{pointer-events:none;color:var(--accent-primary,#1976d2);z-index:10;background:#1976d214;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.omnibar-attached-files{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.omnibar-file-chip{color:var(--text-primary,#1a1a2e);background:#1976d214;border:1px solid #1976d233;border-radius:20px;align-items:center;gap:5px;max-width:200px;padding:3px 8px;font-size:12px;display:flex}.file-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-chip-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:0;line-height:0}.file-chip-remove:hover{opacity:1}.dark-mode .home-omnibar.drag-over,.theme-noctis .home-omnibar.drag-over,.theme-github .home-omnibar.drag-over,.theme-synthwave .home-omnibar.drag-over,.theme-hackerx-green .home-omnibar.drag-over,.theme-hackerx-ocean .home-omnibar.drag-over,.theme-catppuccin-frappe .home-omnibar.drag-over,.theme-catppuccin-macchiato .home-omnibar.drag-over,.theme-catppuccin-mocha .home-omnibar.drag-over{border-color:#38bdf899;box-shadow:0 4px 20px #38bdf833,0 0 0 3px #38bdf81f}.dark-mode .omnibar-drag-overlay,.theme-noctis .omnibar-drag-overlay,.theme-github .omnibar-drag-overlay,.theme-synthwave .omnibar-drag-overlay,.theme-hackerx-green .omnibar-drag-overlay,.theme-hackerx-ocean .omnibar-drag-overlay,.theme-catppuccin-frappe .omnibar-drag-overlay,.theme-catppuccin-macchiato .omnibar-drag-overlay,.theme-catppuccin-mocha .omnibar-drag-overlay{color:#38bdf8;background:#38bdf814}.dark-mode .omnibar-file-chip,.theme-noctis .omnibar-file-chip,.theme-github .omnibar-file-chip,.theme-synthwave .omnibar-file-chip,.theme-hackerx-green .omnibar-file-chip,.theme-hackerx-ocean .omnibar-file-chip,.theme-catppuccin-frappe .omnibar-file-chip,.theme-catppuccin-macchiato .omnibar-file-chip,.theme-catppuccin-mocha .omnibar-file-chip{color:var(--text-primary,#e0e0e0);background:#38bdf81a;border-color:#38bdf840}.dark-mode .home-omnibar:focus-within,.theme-noctis .home-omnibar:focus-within,.theme-github .home-omnibar:focus-within,.theme-synthwave .home-omnibar:focus-within,.theme-hackerx-green .home-omnibar:focus-within,.theme-hackerx-ocean .home-omnibar:focus-within,.theme-catppuccin-frappe .home-omnibar:focus-within,.theme-catppuccin-macchiato .home-omnibar:focus-within,.theme-catppuccin-mocha .home-omnibar:focus-within{border-color:#7c3aed99;box-shadow:0 12px 48px #7c3aed4d,0 0 0 2px #7c3aed33}.omnibar-actions-bottom{justify-content:space-between;align-items:center;width:100%;display:flex}.omnibar-left-actions,.omnibar-right-actions{align-items:center;gap:8px;display:flex}.omnibar-action-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.omnibar-action-btn:hover{color:var(--text-primary);background:#ffffff0d}.omnibar-attach-btn{width:36px;height:36px;color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.omnibar-attach-btn:hover{color:var(--text-primary,#1a1a2e);background:#0000000d;border-color:#0003}.omnibar-attach-btn:active{transform:scale(.95)}.dark-mode .omnibar-attach-btn,.theme-noctis .omnibar-attach-btn,.theme-github .omnibar-attach-btn,.theme-synthwave .omnibar-attach-btn,.theme-hackerx-green .omnibar-attach-btn,.theme-hackerx-ocean .omnibar-attach-btn,.theme-catppuccin-frappe .omnibar-attach-btn,.theme-catppuccin-macchiato .omnibar-attach-btn,.theme-catppuccin-mocha .omnibar-attach-btn{color:#fff9;border-color:#ffffff26}.dark-mode .omnibar-attach-btn:hover,.theme-noctis .omnibar-attach-btn:hover,.theme-github .omnibar-attach-btn:hover,.theme-synthwave .omnibar-attach-btn:hover,.theme-hackerx-green .omnibar-attach-btn:hover,.theme-hackerx-ocean .omnibar-attach-btn:hover,.theme-catppuccin-frappe .omnibar-attach-btn:hover,.theme-catppuccin-macchiato .omnibar-attach-btn:hover,.theme-catppuccin-mocha .omnibar-attach-btn:hover{color:#ffffffe6;background:#ffffff14;border-color:#ffffff4d}.omnibar-send-btn{background:var(--palette-action-primary-default,#3b82f6);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.omnibar-send-btn svg,.omnibar-send-btn path{color:#fff;fill:#fff;stroke:#fff}.omnibar-send-btn:hover{opacity:.9;transform:scale(1.05)}.omnibar-input{width:100%;color:var(--text-primary);resize:none;box-sizing:border-box;background:0 0;border-radius:8px;outline:none;min-height:70px;max-height:400px;padding:5px;font-family:inherit;font-size:18px;font-weight:400;line-height:1.5;transition:height .3s;overflow-y:hidden;box-shadow:none!important;border:none!important}.omnibar-input::placeholder{color:var(--text-tertiary,#7a8699);font-weight:400}.dark-mode .omnibar-input::placeholder,.theme-noctis .omnibar-input::placeholder,.theme-github .omnibar-input::placeholder,.theme-synthwave .omnibar-input::placeholder,.theme-hackerx-green .omnibar-input::placeholder,.theme-hackerx-ocean .omnibar-input::placeholder,.theme-catppuccin-frappe .omnibar-input::placeholder,.theme-catppuccin-macchiato .omnibar-input::placeholder,.theme-catppuccin-mocha .omnibar-input::placeholder{color:#fff6}.home-ai-shortcuts-compact{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:800px;margin:0 auto;display:flex}.shortcut-compact-btn{border:1px solid var(--border-color,#0000001a);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.theme-monokai .shortcut-compact-btn,.theme-catppuccin-latte .shortcut-compact-btn,:root .shortcut-compact-btn{background:#ffffff80;border-color:#00000014}.dark-mode .shortcut-compact-btn,.theme-noctis .shortcut-compact-btn,.theme-github .shortcut-compact-btn,.theme-synthwave .shortcut-compact-btn,.theme-hackerx-green .shortcut-compact-btn,.theme-hackerx-ocean .shortcut-compact-btn,.theme-catppuccin-frappe .shortcut-compact-btn,.theme-catppuccin-macchiato .shortcut-compact-btn,.theme-catppuccin-mocha .shortcut-compact-btn{background:0 0;border-color:#ffffff14}.shortcut-compact-btn:hover{border-color:var(--accent-primary,#1976d2);color:var(--text-primary);background:#3b82f61a}.dark-mode .shortcut-compact-btn:hover,.theme-noctis .shortcut-compact-btn:hover,.theme-github .shortcut-compact-btn:hover,.theme-synthwave .shortcut-compact-btn:hover,.theme-hackerx-green .shortcut-compact-btn:hover,.theme-hackerx-ocean .shortcut-compact-btn:hover,.theme-catppuccin-frappe .shortcut-compact-btn:hover,.theme-catppuccin-macchiato .shortcut-compact-btn:hover,.theme-catppuccin-mocha .shortcut-compact-btn:hover{background:#ffffff0d;border-color:#3b82f64d}.shortcut-compact-btn:active{transform:scale(.98)}.shortcut-compact-icon{color:var(--accent-primary,#1976d2);flex-shrink:0}.dark-mode .shortcut-compact-icon,.theme-noctis .shortcut-compact-icon,.theme-github .shortcut-compact-icon,.theme-synthwave .shortcut-compact-icon,.theme-hackerx-green .shortcut-compact-icon,.theme-hackerx-ocean .shortcut-compact-icon,.theme-catppuccin-frappe .shortcut-compact-icon,.theme-catppuccin-macchiato .shortcut-compact-icon,.theme-catppuccin-mocha .shortcut-compact-icon{color:var(--mia-purple-primary,#7c3aed)}.omnibar-mode-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.mode-btn{border:1px solid var(--border-color,#00000014);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.theme-monokai .mode-btn,.theme-catppuccin-latte .mode-btn,:root .mode-btn{background:#ffffff80;border-color:#00000014}.dark-mode .mode-btn,.theme-noctis .mode-btn,.theme-github .mode-btn,.theme-synthwave .mode-btn,.theme-hackerx-green .mode-btn,.theme-hackerx-ocean .mode-btn,.theme-catppuccin-frappe .mode-btn,.theme-catppuccin-macchiato .mode-btn,.theme-catppuccin-mocha .mode-btn{background:#ffffff05;border-color:#ffffff14}.mode-btn:hover{border-color:var(--mia-purple-primary,#7c3aed);color:var(--text-primary);background:#7c3aed1a}.mode-btn.active{background:var(--mia-purple-primary,#7c3aed);border-color:var(--mia-purple-primary,#7c3aed);color:#fff}.mode-btn.active svg,.mode-btn.active path{color:#fff;fill:#fff;stroke:#fff}.mode-btn.active:hover{background:var(--mia-purple-hover,#6d28d9);border-color:var(--mia-purple-hover,#6d28d9)}.mode-btn:active{transform:scale(.98)}.mode-btn.mode-btn-playbook-code{border-color:#14b8a64d}.dark-mode .mode-btn.mode-btn-playbook-code,.theme-noctis .mode-btn.mode-btn-playbook-code,.theme-github .mode-btn.mode-btn-playbook-code,.theme-synthwave .mode-btn.mode-btn-playbook-code,.theme-hackerx-green .mode-btn.mode-btn-playbook-code,.theme-hackerx-ocean .mode-btn.mode-btn-playbook-code,.theme-catppuccin-frappe .mode-btn.mode-btn-playbook-code,.theme-catppuccin-macchiato .mode-btn.mode-btn-playbook-code,.theme-catppuccin-mocha .mode-btn.mode-btn-playbook-code{border-color:#14b8a640}.mode-btn.mode-btn-playbook-both{border-color:#f59e0b4d}.dark-mode .mode-btn.mode-btn-playbook-both,.theme-noctis .mode-btn.mode-btn-playbook-both,.theme-github .mode-btn.mode-btn-playbook-both,.theme-synthwave .mode-btn.mode-btn-playbook-both,.theme-hackerx-green .mode-btn.mode-btn-playbook-both,.theme-hackerx-ocean .mode-btn.mode-btn-playbook-both,.theme-catppuccin-frappe .mode-btn.mode-btn-playbook-both,.theme-catppuccin-macchiato .mode-btn.mode-btn-playbook-both,.theme-catppuccin-mocha .mode-btn.mode-btn-playbook-both{border-color:#f59e0b40}.mode-btn-template-dot{background:#14b8a6;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:2px;display:inline-block}.mode-btn-both-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:2px;display:inline-block}.mode-btn.shake{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes neonPulse{0%,to{opacity:.9;transform:translate(-50%)scaleY(1);box-shadow:0 -5px 25px 2px #38bdf8,0 -8px 45px 4px #22d3eef2,0 -12px 65px 6px #10b981cc,0 -16px 85px 8px #22d3ee99,0 -20px 110px 10px #38bdf866}50%{opacity:1;transform:translate(-50%)scaleY(1.4);box-shadow:0 -8px 35px 3px #38bdf8,0 -12px 60px 6px #22d3ee,0 -16px 90px 9px #10b981,0 -20px 120px 12px #22d3eecc,0 -25px 150px 15px #38bdf899}}@media (max-width:1140px){.mode-btn span{display:none}.mode-btn{justify-content:center;min-width:36px;padding:8px}}.coming-soon-toast{background:var(--mia-purple-primary,#7c3aed);color:#fff;z-index:10000;border-radius:12px;align-items:center;gap:10px;padding:16px 24px;font-size:15px;font-weight:600;animation:.3s toastSlideIn,.3s 2.2s toastFadeOut;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #7c3aed80}.no-connection-toast{background:var(--bg-secondary,#1e1e2e);border:1px solid var(--border-color,#333);color:var(--text-primary,#e0e0e0);z-index:10000;border-radius:12px;align-items:center;gap:12px;max-width:420px;padding:16px 24px;font-size:15px;animation:.3s toastSlideIn,.3s 3.7s toastFadeOut;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0006}.no-connection-toast-content{flex-direction:column;gap:6px;display:flex}.no-connection-toast-link{color:var(--mia-blue,#60a5fa);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.no-connection-toast-link:hover{color:var(--mia-blue-hover,#93c5fd)}.mode-btn.no-git-connection{opacity:.45;cursor:not-allowed}.mode-btn.no-git-connection:hover{background:0 0}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.template-dropdown-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.template-dropdown{background:var(--bg-primary,white);border:1px solid var(--border-color,#0000001a);z-index:10000;border-radius:20px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;animation:.3s slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0006}.dark-mode .template-dropdown,.theme-noctis .template-dropdown,.theme-github .template-dropdown,.theme-synthwave .template-dropdown,.theme-hackerx-green .template-dropdown,.theme-hackerx-ocean .template-dropdown,.theme-catppuccin-frappe .template-dropdown,.theme-catppuccin-macchiato .template-dropdown,.theme-catppuccin-mocha .template-dropdown{background:var(--bg-secondary);border-color:#ffffff1a}.template-dropdown-header{border-bottom:1px solid var(--border-color,#0000001a);background:var(--bg-card,#ffffff80);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.template-dropdown-header h3{color:var(--text-primary);align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;display:flex}.template-dropdown-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.template-dropdown-close:hover{color:var(--text-primary);background:#ffffff1a}.template-dropdown-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:16px;min-height:0;padding:24px;display:grid;overflow-y:auto}.template-dropdown-item{border:2px solid var(--border-color,#00000014);cursor:pointer;width:100%;color:var(--text-primary);text-align:center;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:140px;padding:24px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.theme-monokai .template-dropdown-item,.theme-catppuccin-latte .template-dropdown-item,:root .template-dropdown-item{background:#ffffff80;border-color:#00000014}.dark-mode .template-dropdown-item,.theme-noctis .template-dropdown-item,.theme-github .template-dropdown-item,.theme-synthwave .template-dropdown-item,.theme-hackerx-green .template-dropdown-item,.theme-hackerx-ocean .template-dropdown-item,.theme-catppuccin-frappe .template-dropdown-item,.theme-catppuccin-macchiato .template-dropdown-item,.theme-catppuccin-mocha .template-dropdown-item{background:#ffffff05;border-color:#ffffff14}.template-dropdown-item:hover{border-color:var(--mia-purple-primary,#7c3aed);background:#7c3aed14;transform:translateY(-4px);box-shadow:0 8px 24px #7c3aed33}.template-dropdown-item.active{background:var(--mia-purple-primary,#7c3aed);border-color:var(--mia-purple-primary,#7c3aed);color:#fff;box-shadow:0 8px 24px #7c3aed66}.template-dropdown-item.active svg,.template-dropdown-item.active path{color:#fff;fill:#fff;stroke:#fff}.template-dropdown-item-icon{width:48px;height:48px;color:var(--mia-purple-primary,#7c3aed);background:#7c3aed1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex}.template-dropdown-item:hover .template-dropdown-item-icon{background:#7c3aed26;transform:scale(1.1)}.template-dropdown-item.active .template-dropdown-item-icon{color:#fff;background:#fff3}.template-dropdown-item-label{word-break:break-word;font-size:14px;font-weight:600;line-height:1.4}.template-dropdown-item:active{transform:scale(.96)}.shortcut-compact-label{font-size:13px;font-weight:500}.omnibar-icon{color:var(--accent-primary,#1976d2);flex-shrink:0;font-size:24px}.dark-mode .omnibar-icon,.theme-noctis .omnibar-icon,.theme-github .omnibar-icon,.theme-synthwave .omnibar-icon,.theme-hackerx-green .omnibar-icon,.theme-hackerx-ocean .omnibar-icon,.theme-catppuccin-frappe .omnibar-icon,.theme-catppuccin-macchiato .omnibar-icon,.theme-catppuccin-mocha .omnibar-icon{color:var(--mia-purple-primary,#7c3aed)}.omnibar-input::placeholder{color:var(--text-tertiary)}.omnibar-actions{align-items:center;gap:8px;display:flex}.omnibar-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.omnibar-action-btn:hover{background:var(--shade-light);color:var(--text-primary)}.omnibar-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1976d2 0%,#3b82f6 100%);border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex;box-shadow:0 2px 8px #1976d24d}.dark-mode .omnibar-send-btn,.theme-noctis .omnibar-send-btn,.theme-github .omnibar-send-btn,.theme-synthwave .omnibar-send-btn,.theme-hackerx-green .omnibar-send-btn,.theme-hackerx-ocean .omnibar-send-btn,.theme-catppuccin-frappe .omnibar-send-btn,.theme-catppuccin-macchiato .omnibar-send-btn,.theme-catppuccin-mocha .omnibar-send-btn{background:var(--mia-gradient,linear-gradient(135deg,#7c3aed 0%,#00b4d8 100%));box-shadow:0 2px 8px #7c3aed66}.omnibar-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #1976d266}.dark-mode .omnibar-send-btn:hover,.theme-noctis .omnibar-send-btn:hover,.theme-github .omnibar-send-btn:hover,.theme-synthwave .omnibar-send-btn:hover,.theme-hackerx-green .omnibar-send-btn:hover,.theme-hackerx-ocean .omnibar-send-btn:hover,.theme-catppuccin-frappe .omnibar-send-btn:hover,.theme-catppuccin-macchiato .omnibar-send-btn:hover,.theme-catppuccin-mocha .omnibar-send-btn:hover{box-shadow:0 4px 12px #7c3aed80}.omnibar-send-btn:active{transform:scale(.98)}.home-quick-start{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1000px;margin:0 auto 20px;display:grid}.quick-start-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#00000014);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;transition:all .3s;display:flex;position:relative}.dark-mode .quick-start-card,.theme-noctis .quick-start-card,.theme-github .quick-start-card,.theme-synthwave .quick-start-card,.theme-hackerx-green .quick-start-card,.theme-hackerx-ocean .quick-start-card,.theme-catppuccin-frappe .quick-start-card,.theme-catppuccin-macchiato .quick-start-card,.theme-catppuccin-mocha .quick-start-card{background:var(--bg-secondary);border-color:var(--border-color)}.quick-start-card:hover{border-color:var(--accent-primary,#1976d2);transform:translateY(-2px);box-shadow:0 8px 24px #1976d233}:root .quick-start-card:hover,.theme-monokai .quick-start-card:hover,.theme-catppuccin-latte .quick-start-card:hover{box-shadow:0 8px 24px #1976d226}.card-icon{width:48px;height:48px;color:var(--accent-primary,#1976d2);background:#1976d21a;border-radius:12px;justify-content:center;align-items:center;display:flex}.dark-mode .card-icon,.theme-noctis .card-icon,.theme-github .card-icon,.theme-synthwave .card-icon,.theme-hackerx-green .card-icon,.theme-hackerx-ocean .card-icon,.theme-catppuccin-frappe .card-icon,.theme-catppuccin-macchiato .card-icon,.theme-catppuccin-mocha .card-icon{color:var(--mia-blue-primary,#00b4d8);background:#00b4d826}.card-icon-unique{color:var(--accent-primary,#1976d2);background:linear-gradient(135deg,#1976d21f 0%,#3b82f61f 100%)}.dark-mode .card-icon-unique,.theme-noctis .card-icon-unique,.theme-github .card-icon-unique,.theme-synthwave .card-icon-unique,.theme-hackerx-green .card-icon-unique,.theme-hackerx-ocean .card-icon-unique,.theme-catppuccin-frappe .card-icon-unique,.theme-catppuccin-macchiato .card-icon-unique,.theme-catppuccin-mocha .card-icon-unique{color:var(--mia-purple-primary,#7c3aed);background:linear-gradient(135deg,#7c3aed33 0%,#00b4d833 100%)}.card-content h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.card-content p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.4}.card-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#1976d2 0%,#3b82f6 100%);border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:12px;right:12px}.dark-mode .card-badge,.theme-noctis .card-badge,.theme-github .card-badge,.theme-synthwave .card-badge,.theme-hackerx-green .card-badge,.theme-hackerx-ocean .card-badge,.theme-catppuccin-frappe .card-badge,.theme-catppuccin-macchiato .card-badge,.theme-catppuccin-mocha .card-badge{background:var(--mia-gradient,linear-gradient(135deg,#7c3aed 0%,#00b4d8 100%))}.home-section{max-width:1400px;margin:0 auto 80px;padding:8px 40px 0;position:relative}.home-section:before{content:"";background:linear-gradient(90deg,#0000 0%,#1976d21f 20%,#3b82f61f 50%,#1976d21f 80%,#0000 100%);width:80%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dark-mode .home-section:before,.theme-noctis .home-section:before,.theme-github .home-section:before,.theme-synthwave .home-section:before,.theme-hackerx-green .home-section:before,.theme-hackerx-ocean .home-section:before,.theme-catppuccin-frappe .home-section:before,.theme-catppuccin-macchiato .home-section:before,.theme-catppuccin-mocha .home-section:before{background:linear-gradient(90deg,#0000 0%,#7c3aed4d 20%,#00b4d84d 50%,#7c3aed4d 80%,#0000 100%)}.section-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.section-title{background:linear-gradient(135deg,var(--text-primary,#1e2329)0%,var(--text-secondary,#515b6a)100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:12px;font-weight:700}.dark-mode .section-title,.theme-noctis .section-title,.theme-github .section-title,.theme-synthwave .section-title,.theme-hackerx-green .section-title,.theme-hackerx-ocean .section-title,.theme-catppuccin-frappe .section-title,.theme-catppuccin-macchiato .section-title,.theme-catppuccin-mocha .section-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#90a4ae 100%);-webkit-background-clip:text;background-clip:text}.section-link{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.section-link:hover{background:#3b82f61a;border-color:#3b82f666;transform:translate(2px)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.projects-grid.large{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1300px}.templates-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.templates-grid.large{grid-template-columns:repeat(3,1fr);max-width:1300px}.template-card{cursor:pointer;text-align:left;background:#1c1c1c;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:0;transition:all .3s;display:flex;overflow:hidden}.template-card:hover{border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 12px 32px #8b5cf64d}.template-preview{aspect-ratio:16/10;background:#111;width:100%;overflow:hidden}.template-preview img{object-fit:cover;width:100%;height:100%}.template-preview-placeholder{color:#52525b;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.template-info{flex-direction:column;gap:8px;padding:16px;display:flex}.template-name{color:#fff;margin:0;font-size:16px;font-weight:600}.template-description{color:#a1a1aa;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.template-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.template-tag{color:#8b5cf6;background:#8b5cf61a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.home-projects-view,.home-templates-view,.home-import-view,.home-modernize-view{width:100%;min-height:100vh;padding:40px}.view-header{align-items:center;gap:16px;max-width:1400px;margin:0 auto 32px;display:flex}.back-btn{border:1px solid var(--border-color,#0000001a);color:var(--text-secondary,#515b6a);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dark-mode .back-btn,.theme-noctis .back-btn,.theme-github .back-btn,.theme-synthwave .back-btn,.theme-hackerx-green .back-btn,.theme-hackerx-ocean .back-btn,.theme-catppuccin-frappe .back-btn,.theme-catppuccin-macchiato .back-btn,.theme-catppuccin-mocha .back-btn{color:#a1a1aa;border:1px solid #ffffff1a}.back-btn:hover{border-color:var(--accent-primary,#1976d2);color:var(--accent-primary,#1976d2);background:#1976d20d}.dark-mode .back-btn:hover,.theme-noctis .back-btn:hover,.theme-github .back-btn:hover,.theme-synthwave .back-btn:hover,.theme-hackerx-green .back-btn:hover,.theme-hackerx-ocean .back-btn:hover,.theme-catppuccin-frappe .back-btn:hover,.theme-catppuccin-macchiato .back-btn:hover,.theme-catppuccin-mocha .back-btn:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.view-title{color:var(--text-primary,#1e2329);margin:0;font-size:32px;font-weight:700}.dark-mode .view-title,.theme-noctis .view-title,.theme-github .view-title,.theme-synthwave .view-title,.theme-hackerx-green .view-title,.theme-hackerx-ocean .view-title,.theme-catppuccin-frappe .view-title,.theme-catppuccin-macchiato .view-title,.theme-catppuccin-mocha .view-title{color:#fff}.view-controls{flex-direction:column;gap:16px;max-width:1400px;margin:0 auto 32px;display:flex}.search-bar{width:100%;max-width:600px;position:relative}.search-icon{color:#71717a;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{color:#fff;background:#1c1c1c;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 16px 12px 48px;font-family:inherit;font-size:15px;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.search-input::placeholder{color:#52525b}.filter-tabs{gap:8px;display:flex}.filter-tab{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.filter-tab:hover{color:#fff;background:#ffffff0d}.filter-tab.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-icon{color:#52525b;margin-bottom:16px}.empty-state h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:600}.empty-state p{color:#a1a1aa;margin:0 0 24px;font-size:15px}.feature-content{max-width:800px;margin:0 auto}.feature-hero{text-align:center;margin-bottom:48px}.feature-icon-large{color:#3b82f6;background:#3b82f61a;border-radius:24px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 24px;display:flex}.feature-icon-large.gradient{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf633 0%,#ec489933 100%)}.feature-hero h2{color:var(--text-primary,#1e2329);margin:0 0 16px;font-size:32px;font-weight:700}.dark-mode .feature-hero h2,.theme-noctis .feature-hero h2,.theme-github .feature-hero h2,.theme-synthwave .feature-hero h2,.theme-hackerx-green .feature-hero h2,.theme-hackerx-ocean .feature-hero h2,.theme-catppuccin-frappe .feature-hero h2,.theme-catppuccin-macchiato .feature-hero h2,.theme-catppuccin-mocha .feature-hero h2{color:#fff}.feature-description{color:var(--text-secondary,#515b6a);margin:0;font-size:16px;line-height:1.6}.dark-mode .feature-description,.theme-noctis .feature-description,.theme-github .feature-description,.theme-synthwave .feature-description,.theme-hackerx-green .feature-description,.theme-hackerx-ocean .feature-description,.theme-catppuccin-frappe .feature-description,.theme-catppuccin-macchiato .feature-description,.theme-catppuccin-mocha .feature-description{color:#a1a1aa}.feature-form{background:var(--bg-card,#fff);border:1px solid var(--border-color,#00000014);border-radius:16px;margin-bottom:32px;padding:32px;box-shadow:0 2px 8px #0000000a}.dark-mode .feature-form,.theme-noctis .feature-form,.theme-github .feature-form,.theme-synthwave .feature-form,.theme-hackerx-green .feature-form,.theme-hackerx-ocean .feature-form,.theme-catppuccin-frappe .feature-form,.theme-catppuccin-macchiato .feature-form,.theme-catppuccin-mocha .feature-form{box-shadow:none;background:#1c1c1c;border:1px solid #ffffff1a}.form-group{margin-bottom:24px}.form-label{color:var(--text-primary,#1e2329);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.dark-mode .form-label,.theme-noctis .form-label,.theme-github .form-label,.theme-synthwave .form-label,.theme-hackerx-green .form-label,.theme-hackerx-ocean .form-label,.theme-catppuccin-frappe .form-label,.theme-catppuccin-macchiato .form-label,.theme-catppuccin-mocha .form-label{color:#fff}.form-input,.form-select{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#0000001a);width:100%;color:var(--text-primary,#1e2329);border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.dark-mode .form-input,.dark-mode .form-select,.theme-noctis .form-input,.theme-noctis .form-select,.theme-github .form-input,.theme-github .form-select,.theme-synthwave .form-input,.theme-synthwave .form-select,.theme-hackerx-green .form-input,.theme-hackerx-green .form-select,.theme-hackerx-ocean .form-input,.theme-hackerx-ocean .form-select,.theme-catppuccin-frappe .form-input,.theme-catppuccin-frappe .form-select,.theme-catppuccin-macchiato .form-input,.theme-catppuccin-macchiato .form-select,.theme-catppuccin-mocha .form-input,.theme-catppuccin-mocha .form-select{color:#fff;background:#111;border:1px solid #ffffff1a}.form-input:focus,.form-select:focus{border-color:var(--accent-primary,#1976d2);box-shadow:0 0 0 3px #1976d21a}.dark-mode .form-input:focus,.dark-mode .form-select:focus,.theme-noctis .form-input:focus,.theme-noctis .form-select:focus,.theme-github .form-input:focus,.theme-github .form-select:focus,.theme-synthwave .form-input:focus,.theme-synthwave .form-select:focus,.theme-hackerx-green .form-input:focus,.theme-hackerx-green .form-select:focus,.theme-hackerx-ocean .form-input:focus,.theme-hackerx-ocean .form-select:focus,.theme-catppuccin-frappe .form-input:focus,.theme-catppuccin-frappe .form-select:focus,.theme-catppuccin-macchiato .form-input:focus,.theme-catppuccin-macchiato .form-select:focus,.theme-catppuccin-mocha .form-input:focus,.theme-catppuccin-mocha .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.form-input::placeholder{color:var(--text-tertiary,#9ca3af)}.dark-mode .form-input::placeholder,.theme-noctis .form-input::placeholder,.theme-github .form-input::placeholder,.theme-synthwave .form-input::placeholder,.theme-hackerx-green .form-input::placeholder,.theme-hackerx-ocean .form-input::placeholder,.theme-catppuccin-frappe .form-input::placeholder,.theme-catppuccin-macchiato .form-input::placeholder,.theme-catppuccin-mocha .form-input::placeholder{color:#52525b}.form-hint{color:var(--text-tertiary,#7a8699);margin:8px 0 0;font-size:13px}.dark-mode .form-hint,.theme-noctis .form-hint,.theme-github .form-hint,.theme-synthwave .form-hint,.theme-hackerx-green .form-hint,.theme-hackerx-ocean .form-hint,.theme-catppuccin-frappe .form-hint,.theme-catppuccin-macchiato .form-hint,.theme-catppuccin-mocha .form-hint{color:#71717a}.form-section{margin:32px 0}.form-section-title{color:var(--text-primary,#1e2329);margin:0 0 16px;font-size:18px;font-weight:600}.dark-mode .form-section-title,.theme-noctis .form-section-title,.theme-github .form-section-title,.theme-synthwave .form-section-title,.theme-hackerx-green .form-section-title,.theme-hackerx-ocean .form-section-title,.theme-catppuccin-frappe .form-section-title,.theme-catppuccin-macchiato .form-section-title,.theme-catppuccin-mocha .form-section-title{color:#fff}.form-checkboxes{flex-direction:column;gap:12px;display:flex}.checkbox-label{color:var(--text-secondary,#515b6a);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:14px;transition:all .2s;display:flex}.dark-mode .checkbox-label,.theme-noctis .checkbox-label,.theme-github .checkbox-label,.theme-synthwave .checkbox-label,.theme-hackerx-green .checkbox-label,.theme-hackerx-ocean .checkbox-label,.theme-catppuccin-frappe .checkbox-label,.theme-catppuccin-macchiato .checkbox-label,.theme-catppuccin-mocha .checkbox-label{color:#a1a1aa}.checkbox-label:hover{color:var(--text-primary,#1e2329);background:#1976d20d}.dark-mode .checkbox-label:hover,.theme-noctis .checkbox-label:hover,.theme-github .checkbox-label:hover,.theme-synthwave .checkbox-label:hover,.theme-hackerx-green .checkbox-label:hover,.theme-hackerx-ocean .checkbox-label:hover,.theme-catppuccin-frappe .checkbox-label:hover,.theme-catppuccin-macchiato .checkbox-label:hover,.theme-catppuccin-mocha .checkbox-label:hover{color:#fff;background:#ffffff05}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-primary,#1976d2)}.dark-mode .checkbox-label input[type=checkbox],.theme-noctis .checkbox-label input[type=checkbox],.theme-github .checkbox-label input[type=checkbox],.theme-synthwave .checkbox-label input[type=checkbox],.theme-hackerx-green .checkbox-label input[type=checkbox],.theme-hackerx-ocean .checkbox-label input[type=checkbox],.theme-catppuccin-frappe .checkbox-label input[type=checkbox],.theme-catppuccin-macchiato .checkbox-label input[type=checkbox],.theme-catppuccin-mocha .checkbox-label input[type=checkbox]{accent-color:#3b82f6}.form-actions{gap:12px;margin-top:32px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex}.primary-btn{color:#fff;background:#3b82f6;border:none;flex:1}.primary-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn.large{padding:16px 32px;font-size:16px}.primary-btn.gradient{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 50%,#ec4899 100%)}.primary-btn.gradient:hover:not(:disabled){box-shadow:0 4px 16px #8b5cf666}.secondary-btn{color:#a1a1aa;background:0 0;border:1px solid #ffffff1a}.secondary-btn:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.form-features{margin:24px 0}.feature-item{color:var(--text-secondary);align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.feature-check{color:#10b981;flex-shrink:0}.modernize-features{margin:32px 0}.modernize-steps{flex-direction:column;gap:16px;display:flex}.modernize-step{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;gap:16px;padding:16px;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.step-content h4{color:#fff;margin:0 0 4px;font-size:15px;font-weight:600}.step-content p{color:#a1a1aa;margin:0;font-size:13px;line-height:1.4}.feature-examples{margin-top:48px}.feature-examples h3{color:#fff;margin:0 0 16px;font-size:16px;font-weight:600}.examples-list{flex-direction:column;gap:8px;display:flex}.example-item{cursor:pointer;text-align:left;background:#1c1c1c;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.example-item:hover{background:#3b82f60d;border-color:#3b82f6}.example-item .icon{color:#3b82f6;flex-shrink:0}.example-content{flex:1}.example-name{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600}.example-desc{color:#71717a;font-size:13px}.supported-frameworks{flex-wrap:wrap;gap:8px;display:flex}.framework-tag{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}@media (max-width:1024px) and (min-width:769px){.projects-grid,.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.home-title{font-size:36px}.home-subtitle{font-size:16px}.home-hero{min-height:60vh;padding:60px 20px}.home-quick-start{grid-template-columns:1fr}.home-section{margin:60px auto;padding:0 20px}.projects-grid,.templates-grid{grid-template-columns:1fr}.view-header{flex-direction:column;align-items:flex-start}.view-title{font-size:24px}.home-projects-view,.home-templates-view,.home-import-view,.home-modernize-view{padding:20px}.feature-form{padding:24px}.form-actions{flex-direction:column}}.home-cta-section{margin-top:80px;margin-bottom:40px}.home-upgrade-cta{text-align:center;background:linear-gradient(135deg,#7c3aed26 0%,#00b4d81a 100%);border:1px solid #7c3aed4d;border-radius:16px;max-width:800px;margin:0 auto;padding:60px 40px;position:relative;overflow:hidden}.home-upgrade-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed1a 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite ctaGlow;position:absolute;top:-50%;left:-50%}@keyframes ctaGlow{0%,to{opacity:.5;transform:translate(0%)scale(1)}50%{opacity:.8;transform:translate(10%,10%)scale(1.1)}}.cta-content{z-index:1;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.cta-icon{color:#fcd34d;animation:2s ease-in-out infinite ctaIconPulse}@keyframes ctaIconPulse{0%,to{filter:drop-shadow(0 0 8px #fcd34d80);transform:scale(1)}50%{filter:drop-shadow(0 0 16px #fcd34dcc);transform:scale(1.1)}}.cta-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:700}.cta-subtitle{color:var(--text-secondary);max-width:500px;margin:0;font-size:16px}.cta-button{gap:10px;margin-top:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #7c3aed4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed80}@media (max-width:768px){.home-upgrade-cta{padding:40px 24px}.cta-title{font-size:24px}.cta-subtitle{font-size:14px}.cta-button{width:100%}}.home-footer{text-align:center;color:var(--text-secondary);opacity:.7;margin-top:60px;padding:40px 20px 60px;font-size:14px}.home-footer p{margin:0}.global-search-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0009;justify-content:center;align-items:flex-start;padding:10vh 20px 20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.global-search-modal{background:var(--surface-elevated,#1e1e2e);border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:70vh;animation:.2s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a}.global-search-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:20px;display:flex}.search-header-icon{color:var(--text-secondary,#a0a0b0);flex-shrink:0}.global-search-input{color:var(--text-primary,#fff);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px;line-height:1.5}.global-search-input::placeholder{color:var(--text-tertiary,#667)}.search-loading-spinner{color:var(--primary,#6366f1)}.search-loading-spinner .spinning{animation:1s linear infinite spin}.search-kbd{color:var(--text-secondary,#a0a0b0);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;padding:4px 8px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px}.global-search-categories{scrollbar-width:none;border-bottom:1px solid #ffffff1a;gap:4px;padding:12px 20px;display:flex;overflow-x:auto}.global-search-categories::-webkit-scrollbar{display:none}.category-tab{color:var(--text-secondary,#a0a0b0);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.category-tab:hover{color:var(--text-primary,#fff);background:#ffffff0d}.category-tab.active{color:var(--primary,#6366f1);background:#6366f126;border-color:#6366f14d}.category-count{text-align:center;background:#ffffff1a;border-radius:10px;min-width:20px;padding:2px 6px;font-size:11px;font-weight:600}.category-tab.active .category-count{color:var(--primary-light,#818cf8);background:#6366f14d}.global-search-results{flex:1;min-height:200px;padding:8px;overflow-y:auto}.global-search-results::-webkit-scrollbar{width:8px}.global-search-results::-webkit-scrollbar-track{background:0 0}.global-search-results::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.global-search-results::-webkit-scrollbar-thumb:hover{background:#fff3}.search-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.search-empty-state .empty-icon{color:var(--text-tertiary,#667);opacity:.5;margin-bottom:16px}.search-empty-state .empty-title{color:var(--text-primary,#fff);margin:0 0 8px;font-size:16px;font-weight:600}.search-empty-state .empty-subtitle{color:var(--text-secondary,#a0a0b0);margin:0 0 24px;font-size:14px}.search-shortcuts{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.shortcut-item{color:var(--text-secondary,#a0a0b0);align-items:center;gap:6px;font-size:13px;display:flex}.shortcut-item kbd{color:var(--text-primary,#fff);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px}.search-results-list{flex-direction:column;gap:4px;display:flex}.search-result-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;width:100%;padding:12px;transition:all .15s;display:flex}.search-result-item:hover{background:#ffffff0d;border-color:#ffffff1a}.search-result-item.selected{background:#6366f11a;border-color:#6366f14d}.result-icon{width:36px;height:36px;color:var(--text-secondary,#a0a0b0);background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-result-item.selected .result-icon{color:var(--primary,#6366f1);background:#6366f133}.result-content{flex:1;min-width:0}.result-title{color:var(--text-primary,#fff);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:500;overflow:hidden}.result-description,.result-snippet{color:var(--text-secondary,#a0a0b0);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;overflow:hidden}.result-snippet{margin-top:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px}.result-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.result-type{color:var(--text-secondary,#a0a0b0);text-transform:capitalize;background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.result-date{color:var(--text-tertiary,#667);font-size:11px}.global-search-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.search-tips{color:var(--text-tertiary,#667);align-items:center;gap:8px;font-size:12px;display:flex}.search-tips svg{color:var(--accent,#fbbf24);flex-shrink:0}@media (max-width:768px){.global-search-overlay{padding:20px 12px}.global-search-modal{max-width:100%;max-height:80vh}.global-search-header{padding:16px}.global-search-categories{padding:8px 16px}.category-tab{padding:6px 10px;font-size:12px}.search-empty-state{padding:40px 20px}.search-result-item{padding:10px}.result-icon{width:32px;height:32px}.result-title{font-size:13px}.result-description,.result-snippet{font-size:12px}.search-shortcuts{flex-direction:column;gap:8px}}.dark-mode .global-search-modal{background:var(--bg-primary)}.tenant-switch-overlay{z-index:999999999;background:var(--bg-primary,#0f1117);flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.2s ease-out forwards tenant-overlay-fadein;display:flex;position:fixed;inset:0}.tenant-switch-overlay.fade-out{animation:.3s ease-in forwards tenant-overlay-fadeout}@keyframes tenant-overlay-fadein{0%{opacity:0}to{opacity:1}}@keyframes tenant-overlay-fadeout{0%{opacity:1}to{opacity:0}}.tenant-switch-hex-svg{filter:drop-shadow(0 0 6px #6366f1cc);width:64px;height:64px;animation:1.1s linear infinite ts-hex-rotate;overflow:visible}.ts-hex-track{fill:none;stroke:#6366f133;stroke-width:5px;stroke-linejoin:round}.ts-hex-arc{fill:none;stroke:url(#ts-hex-gradient);stroke-width:5px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:252;stroke-dashoffset:189px}@keyframes ts-hex-rotate{to{transform:rotate(360deg)}}.tenant-switch-progress-bar{background:#ffffff0d;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.tenant-switch-progress-bar-fill{transform-origin:0;background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);height:100%;animation:1.4s ease-in-out infinite tenant-progress-slide}@keyframes tenant-progress-slide{0%{transform:translate(-100%)scaleX(.3)}50%{transform:translate(0%)scaleX(1)}to{transform:translate(100%)scaleX(.3)}}.tenant-switch-label{flex-direction:column;align-items:center;gap:6px;display:flex}.tenant-switch-label-heading{color:var(--text-secondary,#ffffff80);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:500}.tenant-switch-label-name{color:var(--text-primary,#fff);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:17px;font-weight:600;animation:.3s ease-out both tenant-name-slide-up;overflow:hidden}@keyframes tenant-name-slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tenant-switch-dots{gap:6px;margin-top:4px;display:flex}.tenant-switch-dots span{background:#6366f1;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite tenant-dot-pulse}.tenant-switch-dots span:nth-child(2){background:#8b5cf6;animation-delay:.2s}.tenant-switch-dots span:nth-child(3){background:#ec4899;animation-delay:.4s}@keyframes tenant-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.script-execution-confirmation{text-align:left}.script-execution-confirmation .script-section,.script-execution-confirmation .output-section,.script-execution-confirmation .changes-section,.script-execution-confirmation .warning-section{margin-bottom:20px}.script-execution-confirmation strong{color:var(--text-primary);margin-bottom:8px;font-weight:600;display:block}.script-execution-confirmation .script-preview,.script-execution-confirmation .output-preview{background:var(--background-tertiary);border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-all;border-radius:6px;max-height:200px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:13px;line-height:1.5;overflow-y:auto}.script-execution-confirmation .file-changes-list{margin-top:8px}.script-execution-confirmation .file-changes{border:1px solid var(--border-color);background:var(--background-tertiary);border-radius:6px;max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.script-execution-confirmation .file-change{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:10px 12px;transition:background-color .2s;display:flex}.script-execution-confirmation .file-change:last-child{border-bottom:none}.script-execution-confirmation .file-change:hover{background:var(--background-hover)}.script-execution-confirmation .file-change-created{color:var(--success-color,#10b981)}.script-execution-confirmation .file-change-modified{color:var(--warning-color,#f59e0b)}.script-execution-confirmation .file-change-deleted{color:var(--danger-color,#ef4444)}.script-execution-confirmation .change-icon{flex-shrink:0;font-size:16px}.script-execution-confirmation .file-path{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:13px}.script-execution-confirmation .change-type{text-transform:uppercase;opacity:.7;flex-shrink:0;font-size:11px}.script-execution-confirmation .view-diff-btn{background:var(--button-secondary-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:11px;transition:all .2s}.script-execution-confirmation .view-diff-btn:hover{background:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border)}.script-execution-confirmation .warning-section{color:var(--text-primary);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;padding:12px;font-weight:500}.diff-view{gap:20px;max-height:500px;display:flex;overflow:auto}.diff-view .diff-section{flex:1}.diff-view .diff-section strong{color:var(--text-primary);margin-bottom:8px;display:block}.diff-view .diff-content{background:var(--background-tertiary);border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-all;border-radius:6px;max-height:400px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}@media (max-width:768px){.diff-view{flex-direction:column}.script-execution-confirmation .script-preview,.script-execution-confirmation .output-preview{font-size:11px}}.slash-cmd-menu{z-index:1000;background:var(--bg-secondary,#1e1e2e);border:1px solid var(--border-color,#313244);border-radius:10px;flex-direction:column;max-height:380px;font-size:13px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 -4px 24px #00000059}.slash-cmd-header{background:var(--bg-tertiary,#181825);border-bottom:1px solid var(--border-color,#313244);flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.slash-cmd-header__logo{font-size:15px}.slash-cmd-header__title{color:var(--text-primary,#cdd6f4);font-size:12px;font-weight:600}.slash-cmd-header__subtitle{color:var(--text-muted,#6c7086);flex:1;font-size:11px}.slash-cmd-close{cursor:pointer;color:var(--text-muted,#6c7086);background:0 0;border:none;border-radius:4px;padding:0 2px;font-size:16px;line-height:1;transition:color .15s,background .15s}.slash-cmd-close:hover{color:var(--text-primary,#cdd6f4);background:var(--bg-hover,#313244)}.slash-cmd-list{flex:1;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.slash-cmd-item{cursor:pointer;border-radius:0;align-items:flex-start;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.slash-cmd-item--active,.slash-cmd-item:hover{background:var(--bg-hover,#313244)}.slash-cmd-item__icon{flex-shrink:0;margin-top:1px;font-size:16px}.slash-cmd-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.slash-cmd-item__command{font-family:var(--font-mono,"JetBrains Mono","Fira Code",monospace);color:var(--accent-blue,#89b4fa);font-size:12px;font-weight:600}.slash-cmd-item__hint{font-family:var(--font-mono,"JetBrains Mono","Fira Code",monospace);color:var(--text-muted,#6c7086);font-size:11px}.slash-cmd-item__desc{color:var(--text-secondary,#a6adc8);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.slash-cmd-item__badge{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;flex-shrink:0;align-self:center;padding:2px 6px;font-size:9px;font-weight:700}.slash-cmd-item__badge--core{background:var(--accent-green-bg,#a6e3a126);color:var(--accent-green,#a6e3a1);border:1px solid var(--accent-green,#a6e3a1)}.slash-cmd-footer{background:var(--bg-tertiary,#181825);border-top:1px solid var(--border-color,#313244);color:var(--text-muted,#6c7086);flex-shrink:0;gap:12px;padding:5px 12px;font-size:10px;display:flex}:root:not(.dark-mode) .slash-cmd-menu{background:#fff;border-color:#e2e8f0;box-shadow:0 -4px 24px #0000001f}:root:not(.dark-mode) .slash-cmd-header,:root:not(.dark-mode) .slash-cmd-footer{background:#f8fafc;border-color:#e2e8f0}:root:not(.dark-mode) .slash-cmd-header__title{color:#1e293b}:root:not(.dark-mode) .slash-cmd-header__subtitle,:root:not(.dark-mode) .slash-cmd-footer{color:#94a3b8}:root:not(.dark-mode) .slash-cmd-item:hover,:root:not(.dark-mode) .slash-cmd-item--active{background:#f1f5f9}:root:not(.dark-mode) .slash-cmd-item__command{color:#3b82f6}:root:not(.dark-mode) .slash-cmd-item__desc{color:#475569}:root:not(.dark-mode) .slash-cmd-close{color:#94a3b8}:root:not(.dark-mode) .slash-cmd-close:hover{color:#1e293b;background:#e2e8f0}body{font-family:var(--main-font);font-size:var(--base-font-size,var(--main-size,16px));margin:0;padding:0;overflow:hidden}.app-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-content{background-color:var(--bg-primary);isolation:isolate;flex-direction:column;flex:1;height:100vh;transition:width .2s;display:flex;position:relative;overflow:hidden;container:chat-sidebar/inline-size}.chat-resize-handle{cursor:ew-resize;z-index:950;background-color:#0000;width:4px;height:100vh;transition:background-color .2s;position:fixed;top:0;transform:translate(-2px)}.chat-resize-handle:hover{background-color:var(--mia-purple-primary)}.chat-resize-handle:after{content:"";opacity:0;background-color:#3b82f64d;border-radius:4px;width:16px;height:60px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-resize-handle:hover:after{opacity:1}.chat-container{flex-direction:column;width:100%;min-width:360px;height:100%;display:flex;position:relative;overflow:hidden}.nav-sidebar-toggle{z-index:1000;background:var(--bg-secondary);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #0006}.nav-sidebar-toggle:hover{background:var(--shade-medium);border-color:var(--mia-purple-primary);transform:scale(1.05)}.toggle-icon{font-size:20px;line-height:1}.top-header{border-bottom:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-white);justify-content:space-between;align-items:center;min-height:44px;padding:8px 16px;display:flex}.header-left{flex:1;align-items:center;gap:8px;display:flex}.sidebar-menu-button-header{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.sidebar-menu-button-header:hover{background-color:var(--palette-background-neutral-100)}.sidebar-menu-button-header .menu-icon{color:var(--palette-common-grey-700);font-size:18px}.header-center{flex:2;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.mode-toggle-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:2px;padding:4px;display:inline-flex}.mode-toggle-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mode-toggle-btn:hover{color:var(--text-primary);background:#ffffff0d}.mode-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#1976d2 0%,#3b82f6 100%);box-shadow:0 2px 8px #1976d240}.mode-icon{font-size:16px;line-height:1}.mode-label{font-size:13px;font-weight:500}.header-breadcrumb{flex:1;align-items:center;min-width:0;max-width:800px;display:flex}.header-breadcrumb .context-breadcrumb{width:100%;min-height:auto;box-shadow:none;background:0 0;border:1px solid #e2e8f0;padding:4px 10px}.header-breadcrumb .context-breadcrumb:hover{border-color:#cbd5e1;box-shadow:0 1px 2px #0000000a}.header-breadcrumb .context-breadcrumb-inner{gap:6px}.header-breadcrumb .context-breadcrumb-label{display:none}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.conversation-name-input-header{font-family:var(--main-font);font-size:var(--main-size);border:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);border-radius:16px;max-width:300px;padding:6px 10px;transition:border-color .2s}.conversation-name-input-header:focus{border-color:var(--palette-action-primary-default);outline:none}.ai-instructions-toggle{font-family:var(--main-font);font-size:var(--main-size);border:1px solid var(--palette-common-grey-200);cursor:pointer;color:var(--palette-common-grey-700);background:0 0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;transition:background-color .2s;display:flex}.ai-instructions-toggle:hover{background-color:var(--palette-background-neutral-50)}.canvas-toggle{font-family:var(--main-font);font-size:var(--main-size);border:1px solid var(--palette-common-grey-200);cursor:pointer;color:var(--palette-common-grey-700);background:0 0;border-radius:20px;align-items:center;gap:8px;margin-left:12px;padding:8px 16px;transition:background-color .2s;display:flex}.canvas-toggle:hover{background-color:var(--palette-background-neutral-50)}.canvas-toggle.active{background-color:var(--palette-action-primary-default);color:var(--palette-common-white);border-color:var(--palette-action-primary-default)}.button-text-hidden{display:none}.instructions-icon{font-size:12px}.canvas-toggle-icon{font-size:16px}.instructions-active-indicator,.canvas-active-indicator{color:var(--palette-action-primary-default);margin-left:4px;font-size:8px}.user-avatar{background-color:var(--palette-background-neutral-200);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:background-color .2s;display:flex}.user-avatar:hover{background-color:var(--palette-background-neutral-300)}.header-right .tools-button{font-family:var(--main-font);font-size:var(--main-size);background:var(--palette-background-neutral-100);border:1.5px solid var(--palette-common-grey-300);cursor:pointer;color:var(--palette-common-grey-700);border-radius:16px;align-items:center;gap:6px;padding:6px 12px;transition:background-color .2s,border-color .2s;display:flex;box-shadow:0 1px 2px #0000000f}.header-right .tools-button:hover{background-color:var(--palette-background-neutral-200);border-color:var(--palette-common-grey-400)}.header-right .tools-button .control-icon{font-size:14px}.header-right .tools-menu{position:relative}.header-right .tools-dropdown{top:calc(100% + 8px);right:0}.ai-instructions-panel-main{border-bottom:1px solid var(--palette-common-grey-200);background-color:var(--palette-background-neutral-50);padding:16px 24px}.ai-instructions-textarea{font-family:var(--main-font);font-size:var(--main-size);border:1px solid var(--palette-common-grey-200);resize:vertical;box-sizing:border-box;background-color:var(--palette-common-white);border-radius:8px;width:100%;min-height:80px;padding:12px}.ai-instructions-textarea:focus{border-color:var(--palette-action-primary-default);outline:none;box-shadow:0 0 0 2px #42a5f51a}.chat-container{background-color:var(--palette-common-white);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-messages{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:48px;height:100%;display:flex}.empty-state-title{font-family:var(--main-font);color:var(--palette-common-grey-700);margin:0;font-size:48px;font-weight:400;transition:font-size .2s}.main-content.canvas-active .empty-state-title{font-size:32px}.prompt-suggestions{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:1200px;transition:all .3s;display:grid}.main-content.canvas-active .prompt-suggestions{grid-template-columns:1fr;gap:8px;max-width:100%}.prompt-card{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-200);cursor:pointer;font-family:var(--main-font);color:var(--palette-common-grey-700);text-align:left;word-wrap:break-word;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;min-height:70px;padding:16px;font-size:14px;transition:all .2s;display:flex}.main-content.canvas-active .prompt-card{flex-direction:row;align-items:center;gap:12px;min-height:auto;padding:12px 16px;font-size:14px}.prompt-card:hover{background-color:var(--palette-background-neutral-100);border-color:var(--palette-common-grey-300);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.prompt-icon{font-size:20px;transition:font-size .2s}.main-content.canvas-active .prompt-icon{font-size:18px}.chat-messages-container{contain:layout style;content-visibility:auto;flex-direction:column;gap:24px;width:100%;margin:0 auto;display:flex}.message{font-family:var(--main-font);font-size:var(--main-size);word-wrap:break-word;will-change:contents;backface-visibility:hidden;border-radius:12px;max-width:100%;padding:16px;line-height:1.6;position:relative;transform:translateZ(0)}.message.sent{background-color:var(--palette-background-primary-0);white-space:normal;border-top-right-radius:4px;align-self:flex-end;width:90%;min-width:210px;padding-bottom:40px}.save-prompt-button{cursor:pointer;color:#fff;opacity:1;pointer-events:auto;background:linear-gradient(135deg,#42a5f5d9 0%,#2196f3d9 100%);border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:8px;right:8px;transform:scale(1);box-shadow:0 2px 8px #42a5f54d;box-sizing:border-box!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important}.save-prompt-button:hover{background:linear-gradient(135deg,#42a5f5 0%,#2196f3 100%);transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #42a5f580}.save-prompt-button:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #42a5f566}.save-prompt-button svg{width:12px;height:12px}.save-message-button{cursor:pointer;color:#fff;opacity:1;pointer-events:auto;background:linear-gradient(135deg,#4caf50d9 0%,#388e3cd9 100%);border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:8px;right:8px;transform:scale(1);box-shadow:0 2px 8px #4caf504d;box-sizing:border-box!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important}.save-message-button:hover{background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #4caf5080}.save-message-button:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #4caf5066}.save-message-button svg{width:12px;height:12px}.message.received{white-space:normal;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;resize:horizontal;background-color:#0000;border-top-left-radius:4px;align-self:flex-start;width:80%;min-width:210px;max-width:100%;padding-bottom:40px}.message.received h1{word-break:keep-all;margin:.4em 0 .25em;font-size:1.4em;font-weight:700;line-height:1.2}.message.received h2{word-break:keep-all;margin:.35em 0 .2em;font-size:1.25em;font-weight:600;line-height:1.1}.message.received h3{word-break:keep-all;margin:.3em 0 .15em;font-size:1.1em;font-weight:600;line-height:1.1}.message.received h4,.message.received h5,.message.received h6{word-break:keep-all;margin:.25em 0 .1em;font-size:1em;font-weight:600;line-height:1}.message.received p{word-break:normal;overflow-wrap:break-word;margin:.75em 0;line-height:1.6}.message.received p:first-child{margin-top:0}.message.received p:last-child{margin-bottom:0}.message.received ul,.message.received ol{margin:.1em 0;padding-left:1.5em;line-height:.6}.message.received li{word-break:normal;overflow-wrap:break-word;margin:.05em 0;padding-left:.2em;line-height:1.4}.message.received li>p{margin:.05em 0;display:inline}.message.received ul ul,.message.received ol ul,.message.received ul ol,.message.received ol ol{margin:.15em 0;padding-left:1.3em}.message.received blockquote{border-left:3px solid var(--palette-action-primary-default);background-color:var(--palette-background-neutral-50);color:var(--palette-text-secondary-default);margin:.4em 0;padding:.3em .6em;line-height:1.4}.message.received hr{border:none;border-top:1px solid var(--palette-common-grey-200);margin:.6em 0}.message.received strong{white-space:nowrap;font-weight:600}.message.received em{font-style:italic}.message.received code{background-color:var(--palette-background-neutral-100);white-space:nowrap;word-break:keep-all;border-radius:3px;padding:.15em .35em;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.88em}.message.received pre{margin:.4em 0;overflow-x:auto}.message.received pre code{white-space:pre;word-break:normal;background-color:#0000;padding:0;display:block}.message.received.function-call{background-color:var(--palette-background-neutral-100);border-left:3px solid var(--palette-action-primary-default)}.conversation-status{background-color:var(--palette-background-neutral-50);border-radius:4px 12px 12px;align-self:flex-start;align-items:center;gap:12px;max-width:100%;margin-top:20px;padding:16px;display:flex}.status-icon-container{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.status-spinner{color:var(--palette-action-primary-default);animation:1.5s linear infinite spin}.status-spinner polygon{fill:currentColor}.status-text{font-family:var(--main-font);font-size:var(--main-size);color:var(--palette-text-primary-default);font-weight:500}.message.received table{border-collapse:collapse;table-layout:auto;width:100%;display:table}.message.received th,.message.received td{border:1px solid var(--palette-common-grey-200);text-align:left;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;padding:8px 12px}.message.received th{background-color:var(--palette-background-neutral-100);font-weight:600}.chat-input-container{border-top:1px solid var(--palette-common-grey-200);background-color:var(--palette-common-white);padding:16px 24px 14px;transition:all .2s ease-in-out;position:relative;box-shadow:0 -2px 8px #0000000a}.chat-input-container.drag-over{border-top:2px solid var(--palette-action-primary-default);background-color:#6366f10d}.chat-input-container.drag-over:before{content:"📎 Drop files here to attach";color:var(--palette-action-primary-default);pointer-events:none;z-index:10;background-color:var(--palette-common-white);border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001a}.chat-input-wrapper{flex-direction:column;gap:12px;max-width:1200px;margin:0 auto;display:flex}.add-context-button{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-300);cursor:pointer;color:var(--palette-common-grey-700);font-family:var(--main-font);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:40px;min-width:40px;height:40px;padding:8px 14px;font-size:12px;font-weight:500;line-height:1;transition:all .2s;display:inline-flex}.add-context-button:hover:not(:disabled){background-color:var(--palette-common-white);border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default);box-shadow:0 1px 4px #00000014}.add-context-button.active{border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default);background-color:#6366f11a;width:auto;padding:8px 14px}.add-context-button.active span{flex-direction:column;align-items:flex-start;line-height:1.3;display:flex}.add-context-button.active:hover:not(:disabled){border-color:var(--palette-action-primary-hover);background-color:#6366f126}.add-context-button:disabled{opacity:.5;cursor:not-allowed}.add-context-button svg{flex-shrink:0}.chat-input{background-color:var(--palette-common-white);border:1.5px solid var(--palette-common-grey-300);border-radius:12px;align-items:center;min-height:48px;padding:10px 14px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000f}.chat-input:after{content:"";background:linear-gradient(135deg,transparent 50%,var(--palette-common-grey-400)50%);pointer-events:none;opacity:.5;border-radius:0 0 4px;width:16px;height:16px;transition:opacity .2s;display:none;position:absolute;top:0;right:0}.chat-input:hover:after{opacity:.8}.chat-input:focus-within{border-color:var(--palette-action-primary-default);background-color:var(--palette-common-white);box-shadow:0 0 0 3px #42a5f51f,0 2px 6px #00000014}.input-left-controls{align-items:center;gap:4px;display:flex}.attach-file-button{cursor:pointer;width:32px;height:32px;color:var(--palette-common-grey-600);background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.attach-file-button:hover:not(:disabled){background-color:var(--palette-common-grey-100);color:var(--palette-action-primary-default)}.attach-file-button:active:not(:disabled){transform:scale(.95)}.attach-file-button:disabled{opacity:.5;cursor:not-allowed}.attached-files-preview{flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px;display:flex}.attached-file-item{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-300);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.attached-file-item:hover{background-color:var(--palette-common-grey-100)}.attached-file-item .file-icon{font-size:20px;line-height:1}.attached-file-item .file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attached-file-item .file-name{color:var(--palette-common-grey-900);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;font-weight:500;overflow:hidden}.attached-file-item .file-size{color:var(--palette-common-grey-600);font-size:11px}.attached-file-item .remove-file-button{cursor:pointer;width:20px;height:20px;color:var(--palette-common-grey-500);background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;transition:all .2s;display:flex}.attached-file-item .remove-file-button:hover{background-color:var(--palette-error-light);color:var(--palette-error-main)}.ai-mode-selector{align-items:center;display:flex;position:relative}.mode-dropdown-toggle{background-color:var(--palette-background-neutral-50);border:1px solid var(--palette-common-grey-300);cursor:pointer;font-size:12px;font-family:var(--main-font);color:var(--palette-common-grey-700);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;line-height:1;transition:all .2s;display:flex}.mode-dropdown-toggle:hover{background-color:var(--palette-common-white);border-color:var(--palette-action-primary-default);color:var(--palette-action-primary-default);box-shadow:0 1px 4px #00000014}.mode-dropdown-toggle .mode-icon{font-size:14px;line-height:1}.mode-dropdown-toggle .mode-label{font-size:12px;line-height:1}.mode-dropdown-toggle .dropdown-arrow{color:var(--palette-common-grey-500);margin-left:2px;transition:transform .2s}.mode-dropdown-menu{background-color:var(--palette-common-white);border:1px solid var(--palette-common-grey-300);z-index:1000;border-radius:12px;min-width:260px;padding:4px;animation:.2s ease-out dropdown-slide-up;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 12px #00000026}@keyframes dropdown-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mode-dropdown-item{cursor:pointer;text-align:left;width:100%;font-family:var(--main-font);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:background-color .2s;display:flex}.mode-dropdown-item:hover{background-color:var(--palette-common-grey-100)}.mode-dropdown-item.active{background-color:var(--palette-action-primary-lighter)}.mode-dropdown-item .mode-icon{flex-shrink:0;font-size:20px;line-height:1}.mode-dropdown-item .mode-text{flex-direction:column;flex:1;gap:2px;display:flex}.mode-dropdown-item .mode-title{color:var(--palette-common-grey-800);font-size:14px;font-weight:600;line-height:1.2}.mode-dropdown-item .mode-description{color:var(--palette-common-grey-600);font-size:12px;line-height:1.3}.mode-dropdown-item .check-icon{color:var(--palette-action-primary-default);flex-shrink:0}.input-icon-button{cursor:pointer;color:var(--palette-common-grey-600);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.input-icon-button:hover:not(:disabled){background-color:var(--palette-background-neutral-100)}.input-icon-button:disabled{opacity:.4;cursor:not-allowed}.chat-input textarea{font-family:var(--main-font);resize:none;min-height:24px;max-height:200px;color:var(--palette-common-grey-800);background:0 0;flex:1;padding:0;font-size:15px;font-weight:400;line-height:1.5;overflow-y:hidden;box-shadow:none!important;border:none!important;outline:none!important}.chat-input textarea::placeholder{color:var(--palette-common-grey-500)}.input-controls-bar{justify-content:space-between;align-items:center;gap:16px;min-height:32px;margin-top:6px;padding:0;display:flex}.input-controls-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.input-controls-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.model-info{font-family:var(--main-font);color:var(--palette-common-grey-600);background-color:var(--palette-background-neutral-50);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500}.send-button-icon,.stop-button-icon,.export-pdf-button{cursor:pointer;color:var(--palette-common-grey-700);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.send-button-icon{color:var(--palette-common-white);background:var(--accent-color,linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%));border-radius:8px;width:40px;height:40px;box-shadow:0 2px 8px #3b82f640}.send-button-icon:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.send-button-icon:disabled{opacity:.4;cursor:not-allowed}.export-pdf-button{color:#10b981;background-color:#10b98114;border:1px solid #10b98133;border-radius:8px;width:36px;height:36px}.export-pdf-button:hover{color:#059669;background-color:#10b98126;border-color:#10b981;box-shadow:0 2px 6px #10b98133}.stop-button-icon{color:var(--palette-error-main,#d32f2f);background-color:#d32f2f14;border:1px solid #d32f2f33;border-radius:8px;width:36px;height:36px}.stop-button-icon:hover{border-color:var(--palette-error-main,#d32f2f);background-color:#d32f2f26;box-shadow:0 2px 6px #d32f2f40}.send-split-button{border-radius:8px;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 2px 8px #3b82f640}.send-split-button .send-button-icon{box-shadow:none;border-right:1px solid #fff3;border-radius:0;width:36px}.send-split-button .send-options-chevron{box-shadow:none;border-radius:0;width:22px;height:40px;padding:0}.send-options-chevron{background:var(--accent-color,linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%));cursor:pointer;color:var(--palette-common-white);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:36px;transition:all .2s;display:flex}.send-options-chevron:hover:not(:disabled){filter:brightness(.9)}.send-options-chevron:disabled{opacity:.4;cursor:not-allowed}.send-options-menu{background:var(--bg-secondary,#fff);border:1px solid var(--border,#e0e0e0);z-index:10001;border-radius:10px;min-width:210px;padding:4px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0000002e}.send-options-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;transition:background .15s;display:flex}.send-options-item:hover{background:var(--bg-hover,#0000000f)}.send-options-item span{flex:1}.send-options-item kbd{opacity:.55;background:var(--bg-tertiary,#0000000f);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px}.send-options-item--primary{color:var(--accent-fg,#3b82f6);font-weight:500}.agent-controls{flex-shrink:0}.agent-ctrl-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.agent-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.agent-ctrl-stop{color:#ef4444;background:#ef44441a;border-color:#ef444440}.agent-ctrl-stop:hover:not(:disabled){background:#ef44442e;border-color:#ef4444}.agent-ctrl-queue{color:var(--text-secondary);background:var(--bg-secondary);border-color:var(--border)}.agent-ctrl-queue:hover:not(:disabled){background:var(--bg-hover,#0000000f);color:var(--text-primary)}.agent-ctrl-steer{color:#fff;background:var(--accent-color,linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%));border-color:#0000;box-shadow:0 2px 8px #3b82f640}.agent-ctrl-steer:hover:not(:disabled){filter:brightness(.9);box-shadow:0 4px 12px #3b82f659}.queue-badge{background:var(--accent-color,#3b82f6);color:#fff;cursor:default;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:inline-flex}.input-bottom-controls{justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.input-control-button{font-family:var(--main-font);cursor:pointer;color:var(--palette-common-grey-700);background:0 0;border:none;border-radius:16px;align-items:center;gap:6px;padding:4px 8px;font-size:14px;transition:background-color .2s;display:flex}.input-control-button:hover{background-color:var(--palette-background-neutral-50)}.control-icon{font-size:16px}.button-container{justify-content:flex-end;gap:12px;display:flex}.send-button,.stop-button{font-family:var(--main-font);font-size:var(--main-size);cursor:pointer;border:none;border-radius:20px;padding:10px 24px;font-weight:500;transition:all .2s}.send-button{background-color:var(--palette-action-primary-default);color:var(--palette-common-white)}.send-button:hover:not(:disabled){background-color:var(--palette-action-primary-hover);box-shadow:0 2px 8px #00000026}.send-button:disabled{background-color:var(--palette-common-grey-300);cursor:not-allowed;opacity:.6}.stop-button{background-color:var(--palette-error-main,#d32f2f);color:var(--palette-common-white)}.stop-button:hover{background-color:var(--palette-error-dark,#c62828);box-shadow:0 2px 8px #00000026}.chat-disclaimer{font-family:var(--main-font);color:var(--palette-common-grey-600);text-align:center;opacity:.85;letter-spacing:.01em;margin-top:12px;padding:0 8px;font-size:12px;line-height:1.5}.loading{text-align:center;color:var(--palette-common-grey-700);padding:12px;font-style:italic}.mermaid-error-container{background-color:var(--palette-background-neutral-100);border:1px solid var(--palette-common-grey-300);color:var(--palette-common-grey-700);border-radius:8px;padding:12px;font-family:monospace;font-size:.9em}.mermaid-error{white-space:pre-wrap;margin:0}.mermaid-modal{z-index:2147483647;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.mermaid-modal-content{background:var(--palette-common-white);-webkit-user-select:none;user-select:none;border-radius:4px;width:calc(80% - 20px);max-width:calc(80% - 20px);padding:16px;animation:.3s ease-out slideUp;position:relative;overflow:visible;box-shadow:0 10px 30px #0006}.mermaid-modal-content svg{max-width:100%;height:auto;display:block}.mermaid-modal-close{color:var(--palette-common-white);cursor:pointer;z-index:1000001;background:0 0;border:none;font-size:2rem;transition:color .2s;position:fixed;top:24px;right:32px}.mermaid-modal-close:hover{color:var(--palette-action-primary-default)}.mermaid-modal-zoom-controls{z-index:1000001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}.mermaid-modal-zoom-btn{font-family:var(--main-font);background:var(--palette-action-primary-default);color:var(--palette-common-white);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;min-width:90px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.mermaid-modal-zoom-btn:hover:not(:disabled){background:var(--palette-action-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #4f46e54d}.mermaid-modal-zoom-btn:disabled{background:var(--palette-common-grey-300);cursor:not-allowed;opacity:.5}.mermaid-modal-zoom-btn.mermaid-modal-reset-btn{background:var(--palette-common-grey-500)}.mermaid-modal-zoom-btn.mermaid-modal-reset-btn:hover:not(:disabled){background:var(--palette-common-grey-600)}.mermaid-modal-download-btn{font-family:var(--main-font);color:var(--palette-common-white);cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:8px;min-width:90px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.mermaid-modal-download-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.mermaid-modal-zoom-span{font-family:var(--main-font);color:var(--palette-common-grey-700);text-align:center;min-width:100px;padding:0 12px;font-size:14px;font-weight:600}.mermaid-modal-help{font-family:var(--main-font);color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000001;white-space:nowrap;background:#000c;border-radius:8px;padding:10px 20px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.auth-container,.ai-instructions-container,.search-bar-container,.top-section{display:none}@media (max-width:1024px){.prompt-suggestions{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:770px){.app-container{display:block}.main-content{width:100%;margin-left:0}}@media (max-width:640px){.prompt-suggestions{grid-template-columns:1fr;gap:10px}.prompt-card{min-height:60px;padding:14px;font-size:13px}.prompt-icon{font-size:18px}}.dark-mode .main-content{background-color:var(--bg-primary)}.dark-mode .top-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1a1a24cc;border-bottom:1px solid #ffffff1a}.dark-mode .chat-container,.dark-mode .chat-messages{background-color:var(--bg-primary)}.dark-mode .message.sent{color:var(--text-primary);background-color:#6366f126}.dark-mode .message.received{background-color:var(--bg-card);color:var(--text-primary);border:1px solid #ffffff1a}.dark-mode .message.received code{color:var(--text-primary);background-color:#ffffff1a}.dark-mode .message.received blockquote{border-left-color:var(--accent-primary);color:var(--text-secondary);background-color:#8b5cf61a}.dark-mode .message.received hr{border-top-color:#ffffff1a}.dark-mode .message.received.function-call{border-left:3px solid var(--accent-primary);background-color:#8b5cf626}.dark-mode .conversation-status{background-color:var(--bg-card);border:1px solid #ffffff1a}.dark-mode .chat-input-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1a1a24cc;border-top:1px solid #ffffff1a}.dark-mode .chat-input{background-color:var(--bg-card);border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}.dark-mode .chat-input:focus-within{border-color:var(--accent-primary);background-color:var(--bg-tertiary);box-shadow:0 4px 16px #0006,0 0 0 2px #6366f14d}.dark-mode .chat-input textarea{color:var(--text-primary)}.dark-mode .attach-file-button{color:var(--text-secondary)}.dark-mode .attach-file-button:hover:not(:disabled){color:var(--accent-primary);background-color:#ffffff1a}.dark-mode .attached-files-preview{background-color:#0000}.dark-mode .attached-file-item{background-color:var(--bg-card);border:1px solid #ffffff1a}.dark-mode .attached-file-item:hover{background-color:#ffffff0d}.dark-mode .attached-file-item .file-name{color:var(--text-primary)}.dark-mode .attached-file-item .file-size,.dark-mode .attached-file-item .remove-file-button{color:var(--text-secondary)}.dark-mode .attached-file-item .remove-file-button:hover{color:#ef4444;background-color:#ef444433}.dark-mode .send-button-icon{background-color:var(--bg-card);color:var(--accent-primary);border:1px solid #fff3}.dark-mode .send-button-icon:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.dark-mode .prompt-card{background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;border:1px solid #ffffff1a}.dark-mode .prompt-card:hover{background-color:var(--bg-tertiary);border-color:#6366f180;box-shadow:0 8px 24px #6366f14d}.dark-mode .empty-state-title{color:var(--text-primary)}.dark-mode .ai-instructions-panel-main{background-color:var(--bg-card);border-bottom:1px solid #ffffff1a}.dark-mode .ai-instructions-textarea{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid #ffffff1a}.dark-mode .ai-instructions-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.dark-mode .conversation-name-input-header{background-color:var(--bg-card);color:var(--text-primary);border:1px solid #ffffff1a}.dark-mode .ai-instructions-toggle,.dark-mode .canvas-toggle{color:var(--text-secondary);background-color:#0000;border:1px solid #ffffff1a}.dark-mode .ai-instructions-toggle:hover,.dark-mode .canvas-toggle:hover{background-color:var(--bg-card);border-color:#fff3}.dark-mode .canvas-toggle.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000}.dark-mode .input-control-button{color:var(--text-secondary)}.dark-mode .input-control-button:hover{background-color:var(--bg-card)}.dark-mode .mermaid-modal{background:#000000eb}.dark-mode .mermaid-modal-content{background:var(--bg-card);border:1px solid #ffffff1a}.dark-mode .mermaid-modal-zoom-controls{background:#1f2937fa;border:1px solid #ffffff1a}.dark-mode .mermaid-modal-zoom-span{color:var(--text-primary)}.dark-mode .mermaid-error-container{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid #ffffff1a}.dark-mode .message.received table{border-color:#ffffff1a}.dark-mode .message.received th,.dark-mode .message.received td{border:1px solid #ffffff1a}.dark-mode .message.received th{background-color:var(--bg-tertiary)}.dark-mode code{background-color:var(--bg-tertiary);color:var(--text-primary)}.dark-mode pre{background-color:var(--bg-tertiary);border:1px solid #ffffff1a}.dark-mode input,.dark-mode textarea,.dark-mode select{background-color:var(--bg-card);color:var(--text-primary);border-color:#ffffff1a}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:var(--text-tertiary)}.dark-mode input:focus,.dark-mode textarea:focus,.dark-mode select:focus{border-color:var(--accent-primary);background-color:var(--bg-tertiary)}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6,.dark-mode label,.dark-mode button{color:var(--text-primary)}.dark-mode button:disabled,.dark-mode input:disabled,.dark-mode textarea:disabled{opacity:.5;color:var(--text-tertiary)}.dark-mode ::-webkit-scrollbar{width:8px;height:8px}.dark-mode ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark-mode ::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dark-mode ::selection{color:var(--text-primary);background-color:#6366f14d}.dark-mode *{border-color:#ffffff1a}.dark-mode .user-avatar{background-color:var(--bg-card);border:1px solid #ffffff1a}.dark-mode .user-avatar:hover{background-color:var(--bg-tertiary);border-color:#6366f14d}.message code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:10px}.message .code-block-wrapper{max-width:100%;overflow:hidden}.message .inline-code{color:#24292e;background-color:#6e768126}.dark-mode .message .code-block-wrapper{background-color:#1e1e1e}.dark-mode .message .code-block-header{background-color:#2d2d2d;border-bottom-color:#3e3e3e}.dark-mode .message .inline-code{color:#e0e7ff;background-color:#ffffff1a}.chat-project-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);align-items:center;gap:12px;padding:16px 24px;display:flex;position:relative}.chat-project-header-button{cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:12px;min-width:0;padding:0;transition:opacity .2s;display:flex;overflow:hidden}.chat-project-header-button:hover{opacity:.8}.chat-tools-button{background:var(--shade-darker);border:1.5px solid var(--shade-medium);cursor:pointer;color:var(--text-primary);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.chat-tools-button:hover{background:var(--shade-dark);border-color:var(--accent-primary);box-shadow:0 2px 6px #2563eb26}.chat-tools-button svg{color:var(--text-secondary)}.dark-mode .chat-tools-button{background:var(--shade-medium);border-color:var(--border-color);box-shadow:none}.dark-mode .chat-tools-button:hover{background:var(--shade-light);border-color:var(--accent-primary);box-shadow:none}.chat-tools-button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-project-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-project-name{color:var(--text-primary);letter-spacing:-.01em;min-width:0;margin:0;font-size:max(12px,min(3cqi,18px));font-weight:600;overflow:hidden}.project-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:999;border-radius:8px;min-width:250px;margin-top:8px;padding:8px 0;position:absolute;top:100%;left:24px;box-shadow:0 4px 12px #0000004d}.chat-project-header .project-dropdown{left:-150px;right:auto}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;font-size:14px;transition:background-color .2s;display:flex}.dropdown-item:hover{background:var(--shade-medium)}.dropdown-item svg{color:var(--text-secondary);flex-shrink:0}.dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.tools-dropdown{z-index:10000!important;border:2px solid var(--border)!important;width:90%!important;max-width:700px!important;max-height:105vh!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.tools-dropdown-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf!important}.tools-dropdown .dropdown-item{cursor:pointer;padding:10px 12px}.tools-dropdown .dropdown-item:hover{background:var(--shade-medium)}@container chat-sidebar (width<=480px){.chat-project-header-button>svg:last-child,.chat-tools-button>span{display:none}.chat-tools-button{justify-content:center;min-width:36px;padding:8px}.chat-project-header{gap:8px;padding:12px 16px}.ai-mode-toggle>span:not(:first-child),.ai-mode-toggle>.dropdown-arrow,.ai-mode-toggle>.button-text,.model-toggle>.button-text,.model-toggle>.dropdown-arrow{display:none!important}.ai-mode-toggle,.model-toggle{justify-content:center;min-width:36px;padding:8px;width:36px!important}.chat-input-container{padding:12px 16px}.input-controls-left{gap:6px}.input-controls-bar{gap:8px}}.disable-animations *,.disable-animations :before,.disable-animations :after{will-change:auto!important;backface-visibility:visible!important;perspective:none!important;transition:none!important;animation:none!important}.disable-animations .home-hexagon,.disable-animations .gradient-orb,.disable-animations .hexagon,.disable-animations .hexagon-container,.disable-animations .home-hexagon-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.disable-animations .auth-background:before,.disable-animations .home-hero:before{opacity:0!important;background:0 0!important;display:none!important}.disable-animations .refresh-icon,.disable-animations .spinner{animation:none!important}.disable-animations .status-spinner,.disable-animations .loading-spinner,.disable-animations .preview-loading .loading-spinner{animation:1.5s linear infinite spin!important;display:block!important;position:relative!important}.disable-animations .loading-spinner:before,.disable-animations .preview-loading .loading-spinner:before{content:""!important;opacity:1!important;visibility:visible!important;background:var(--palette-action-primary-default,#0061b6)!important;background-color:var(--palette-action-primary-default,#0061b6)!important;clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)!important;will-change:auto!important;backface-visibility:visible!important;perspective:none!important;pointer-events:auto!important;z-index:1!important;width:100%!important;height:100%!important;animation:none!important;display:block!important;position:absolute!important;inset:0!important;transform:none!important}.home-hexagon,.gradient-orb,.hexagon{will-change:transform,opacity;backface-visibility:hidden;transform:translate(0)}.home-hero,.auth-background{contain:layout style paint}@keyframes pulse-glow{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.9;transform:translateY(-4px)}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 3px #667eea66}50%{box-shadow:0 0 0 6px #667eea33}}@keyframes bounce-pulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 8px 24px #667eea99,0 0 40px #764ba266}25%{transform:translateY(-8px)scale(1.05);box-shadow:0 12px 32px #667eeacc,0 0 60px #764ba299}50%{transform:translateY(0)scale(1);box-shadow:0 8px 24px #667eea99,0 0 40px #764ba266}75%{transform:translateY(-4px)scale(1.02);box-shadow:0 10px 28px #667eeab3,0 0 50px #764ba280}}@keyframes point-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes pulse-ring-strong{0%,to{transform:scale(1.1);box-shadow:0 0 0 4px #667eea80,0 0 20px #667eea99}50%{transform:scale(1.15);box-shadow:0 0 0 8px #667eea4d,0 0 30px #667eeacc}}.send-prompt-banner{color:#fff;white-space:nowrap;z-index:1001;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #ffffff4d;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:16px;font-weight:700;transition:transform .2s;animation:1.5s ease-in-out infinite bounce-pulse;display:flex;position:fixed;top:-100px;right:20px;transform:scale(1);box-shadow:0 8px 24px #667eea99,0 0 40px #764ba266}.send-prompt-banner:hover{transform:scale(1.05)}.send-prompt-banner-emoji{font-size:24px;animation:1s ease-in-out infinite point-down;display:inline-block}.send-prompt-banner-badge{background:#fff3;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;animation:2s ease-in-out infinite pulse-badge}.banner-connection-svg{pointer-events:none;z-index:999;width:100%;height:100%;position:fixed;top:0;left:0}.banner-connection-path{stroke-dasharray:1000;stroke-dashoffset:1000px;filter:drop-shadow(0 0 6px #667eea80);animation:2s ease-in-out infinite draw-connection}@keyframes draw-connection{0%{stroke-dashoffset:1000px;opacity:.3}50%{stroke-dashoffset:0;opacity:.8}to{stroke-dashoffset:-1000px;opacity:.3}}.send-button-highlighted{animation:1.5s ease-in-out infinite pulse-ring-strong!important;transform:scale(1.1)!important;box-shadow:0 0 0 4px #667eea80,0 0 20px #667eea99!important}.fullscreen-mode{background:var(--bg-primary)!important;width:100vw!important;height:100vh!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important;box-shadow:0 0 0 9999px #000c!important}.fullscreen-mode .chat-container{z-index:9999999;height:100%;margin:0 auto;padding-right:94px}.chat-fullscreen-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background-color:#000000f2;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.chat-fullscreen-container{background:var(--bg-primary);width:95%;max-width:1400px;height:90vh;box-shadow:0 24px 48px #000c,0 0 0 1px var(--border-color);border-radius:16px;flex-direction:column;animation:.3s ease-out scaleIn;display:flex;position:relative;overflow:hidden}.chat-fullscreen-close{width:40px;height:40px;color:var(--text-primary);cursor:pointer;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.chat-fullscreen-close:hover{background:#ff3b3033;border-color:#ff3b3066;transform:scale(1.1)}.chat-fullscreen-content{flex-direction:column;flex:1;padding:20px;display:flex;overflow:hidden}.chat-fullscreen-content .chat-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-fullscreen-content .chat-messages{flex:1;padding:20px;overflow-y:auto}@media (max-width:767px){.app-container{height:100vh;flex-direction:column;height:100dvh;overflow:hidden}.main-content{overflow:hidden;width:100%!important;min-width:unset!important;max-width:unset!important;flex:auto!important}.main-content.canvas-active{width:100%!important;min-width:unset!important;max-width:unset!important;flex:auto!important}.canvas-container{display:none!important}.top-header{z-index:100;background-color:var(--palette-common-white);border-bottom:1px solid var(--palette-common-grey-200);min-height:48px;padding:8px 12px;position:sticky;top:0}.canvas-toggle{display:none!important}.header-left,.header-center,.header-right{gap:8px}.sidebar-menu-button-header{width:36px;height:36px;min-width:unset;padding:6px}.conversation-name-input-header{max-width:120px;padding:6px 10px;font-size:14px}.token-counter-compact{padding:4px 8px;font-size:11px}.chat-messages-container{padding:12px 8px 140px}.message{max-width:100%;margin-bottom:12px;padding:12px;font-size:15px;line-height:1.5}.message.sent{border-radius:16px 16px 4px;margin-left:0}.message.received{border-radius:16px 16px 16px 4px;margin-right:0}.message pre{border-radius:8px;max-width:100%;padding:12px;font-size:12px;overflow-x:auto}.message code{word-break:break-word;font-size:12px}.message table{font-size:13px;display:block;overflow-x:auto}.chat-input-container{background-color:var(--palette-common-white);border-top:1px solid var(--palette-common-grey-200);z-index:99;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));position:fixed;bottom:60px;left:0;right:0}.chat-input-wrapper{max-width:100%}.chat-input{border-radius:20px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.input-left-controls{flex-shrink:0;gap:6px}.ai-mode-selector{display:none;position:relative}.mode-dropdown-toggle{white-space:nowrap;border-radius:18px;gap:4px;min-height:36px;padding:6px 10px;font-size:13px}.mode-icon{font-size:16px}.mode-label{display:none}.dropdown-arrow{width:14px;height:14px}.mode-dropdown-menu{z-index:1000;border-radius:12px;width:auto;max-height:50vh;position:fixed;bottom:65px;left:12px;right:12px;overflow-y:auto;box-shadow:0 4px 20px #00000026}.mode-dropdown-item{min-height:60px;padding:14px 16px}.mode-text{gap:4px}.mode-title{font-size:15px}.mode-description{font-size:12px}.chat-input textarea{resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:10px 12px;font-size:16px;line-height:1.4}.send-button,.send-button-icon,.stop-button,.stop-button-icon{border-radius:18px;flex-shrink:0;width:36px;min-width:36px;height:36px;padding:8px}.sidebar{z-index:999;width:280px;max-width:85vw;box-shadow:none;transition:transform .3s ease-in-out;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.visible{transform:translate(0);box-shadow:4px 0 20px #00000026}.sidebar-overlay{z-index:998;opacity:0;background-color:#00000080;transition:opacity .3s ease-in-out;display:none;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;display:block}.task-panel{z-index:999;width:320px;max-width:90vw;box-shadow:none;transition:transform .3s ease-in-out;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.task-panel.visible{transform:translate(0);box-shadow:-4px 0 20px #00000026}.task-panel-overlay{z-index:998;opacity:0;background-color:#00000080;transition:opacity .3s ease-in-out;display:none;position:fixed;inset:0}.task-panel-overlay.visible{opacity:1;display:block}.context-breadcrumb-container{-webkit-overflow-scrolling:touch;max-width:100%;padding:6px 8px;overflow:auto hidden}.context-breadcrumb{white-space:nowrap;gap:4px;font-size:11px}.context-item{max-width:120px;padding:4px 8px;font-size:11px}.context-icon{width:12px;height:12px}.conversation-status-container{border-radius:12px;margin:0 8px 12px;padding:8px 12px}.status-text{font-size:13px}.floating-new-chat-button,.mobile-canvas-access-button{display:none!important}}@media (min-width:768px){.mobile-canvas-access-button{display:none!important}.welcome-container{padding:20px 16px 140px}.welcome-title{margin-bottom:12px;font-size:24px}.welcome-subtitle{margin-bottom:24px;font-size:14px}.examples-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.example-card{border-radius:12px;padding:14px}.example-icon{margin-bottom:8px;font-size:20px}.example-text{font-size:13px}.modal-overlay{padding:16px}.modal-content{border-radius:16px;width:100%;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);margin:0}.modal-header{padding:16px}.modal-title{font-size:18px}.modal-body{max-height:calc(100vh - 160px);padding:16px}.modal-footer{gap:8px;padding:16px}.inline-ui-container{margin:12px 0}.inline-choice-grid{grid-template-columns:1fr;gap:10px}.inline-choice-button{min-height:50px;padding:14px;font-size:14px}.toast-container{padding:0;bottom:140px;left:12px;right:12px}.toast{border-radius:12px;padding:12px 16px;font-size:14px}.reasoning-status{border-radius:12px;margin:8px;padding:12px}.reasoning-header{gap:8px}.reasoning-title{font-size:13px}.reasoning-content{margin-top:8px;font-size:12px}.loading-spinner{width:32px;height:32px}.chat-messages-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}button,.clickable,a{min-width:44px;min-height:44px}button:active,.clickable:active{opacity:.8;transform:scale(.97)}.no-select{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--palette-action-primary-default);outline-offset:2px}.top-header{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.chat-input-container{padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.sidebar{padding-left:max(0px,env(safe-area-inset-left))}.task-panel{padding-right:max(0px,env(safe-area-inset-right))}}@media (min-width:768px) and (max-width:1023px){.mode-label{font-size:13px;display:inline-block!important}.message{max-width:85%}.sidebar{width:300px}.task-panel{width:360px}.examples-grid{grid-template-columns:repeat(2,1fr)}.context-item{max-width:180px}}@media (max-width:767px) and (orientation:landscape){.top-header{min-height:40px;padding:6px 12px}.chat-input-container{padding:6px}.chat-input{min-height:40px}.message{margin-bottom:8px;padding:10px}.modal-content{max-height:calc(100vh - 24px)}.modal-body{max-height:calc(100vh - 120px)}}@media (max-width:359px){.conversation-name-input-header{max-width:80px;font-size:12px}.token-counter-compact{display:none}.mode-dropdown-toggle{padding:4px 8px;font-size:12px}.mode-icon{font-size:14px}}@media (max-width:767px){.dark-mode .sidebar-overlay,.dark-mode .task-panel-overlay,.theme-noctis .sidebar-overlay,.theme-noctis .task-panel-overlay,.theme-github .sidebar-overlay,.theme-github .task-panel-overlay,.theme-synthwave .sidebar-overlay,.theme-synthwave .task-panel-overlay,.theme-hackerx-green .sidebar-overlay,.theme-hackerx-green .task-panel-overlay,.theme-hackerx-ocean .sidebar-overlay,.theme-hackerx-ocean .task-panel-overlay,.theme-monokai .sidebar-overlay,.theme-monokai .task-panel-overlay,.theme-catppuccin-latte .sidebar-overlay,.theme-catppuccin-latte .task-panel-overlay,.theme-catppuccin-frappe .sidebar-overlay,.theme-catppuccin-frappe .task-panel-overlay,.theme-catppuccin-macchiato .sidebar-overlay,.theme-catppuccin-macchiato .task-panel-overlay,.theme-catppuccin-mocha .sidebar-overlay,.theme-catppuccin-mocha .task-panel-overlay{background-color:#000000b3}.dark-mode .mode-dropdown-menu,.theme-noctis .mode-dropdown-menu,.theme-github .mode-dropdown-menu,.theme-synthwave .mode-dropdown-menu,.theme-hackerx-green .mode-dropdown-menu,.theme-hackerx-ocean .mode-dropdown-menu,.theme-monokai .mode-dropdown-menu,.theme-catppuccin-latte .mode-dropdown-menu,.theme-catppuccin-frappe .mode-dropdown-menu,.theme-catppuccin-macchiato .mode-dropdown-menu,.theme-catppuccin-mocha .mode-dropdown-menu{background-color:var(--bg-card);border:1px solid #ffffff1a}.dark-mode .top-header,.dark-mode .chat-input-container,.theme-noctis .top-header,.theme-noctis .chat-input-container,.theme-github .top-header,.theme-github .chat-input-container,.theme-synthwave .top-header,.theme-synthwave .chat-input-container,.theme-hackerx-green .top-header,.theme-hackerx-green .chat-input-container,.theme-hackerx-ocean .top-header,.theme-hackerx-ocean .chat-input-container,.theme-monokai .top-header,.theme-monokai .chat-input-container,.theme-catppuccin-latte .top-header,.theme-catppuccin-latte .chat-input-container,.theme-catppuccin-frappe .top-header,.theme-catppuccin-frappe .chat-input-container,.theme-catppuccin-macchiato .top-header,.theme-catppuccin-macchiato .chat-input-container,.theme-catppuccin-mocha .top-header,.theme-catppuccin-mocha .chat-input-container{background-color:var(--bg-secondary);border-color:#ffffff1a}}@media (display-mode:standalone){.app-container{height:100vh}.top-header{padding-top:max(12px,env(safe-area-inset-top))}}@media (max-width:767px){@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chat-messages-container,.sidebar,.task-panel{transform:translateZ(0)}.message{contain:layout style paint}}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root{width:100%;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#fafbfc;--bg-secondary:#fff;--bg-tertiary:#f5f7fa;--bg-card:#fff;--bg-hover:#f6f8fa;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--palette-text-primary-default:#0f172a;--palette-text-primary:#0f172a;--palette-text-primary-main:#0f172a;--palette-text-secondary:#475569;--palette-common-white:#fff;--palette-common-grey-50:#f8fafc;--palette-common-grey-100:#f1f5f9;--palette-common-grey-200:#e2e8f0;--palette-common-grey-300:#cbd5e1;--palette-common-grey-400:#94a3b8;--palette-common-grey-600:#475569;--palette-common-grey-700:#334155;--palette-common-grey-800:#1e293b;--palette-background-neutral-0:#fff;--palette-background-neutral-50:#f8fafc;--palette-background-neutral-100:#f1f5f9;--palette-background-neutral-200:#e2e8f0;--palette-background-neutral-300:#cbd5e1;--palette-background-paper:#fff;--palette-background-default:#f8fafc;--palette-divider:#e2e8f0;--border-color:#94a3b826;--border-hover:#94a3b840;--border-strong:#e2e8f0;--accent-color:#2563eb;--accent-primary:#2563eb;--accent-secondary:#3b82f6;--accent-tertiary:#60a5fa;--accent-hover:#1d4ed8;--mia-purple-primary:#7c3aed;--mia-purple-secondary:#8b5cf6;--palette-action-primary-default:#2563eb;--palette-action-primary-hover:#1d4ed8;--palette-action-link-default:#2563eb;--palette-action-link-hover:#1d4ed8;--shade-darker:#f1f5f9;--shade-dark:#e2e8f0;--shade-medium:#cbd5e1;--shade-light:#94a3b8;--shade-lighter:#64748b;--base-font-size:14px;--main-size:14px;--border-radius:8px;--mia-gradient:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);--mia-gradient-reverse:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);--success-color:#10b981;--success-bg:#d1fae5;--warning-color:#f59e0b;--warning-bg:#fef3c7;--error-color:#ef4444;--error-bg:#fee2e2;--info-color:#3b82f6;--info-bg:#dbeafe}.dark-mode{--bg-primary:#1a0b2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--bg-card:#1a1a2e;--bg-hover:#2d3e5f;--mia-blue-primary:#00b4d8;--mia-blue-secondary:#48cae4;--mia-purple-primary:#7c3aed;--mia-purple-secondary:#a78bfa;--shade-darker:#0d0620;--shade-dark:#16213e;--shade-medium:#1f2b4d;--shade-light:#2d3e5f;--shade-lighter:#3d5270;--palette-common-white:#1a0b2e;--palette-common-grey-50:#16213e;--palette-common-grey-100:#1f2b4d;--palette-common-grey-200:#2d3e5f;--palette-common-grey-300:#3d5270;--palette-common-grey-600:#90a4ae;--palette-common-grey-700:#e1e8ed;--palette-background-neutral-0:#1a0b2e;--palette-background-neutral-50:#16213e;--palette-background-neutral-100:#1f2b4d;--palette-background-neutral-200:#2d3e5f;--palette-background-neutral-300:#3d5270;--palette-text-primary-default:#e1e8ed;--text-primary:#e1e8ed;--text-secondary:#90a4ae;--text-tertiary:#6b7a87;--accent-primary:#00b4d8;--accent-secondary:#48cae4;--accent-tertiary:#7c3aed;--palette-action-primary-default:#00b4d8;--palette-action-primary-hover:#48cae4;--border-color:#7c3aed26;--border-hover:#7c3aed4d;--border-strong:#2d3e5f;--mia-gradient:linear-gradient(135deg,#7c3aed 0%,#00b4d8 100%);--mia-gradient-reverse:linear-gradient(135deg,#00b4d8 0%,#7c3aed 100%);--success-color:#10b981;--success-bg:#10b98126;--warning-color:#f59e0b;--warning-bg:#f59e0b26;--error-color:#ef4444;--error-bg:#ef444426;--info-color:#48cae4;--info-bg:#48cae426}[data-theme=high-contrast]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a;--bg-card:#0a0a0a;--bg-hover:#1a1a1a;--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#999;--text-muted:#666;--border-color:#333;--border-hover:#555;--border-strong:#666;--palette-common-white:#fff;--palette-common-grey-50:#f0f0f0;--palette-common-grey-100:#e0e0e0;--palette-common-grey-200:#333;--palette-common-grey-300:#444;--palette-common-grey-400:#666;--palette-common-grey-600:#ccc;--palette-common-grey-700:#e0e0e0;--palette-common-grey-800:#f0f0f0;--palette-background-neutral-0:#000;--palette-background-neutral-50:#0a0a0a;--palette-background-neutral-100:#1a1a1a;--palette-background-neutral-200:#2a2a2a;--palette-background-neutral-300:#3a3a3a;--palette-text-primary-default:#fff;--palette-text-primary:#fff;--palette-text-primary-main:#fff;--palette-text-secondary:#ccc;--success-color:#0f0;--success-bg:#00ff0026;--warning-color:#ff0;--warning-bg:#ffff0026;--error-color:red;--error-bg:#ff000026;--info-color:#0ff;--info-bg:#00ffff26}[data-theme=light-high-contrast]{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f5f5f5;--bg-card:#fff;--bg-hover:#f0f0f0;--text-primary:#000;--text-secondary:#333;--text-tertiary:#555;--text-muted:#777;--border-color:#000;--border-hover:#333;--border-strong:#000;--palette-common-white:#fff;--palette-common-grey-50:#f5f5f5;--palette-common-grey-100:#e5e5e5;--palette-common-grey-200:#000;--palette-common-grey-300:#333;--palette-common-grey-400:#555;--palette-common-grey-600:#333;--palette-common-grey-700:#000;--palette-common-grey-800:#000;--palette-background-neutral-0:#fff;--palette-background-neutral-50:#f5f5f5;--palette-background-neutral-100:#e5e5e5;--palette-background-neutral-200:#d5d5d5;--palette-background-neutral-300:#c5c5c5;--palette-text-primary-default:#000;--palette-text-primary:#000;--palette-text-primary-main:#000;--palette-text-secondary:#333;--success-color:green;--success-bg:#0080001a;--warning-color:#ff8c00;--warning-bg:#ff8c001a;--error-color:#dc143c;--error-bg:#dc143c1a;--info-color:#0000cd;--info-bg:#0000cd1a}.dark-mode body{background-color:var(--bg-primary);color:var(--text-primary)}.dark-mode,.dark-mode :not(a):not(.external-link-btn):not(.monaco-editor):not(.monaco-editor *){color:var(--text-primary)}.dark-mode small,.dark-mode .secondary-text,.dark-mode .text-muted{color:var(--text-secondary)}.dark-mode a,.dark-mode a *{color:#fff}.dark-mode a:hover,.dark-mode a:hover *{color:#e0e0e0}.dark-mode .modal-title{color:#cad3f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.dark-mode .app-container{background-color:var(--bg-primary);position:relative}.dark-mode .app-container:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#8aadf426 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite float;position:absolute;top:-200px;right:-200px}.dark-mode .app-container:after{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#b7bdf826 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite reverse float;position:absolute;bottom:-150px;left:-150px}.theme-noctis{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#1f2937;--bg-card:#1f2937;--bg-hover:#243447;--palette-common-white:#0d1117;--palette-common-grey-50:#1f2937;--palette-common-grey-100:#243447;--palette-common-grey-200:#2d3f52;--palette-common-grey-300:#374a5e;--palette-common-grey-600:#9ca3af;--palette-common-grey-700:#d1d5db;--palette-background-neutral-0:#1f2937;--palette-background-neutral-50:#1f2937;--palette-background-neutral-100:#243447;--palette-background-neutral-200:#2d3f52;--palette-background-neutral-300:#374a5e;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent-primary:#e0f2fe;--accent-secondary:#bae6fd;--accent-tertiary:#00bfa5;--palette-action-primary-default:#e0f2fe;--palette-action-primary-hover:#bae6fd}.theme-noctis body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-noctis,.theme-noctis :not(a):not(.external-link-btn):not(.monaco-editor):not(.monaco-editor *){color:var(--text-primary)}.theme-noctis a,.theme-noctis a *{color:#e0f2fe}.theme-noctis a:hover,.theme-noctis a:hover *{color:#fff}.theme-noctis .modal-title{color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-noctis .app-container:before{background:radial-gradient(circle,#4db8ff1f 0%,#0000 70%)}.theme-noctis .app-container:after{background:radial-gradient(circle,#00d4aa1f 0%,#0000 70%)}.theme-github{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#21262d;--bg-hover:#2d333b;--palette-common-white:#0d1117;--palette-common-grey-50:#21262d;--palette-common-grey-100:#2d333b;--palette-common-grey-200:#373e47;--palette-common-grey-300:#444c56;--palette-common-grey-600:#8b949e;--palette-common-grey-700:#c9d1d9;--palette-background-neutral-0:#21262d;--palette-background-neutral-50:#21262d;--palette-background-neutral-100:#2d333b;--palette-background-neutral-200:#373e47;--palette-background-neutral-300:#444c56;--text-primary:#c9d1d9;--text-secondary:#8b949e;--text-tertiary:#6e7681;--accent-primary:#dbeafe;--accent-secondary:#bfdbfe;--accent-tertiary:#388bfd;--palette-action-primary-default:#dbeafe;--palette-action-primary-hover:#bfdbfe}.theme-github body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-github,.theme-github :not(a):not(.external-link-btn):not(.monaco-editor):not(.monaco-editor *){color:var(--text-primary)}.theme-github a,.theme-github a *{color:#dbeafe}.theme-github a:hover,.theme-github a:hover *{color:#fff}.theme-github .modal-title{color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-github .app-container:before{background:radial-gradient(circle,#58a6ff1a 0%,#0000 70%)}.theme-github .app-container:after{background:radial-gradient(circle,#1f6feb1a 0%,#0000 70%)}.theme-synthwave{--bg-primary:#241b2f;--bg-secondary:#2a2139;--bg-tertiary:#34294f;--bg-card:#34294f;--bg-hover:#3e3250;--palette-common-white:#241b2f;--palette-common-grey-50:#34294f;--palette-common-grey-100:#3e3250;--palette-common-grey-200:#4a3d5d;--palette-common-grey-300:#574969;--palette-common-grey-600:#b893ce;--palette-common-grey-700:#d9c5e8;--palette-background-neutral-0:#34294f;--palette-background-neutral-50:#34294f;--palette-background-neutral-100:#3e3250;--palette-background-neutral-200:#4a3d5d;--palette-background-neutral-300:#574969;--text-primary:#fede5d;--text-secondary:#b893ce;--text-tertiary:#8c73a0;--accent-primary:#fce7f3;--accent-secondary:#fbcfe8;--accent-tertiary:#72f1b8;--palette-action-primary-default:#fce7f3;--palette-action-primary-hover:#fbcfe8}.theme-synthwave body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-synthwave,.theme-synthwave :not(a):not(.external-link-btn):not(.monaco-editor):not(.monaco-editor *){color:var(--text-primary)}.theme-synthwave a,.theme-synthwave a *{color:#fce7f3}.theme-synthwave a:hover,.theme-synthwave a:hover *{color:#fff}.theme-synthwave .modal-title{color:#fede5d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-synthwave .app-container:before{background:radial-gradient(circle,#ff7edb26 0%,#0000 70%)}.theme-synthwave .app-container:after{background:radial-gradient(circle,#fe445026 0%,#0000 70%)}.theme-hackerx-green{--bg-primary:#0d1b0d;--bg-secondary:#112311;--bg-tertiary:#1a2e1a;--bg-card:#1a2e1a;--bg-hover:#223a22;--palette-common-white:#0d1b0d;--palette-common-grey-50:#1a2e1a;--palette-common-grey-100:#223a22;--palette-common-grey-200:#2d472d;--palette-common-grey-300:#3a5a3a;--palette-common-grey-600:#7fb07f;--palette-common-grey-700:#b8d8b8;--palette-background-neutral-0:#1a2e1a;--palette-background-neutral-50:#1a2e1a;--palette-background-neutral-100:#223a22;--palette-background-neutral-200:#2d472d;--palette-background-neutral-300:#3a5a3a;--text-primary:#00ff41;--text-secondary:#7fb07f;--text-tertiary:#585;--accent-primary:#dcfce7;--accent-secondary:#bbf7d0;--accent-tertiary:#7fff00;--palette-action-primary-default:#dcfce7;--palette-action-primary-hover:#bbf7d0}.theme-hackerx-green body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-hackerx-green,.theme-hackerx-green :not(a):not(.external-link-btn):not(.monaco-editor):not(.monaco-editor *){color:var(--text-primary)}.theme-hackerx-green a,.theme-hackerx-green a *{color:#dcfce7}.theme-hackerx-green a:hover,.theme-hackerx-green a:hover *{color:#fff}.theme-hackerx-green .modal-title{color:#dcfce7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-hackerx-green .app-container:before{background:radial-gradient(circle,#00ff4126 0%,#0000 70%)}.theme-hackerx-green .app-container:after{background:radial-gradient(circle,#39ff1426 0%,#0000 70%)}.theme-hackerx-ocean{--bg-primary:#001c2e;--bg-secondary:#002939;--bg-tertiary:#003545;--bg-card:#003545;--bg-hover:#004152;--palette-common-white:#001c2e;--palette-common-grey-50:#003545;--palette-common-grey-100:#004152;--palette-common-grey-200:#005163;--palette-common-grey-300:#006375;--palette-common-grey-600:#5fb3cf;--palette-common-grey-700:#a8dce8;--palette-background-neutral-0:#003545;--palette-background-neutral-50:#003545;--palette-background-neutral-100:#004152;--palette-background-neutral-200:#005163;--palette-background-neutral-300:#006375;--text-primary:#00d4ff;--text-secondary:#5fb3cf;--text-tertiary:#4a8ca0;--accent-primary:#cffafe;--accent-secondary:#a5f3fc;--accent-tertiary:#26c6da;--palette-action-primary-default:#cffafe;--palette-action-primary-hover:#a5f3fc}.theme-hackerx-ocean body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-hackerx-ocean,.theme-hackerx-ocean :not(a):not(.external-link-btn):not(.monaco-editor):not(.monaco-editor *){color:var(--text-primary)}.theme-hackerx-ocean a,.theme-hackerx-ocean a *{color:#cffafe}.theme-hackerx-ocean a:hover,.theme-hackerx-ocean a:hover *{color:#fff}.theme-hackerx-ocean .modal-title{color:#cffafe;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-hackerx-ocean .app-container:before{background:radial-gradient(circle,#00d4ff26 0%,#0000 70%)}.theme-hackerx-ocean .app-container:after{background:radial-gradient(circle,#00bfa526 0%,#0000 70%)}.theme-monokai{--bg-primary:#fafbfc;--bg-secondary:#fff;--bg-tertiary:#f5f7fa;--bg-card:#fff;--bg-hover:#f6f8fa;--palette-common-white:#fff;--palette-common-grey-50:#f8fafc;--palette-common-grey-100:#f1f5f9;--palette-common-grey-200:#e2e8f0;--palette-common-grey-300:#cbd5e1;--palette-common-grey-400:#94a3b8;--palette-common-grey-600:#475569;--palette-common-grey-700:#334155;--palette-common-grey-800:#1e293b;--palette-background-neutral-0:#fff;--palette-background-neutral-50:#f8fafc;--palette-background-neutral-100:#f1f5f9;--palette-background-neutral-200:#e2e8f0;--palette-background-neutral-300:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--accent-primary:#2563eb;--accent-secondary:#3b82f6;--accent-tertiary:#60a5fa;--accent-hover:#1d4ed8;--palette-action-primary-default:#2563eb;--palette-action-primary-hover:#1d4ed8;--border-color:#94a3b826;--border-hover:#94a3b840;--border-strong:#e2e8f0;--shade-darker:#f1f5f9;--shade-dark:#e2e8f0;--shade-medium:#cbd5e1;--shade-light:#94a3b8;--shade-lighter:#64748b}.theme-monokai body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-monokai .app-container{background-color:var(--bg-primary)}.theme-monokai .app-container:before{background:radial-gradient(circle,#2563eb08 0%,#0000 70%)}.theme-monokai .app-container:after{background:radial-gradient(circle,#3b82f60a 0%,#0000 70%)}.theme-catppuccin-latte{--bg-primary:#f5f7fa;--bg-secondary:#eff3f8;--bg-tertiary:#e5e9ef;--bg-card:#fff;--palette-common-white:#fff;--palette-common-grey-50:#f8fafc;--palette-common-grey-100:#f1f5f9;--palette-common-grey-200:#e2e8f0;--palette-common-grey-300:#cbd5e1;--palette-common-grey-400:#94a3b8;--palette-common-grey-600:#475569;--palette-common-grey-700:#334155;--palette-common-grey-800:#1e293b;--palette-background-neutral-0:#fff;--palette-background-neutral-50:#f8fafc;--palette-background-neutral-100:#f1f5f9;--palette-background-neutral-200:#e2e8f0;--palette-background-neutral-300:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--accent-primary:#2563eb;--accent-secondary:#3b82f6;--accent-tertiary:#60a5fa;--accent-hover:#1d4ed8;--palette-action-primary-default:#2563eb;--palette-action-primary-hover:#1d4ed8;--border-color:#94a3b826;--border-hover:#94a3b840;--border-strong:#e2e8f0;--shade-darker:#f1f5f9;--shade-dark:#e2e8f0;--shade-medium:#cbd5e1;--shade-light:#94a3b8;--shade-lighter:#64748b}.theme-catppuccin-latte body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-catppuccin-latte .app-container{background-color:var(--bg-primary)}.theme-catppuccin-latte .app-container:before{background:radial-gradient(circle,#2563eb08 0%,#0000 70%)}.theme-catppuccin-latte .app-container:after{background:radial-gradient(circle,#7c3aed05 0%,#0000 70%)}.theme-catppuccin-frappe{--bg-primary:#303446;--bg-secondary:#292c3c;--bg-tertiary:#232634;--bg-card:#414559;--bg-hover:#51576d;--palette-common-white:#303446;--palette-common-grey-50:#414559;--palette-common-grey-100:#51576d;--palette-common-grey-200:#626880;--palette-common-grey-300:#737994;--palette-common-grey-600:#a5adce;--palette-common-grey-700:#c6d0f5;--palette-background-neutral-0:#414559;--palette-background-neutral-50:#414559;--palette-background-neutral-100:#51576d;--palette-background-neutral-200:#626880;--palette-background-neutral-300:#737994;--text-primary:#c6d0f5;--text-secondary:#b5bfe2;--text-tertiary:#a5adce;--accent-primary:#8caaee;--accent-secondary:#ca9ee6;--accent-tertiary:#f4b8e4;--palette-action-primary-default:#8caaee;--palette-action-primary-hover:#ca9ee6}.theme-catppuccin-frappe body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-catppuccin-frappe,.theme-catppuccin-frappe :not(a):not(.external-link-btn):not(.monaco-editor):not(.monaco-editor *){color:var(--text-primary)}.theme-catppuccin-frappe a,.theme-catppuccin-frappe a *{color:#c6d0f5}.theme-catppuccin-frappe a:hover,.theme-catppuccin-frappe a:hover *{color:#fff}.theme-catppuccin-frappe .modal-title{color:#c6d0f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-catppuccin-frappe .app-container:before{background:radial-gradient(circle,#8caaee26 0%,#0000 70%)}.theme-catppuccin-frappe .app-container:after{background:radial-gradient(circle,#ca9ee626 0%,#0000 70%)}.theme-catppuccin-macchiato{--bg-primary:#24273a;--bg-secondary:#1e2030;--bg-tertiary:#181926;--bg-card:#363a4f;--bg-hover:#494d64;--palette-common-white:#24273a;--palette-common-grey-50:#363a4f;--palette-common-grey-100:#494d64;--palette-common-grey-200:#5b6078;--palette-common-grey-300:#6e738d;--palette-common-grey-600:#a5adcb;--palette-common-grey-700:#cad3f5;--palette-background-neutral-0:#363a4f;--palette-background-neutral-50:#363a4f;--palette-background-neutral-100:#494d64;--palette-background-neutral-200:#5b6078;--palette-background-neutral-300:#6e738d;--text-primary:#cad3f5;--text-secondary:#b8c0e0;--text-tertiary:#a5adcb;--accent-primary:#8aadf4;--accent-secondary:#c6a0f6;--accent-tertiary:#f5bde6;--palette-action-primary-default:#8aadf4;--palette-action-primary-hover:#c6a0f6}.theme-catppuccin-macchiato body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-catppuccin-macchiato,.theme-catppuccin-macchiato :not(a):not(.external-link-btn):not(.monaco-editor):not(.monaco-editor *){color:var(--text-primary)}.theme-catppuccin-macchiato a,.theme-catppuccin-macchiato a *{color:#cad3f5}.theme-catppuccin-macchiato a:hover,.theme-catppuccin-macchiato a:hover *{color:#fff}.theme-catppuccin-macchiato .modal-title{color:#cad3f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-catppuccin-macchiato .app-container:before{background:radial-gradient(circle,#8aadf426 0%,#0000 70%)}.theme-catppuccin-macchiato .app-container:after{background:radial-gradient(circle,#c6a0f626 0%,#0000 70%)}.theme-catppuccin-mocha{--bg-primary:#1e1e2e;--bg-secondary:#181825;--bg-tertiary:#11111b;--bg-card:#313244;--bg-hover:#45475a;--palette-common-white:#1e1e2e;--palette-common-grey-50:#313244;--palette-common-grey-100:#45475a;--palette-common-grey-200:#585b70;--palette-common-grey-300:#6c7086;--palette-common-grey-600:#a6adc8;--palette-common-grey-700:#cdd6f4;--palette-background-neutral-0:#313244;--palette-background-neutral-50:#313244;--palette-background-neutral-100:#45475a;--palette-background-neutral-200:#585b70;--palette-background-neutral-300:#6c7086;--text-primary:#cdd6f4;--text-secondary:#bac2de;--text-tertiary:#a6adc8;--accent-primary:#89b4fa;--accent-secondary:#cba6f7;--accent-tertiary:#f5c2e7;--palette-action-primary-default:#89b4fa;--palette-action-primary-hover:#cba6f7}.theme-catppuccin-mocha body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-catppuccin-mocha,.theme-catppuccin-mocha :not(a):not(.external-link-btn):not(.monaco-editor):not(.monaco-editor *){color:var(--text-primary)}.theme-catppuccin-mocha a,.theme-catppuccin-mocha a *{color:#cdd6f4}.theme-catppuccin-mocha a:hover,.theme-catppuccin-mocha a:hover *{color:#fff}.theme-catppuccin-mocha .modal-title{color:#cdd6f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-catppuccin-mocha .app-container:before{background:radial-gradient(circle,#89b4fa26 0%,#0000 70%)}.theme-catppuccin-mocha .app-container:after{background:radial-gradient(circle,#cba6f726 0%,#0000 70%)}.theme-monokai,.theme-catppuccin-latte,:root{--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--shadow-xl:0 8px 24px #00000026;--card-shadow:0 1px 3px #0000000f;--card-hover-shadow:0 4px 12px #0000001a;--button-shadow:0 1px 2px #0000000d;--button-hover-shadow:0 2px 4px #0000001a}.theme-monokai .app-container,.theme-catppuccin-latte .app-container,:root .app-container{background-color:var(--bg-primary)}.theme-monokai .card,.theme-catppuccin-latte .card,:root .card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);-webkit-border-radius:var(--border-radius,8px);border-radius:var(--border-radius,8px)}.theme-monokai button,.theme-catppuccin-latte button,:root button{transition:all .2s ease-in-out}:root button:hover:not(:disabled),.theme-monokai button:hover:not(:disabled),.theme-catppuccin-latte button:hover:not(:disabled){box-shadow:var(--button-hover-shadow);transform:translateY(-1px)}.theme-monokai a,.theme-catppuccin-latte a,:root a{color:var(--accent-primary);text-decoration:none;transition:color .2s}:root a:hover,.theme-monokai a:hover,.theme-catppuccin-latte a:hover{color:var(--palette-action-primary-hover);text-decoration:underline}.theme-monokai input,.theme-monokai textarea,.theme-catppuccin-latte input,.theme-catppuccin-latte textarea,:root input,:root textarea{border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}:root input:focus,:root textarea:focus,.theme-monokai input:focus,.theme-monokai textarea:focus,.theme-catppuccin-latte input:focus,.theme-catppuccin-latte textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.theme-monokai .nav-sidebar,:root .nav-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-strong)}.theme-monokai .top-header,:root .top-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-strong);box-shadow:0 1px 3px #0000000a}.theme-monokai .mode-toggle-btn,:root .mode-toggle-btn{color:var(--text-secondary);background:0 0}:root .mode-toggle-btn:hover,.theme-monokai .mode-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-monokai .mode-toggle-btn.active,:root .mode-toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #2563eb40}.theme-monokai .chat-container,:root .chat-container{background-color:var(--bg-primary)}.theme-monokai .message.sent,:root .message.sent{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.theme-monokai .message.received,:root .message.received{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.theme-monokai .project-card,.theme-catppuccin-latte .project-card,.theme-light-high-contrast .project-card,:root .project-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;box-shadow:0 1px 3px #0000000f;background:#fff3!important}:root .project-card:hover,.theme-monokai .project-card:hover,.theme-catppuccin-latte .project-card:hover,.theme-light-high-contrast .project-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1f}.theme-monokai select,.theme-monokai .dropdown,:root select,:root .dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}:root select:hover,:root .dropdown:hover,.theme-monokai select:hover,.theme-monokai .dropdown:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}.theme-monokai .modal-content,:root .modal-content{background:var(--bg-secondary);border:1px solid var(--border-strong);box-shadow:0 20px 60px #0000001a}.theme-monokai .modal-title,:root .modal-title{color:var(--text-primary)}.theme-monokai .modal-description,:root .modal-description{color:var(--text-secondary)}.theme-monokai .btn-primary,:root .btn-primary{background:var(--accent-primary);color:#fff;border:none;box-shadow:0 2px 4px #2563eb33}:root .btn-primary:hover:not(:disabled),.theme-monokai .btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 8px #2563eb4d}.theme-monokai .btn-secondary,:root .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}:root .btn-secondary:hover:not(:disabled),.theme-monokai .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.theme-monokai .list-header,:root .list-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-strong);color:var(--text-secondary)}.theme-monokai .list-row,:root .list-row{border-bottom:1px solid var(--border-color)}:root .list-row:hover,.theme-monokai .list-row:hover{background:var(--bg-hover)}.theme-monokai pre,.theme-monokai code,:root pre,:root code{background:var(--shade-darker);border:1px solid var(--border-color);color:var(--text-primary)}.theme-monokai .projects-search-input,:root .projects-search-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}:root .projects-search-input:focus,.theme-monokai .projects-search-input:focus{border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #2563eb14}.theme-monokai .badge,.theme-monokai .tag,:root .badge,:root .tag{color:var(--accent-primary);background:#2563eb1a;border:1px solid #2563eb33}.theme-monokai .status-success,:root .status-success{background:var(--success-bg);color:var(--success-color)}.theme-monokai .status-warning,:root .status-warning{background:var(--warning-bg);color:var(--warning-color)}.theme-monokai .status-error,:root .status-error{background:var(--error-bg);color:var(--error-color)}.theme-monokai .tooltip,:root .tooltip{background:var(--text-primary);color:var(--bg-card);box-shadow:0 4px 12px #00000026}:root ::-webkit-scrollbar{width:8px;height:8px}.theme-monokai ::-webkit-scrollbar{width:8px;height:8px}:root ::-webkit-scrollbar-track{background:var(--bg-tertiary)}.theme-monokai ::-webkit-scrollbar-track{background:var(--bg-tertiary)}:root ::-webkit-scrollbar-thumb{background:var(--shade-medium);border-radius:4px}.theme-monokai ::-webkit-scrollbar-thumb{background:var(--shade-medium);border-radius:4px}:root ::-webkit-scrollbar-thumb:hover{background:var(--shade-light)}.theme-monokai ::-webkit-scrollbar-thumb:hover{background:var(--shade-light)}