@import"https://fonts.googleapis.com/css2?family=Inter:wght@600;700&family=Libre+Baskerville:wght@400;700&display=swap";:root,.surface-light{--color-bg-primary: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f0f0f0;--color-bg-hover: #fcfcfc;--color-bg-active: #f0f0f0;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: #605e5e;--color-text-light: #777777;--color-text-lighter: #999999;--color-text-placeholder: #9ca3af;--color-border-primary: #cccccc;--color-border-light: #dddddd;--color-border-lighter: #e1e5eb;--color-border-lightest: #e5e7eb;--color-border-node: #dddddd;--color-accent-pdf: #dc2626;--color-accent-pptx: #d96c3e;--color-accent-orange: #ff8c00;--color-accent-delete-hover: #fef2f2;--color-danger: #dc3545;--color-success: #28a745;--color-icon: #7D8996;--icon-color-blue: rgba(42, 129, 242, .7);--icon-color-teal: rgba(78, 188, 172, .7);--icon-color-purple: rgba(140, 94, 255, .7);--icon-color-pink: rgba(255, 64, 129, .7);--icon-color-orange: rgba(255, 167, 38, .7);--icon-color-yellow: rgba(255, 213, 79, .8);--icon-color-red: rgba(211, 47, 47, .7);--icon-color-indigo: rgba(108, 122, 224, .7);--icon-color-cyan: rgba(0, 151, 167, .7);--icon-color-green: rgba(56, 142, 60, .7);--icon-color-fallback: rgba(120, 144, 156, .7);--color-input-bg: #ffffff;--color-input-bg-hover: #fafafa;--color-input-border: #e5e7eb;--color-input-border-hover: #d1d5db;--color-input-text: #374151;--color-label-text: #6b7280;--color-button-bg: #ffffff;--color-button-bg-hover: var(--color-main-content-bg);--color-connection-line: rgba(108, 166, 247, .7);--color-focus-accent: #6ca6f7;--shadow-focus-soft: 0 0 0 1px rgba(108, 166, 247, .3);--color-border-medium: #bbbbbb;--color-sidebar-bg: #fffefc;--color-main-content-bg: #fcfcfb;--color-canvas-fade: rgba(252, 252, 251, .8);--color-scrollbar: #aaaaaa;--color-skeleton: #f0f0f0;--color-skeleton-accent: #e0e0e0;--color-resource-accent: #5F6B79;--hl-bg: rgba(255, 245, 130, .42);--color-message-user-bg: #fafafa;--color-message-user-border: #e8e8e8;--color-message-user-text: #000000;--color-message-system-bg: #fafafa;--color-message-system-border: #e8e8e8;--color-message-system-text: #505050;--gradient-upload: linear-gradient(90deg, #d4e6fb 0%, #fad4e8 100%);--gradient-upload-drag: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-upload-active: linear-gradient(135deg, #b0d4f5 0%, #f2b5e0 100%);--gradient-selected: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);--shadow-light: 0 1px 3px rgba(0, 0, 0, .05);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .05);--shadow-popover: 0 3px 10px rgba(0, 0, 0, .06);--shadow-strong: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 2px rgba(108, 166, 247, 1);--shadow-focus-large: 0 0 0 3px rgba(108, 166, 247, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);--sidebar-width: 220px;--color-overlay: rgba(0, 0, 0, .5);--color-auth-accent: #605e5e;--color-auth-accent-hover: #525050;--color-auth-success: #06bf00;--color-auth-error: #fc6565;--color-auth-error-bg: rgba(252, 101, 101, .1);--color-auth-error-border: #fc6565;--color-auth-login-bg: var(--color-bg-primary);--color-chat-error-bg: #ffecec;--color-chat-error-text: #c0392b;--color-chat-error-border: #ffb3b3;--color-chat-error-retry: #a93226;--color-chat-error-retry-hover: rgba(231, 76, 60, .07)}body.dark-mode,body.dark-mode .surface-app{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #404040;--color-bg-hover: #2a2a2a;--color-bg-active: #353535;--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-muted: #e8e8e8;--color-text-light: #888888;--color-text-lighter: #666666;--color-text-placeholder: #b0b0b0;--color-border-primary: #404040;--color-border-light: #353535;--color-border-lighter: #2a2a2a;--color-border-lightest: #333333;--color-border-node: #505050;--color-accent-pdf: #ff6b6b;--color-accent-pptx: #ffa726;--color-accent-orange: #a975ff;--color-accent-delete-hover: #3a1a1a;--color-danger: #ff6b6b;--color-success: #4caf50;--color-icon: #C9CDD3;--icon-color-blue: #3d8bff;--icon-color-teal: #40e6d6;--icon-color-purple: #9c4dff;--icon-color-pink: #ff4d8a;--icon-color-orange: #ffa726;--icon-color-yellow: #ffd54f;--icon-color-red: #ff4444;--icon-color-indigo: #7c4dff;--icon-color-cyan: #00e5ff;--icon-color-green: #4caf50;--icon-color-fallback: #9e9e9e;--color-input-bg: #2a2a2a;--color-input-bg-hover: #353535;--color-input-border: #404040;--color-input-border-hover: #505050;--color-input-text: #e0e0e0;--color-label-text: #b0b0b0;--color-button-bg: var(--color-input-bg);--color-button-bg-hover: var(--color-input-bg-hover);--color-connection-line: rgba(108, 166, 247, .95);--color-border-medium: #555555;--color-sidebar-bg: #1a1a19;--color-main-content-bg: #2d2d2c;--color-canvas-fade: rgba(45, 45, 44, .8);--color-scrollbar: #555555;--color-skeleton: #353535;--color-skeleton-accent: #404040;--color-resource-accent: #C9CDD3;--hl-bg: rgba(255, 245, 130, .58);--color-message-user-bg: #353535;--color-message-user-border: #454545;--color-message-user-text: #b0b0b0;--color-message-system-bg: #2a2a2a;--color-message-system-border: #404040;--color-message-system-text: #e0e0e0;--gradient-upload: linear-gradient(90deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-upload-drag: linear-gradient(135deg, #4a6aa0 0%, #4a4aa0 100%);--gradient-upload-active: linear-gradient(90deg, #7c7ff3 0%, #9d75f7 50%, #ef609e 100%);--gradient-selected: linear-gradient(135deg, #2a2a2a 0%, #353535 100%);--shadow-light: 0 1px 3px rgba(0, 0, 0, .3);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .3);--shadow-popover: 0 3px 10px rgba(0, 0, 0, .32);--shadow-strong: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 2px rgba(108, 166, 247, 1);--shadow-focus-large: 0 0 0 3px rgba(108, 166, 247, .4);--color-accent-pdf: #ff4444;--color-accent-delete-hover: rgba(255, 68, 68, .1);--color-overlay: rgba(0, 0, 0, .3);--color-auth-accent: #605e5e;--color-auth-accent-hover: #525050;--color-auth-success: #4caf50;--color-auth-error: #ff6b6b;--color-auth-error-bg: rgba(255, 107, 107, .1);--color-auth-error-border: #ff6b6b;--color-auth-login-bg: var(--color-bg-primary);--color-chat-error-bg: rgba(231, 76, 60, .12);--color-chat-error-text: #ff6b6b;--color-chat-error-border: rgba(255, 107, 107, .35);--color-chat-error-retry: #ff8a80;--color-chat-error-retry-hover: rgba(255, 107, 107, .12)}body{font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden;background-color:var(--color-main-content-bg);transition:background-color .3s ease,color .3s ease}html,body{height:100%;overflow:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-color:var(--color-main-content-bg)}:root{--gen-sidebar-width: 400px}@media(min-width:1440px){:root{--gen-sidebar-width: 460px}}@media(min-width:1680px){:root{--gen-sidebar-width: 500px}}@media(min-width:1920px){:root{--gen-sidebar-width: 560px}}@media(min-width:2560px){:root{--gen-sidebar-width: 640px}}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-medium)}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}body.dark-mode ::-webkit-scrollbar-track{background:transparent}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--color-text-light)}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;color:inherit;--icon-stroke: 1.6}.icon [fill=none]{fill:none!important}.icon [stroke]{stroke:currentColor;stroke-width:var(--icon-stroke, 1.75)}.icon [stroke=none]{stroke:none!important}.icon--spin{animation:icon-spin 1.4s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}.ui-spinner{display:inline-block;width:1em;height:1em;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box;animation:ui-spinner-rotate .8s linear infinite;vertical-align:-.125em}@keyframes ui-spinner-rotate{to{transform:rotate(360deg)}}.icon-flip-x{transform:scaleX(-1)}.sidebar{position:fixed;top:0;left:0;height:100%;background-color:var(--color-sidebar-bg);color:var(--color-text-secondary);transition:width .3s ease;z-index:1000;font-size:.9rem;overflow-y:auto;overflow-x:hidden}.sidebar.expanded{width:220px}.sidebar.expanded:not(.mobile-overlay){top:10px;left:10px;height:calc(100% - 20px);border:1px solid var(--color-input-border);border-radius:8px;box-shadow:var(--shadow-light)}.sidebar.collapsed{width:50px}.sidebar-header{padding:10px 15px 8px;display:flex;justify-content:flex-start;align-items:center;gap:4px;min-height:40px}.sidebar-header-seedling{margin-top:-10px;margin-left:auto;margin-right:4px;width:18px!important;height:18px!important;color:var(--color-text-muted)}.sidebar-header-search{margin-top:-10px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;padding:5px 10px;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.sidebar-header-search:hover{background-color:var(--color-main-content-bg);color:var(--color-text-primary)}.sidebar-header-seedling--drawer{margin:0 auto 0 4px}.sidebar.mobile-overlay .sidebar-header-search{margin-top:0}.sidebar-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer}.sidebar-drawer-close:hover{background-color:var(--color-main-content-bg);color:var(--color-text-primary)}.sidebar-drawer-close .icon,.sidebar-header-search .icon{width:14px!important;height:14px!important;font-size:14px}.logo{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:var(--color-border-primary);border-radius:4px;font-size:15px}.sidebar-menu{list-style:none;padding:5px 15px 100px}.sidebar-header-title{font-family:Inter,serif;font-size:18px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;margin-top:-12px;position:relative;top:2px;left:-2px;text-decoration:none}.sidebar-header-title:hover{text-decoration:none;color:var(--color-text-secondary)}.sidebar-menu li{margin-bottom:2px}.sidebar.expanded .sidebar-menu li:not(.talk-to-us-item):not(.account-item):has(>.menu-item),.sidebar.expanded .sidebar-menu li:not(.talk-to-us-item):not(.account-item):has(>div>.menu-item){margin-bottom:6px}.sidebar-menu li .menu-item,.sidebar-menu li a.menu-item{display:flex;align-items:center;gap:10px;padding:5px 10px;border-radius:8px;cursor:pointer;color:var(--color-text-muted);font-family:Inter,sans-serif;font-weight:400;font-size:12.5px;border:1px solid transparent;transition:all .2s ease;text-decoration:none;width:100%}.sidebar-menu li .icon{width:14px!important;height:14px!important;min-width:14px;max-width:14px;font-size:14px;line-height:1;flex-shrink:0;color:var(--color-text-muted)}.sidebar-menu li .menu-item:hover,.sidebar-menu li a.menu-item:hover{background-color:var(--color-main-content-bg)}.sidebar-menu li .menu-item.selected,.sidebar-menu li a.menu-item.selected{background:var(--gradient-selected);color:var(--color-label-text)}.sidebar-menu li .menu-item.selected i,.sidebar-menu li a.menu-item.selected i,.sidebar-menu li .menu-item.selected .icon,.sidebar-menu li a.menu-item.selected .icon{color:var(--color-icon)}.sidebar-menu .account-item{position:absolute;bottom:15px;left:15px;right:15px;margin:0;padding:0;background:transparent;border:none;border-radius:0}.sidebar-menu .account-item>div:first-child{width:100%}.sidebar-menu .account-item .account-name{color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:12.5px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-dropdown{position:fixed;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:8px;box-shadow:var(--shadow-medium);padding:4px 0;display:none;z-index:1003;min-width:220px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.account-dropdown.show{display:block;visibility:visible;opacity:1}.account-dropdown .user-profile{padding:8px 10px;display:flex;align-items:center;gap:10px}.account-dropdown .user-initials{width:22px;height:22px;background-color:var(--color-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-family:Inter,sans-serif;font-weight:600;font-size:10px}.account-dropdown .user-info{flex:1;min-width:0;overflow:hidden}.account-dropdown .user-email{font-family:Inter,sans-serif;font-size:11.5px;color:var(--color-text-muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.account-dropdown .user-username{font-family:Inter,sans-serif;font-size:10px;color:var(--color-text-muted);font-weight:400;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.account-dropdown .user-role-badge{font-family:Inter,sans-serif;font-size:9px;font-weight:500;text-transform:capitalize;color:var(--color-text-muted);opacity:.6;margin-top:2px}.account-dropdown .menu-divider{height:0;background:transparent;margin:2px 0}.account-dropdown .menu-item{padding:5px 10px!important;margin:0 6px!important;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background-color .15s ease;font-family:Inter,sans-serif;font-size:12.5px;font-weight:400;color:var(--color-text-muted);border-radius:6px;border:none;background-color:transparent;width:auto!important}.account-dropdown .menu-item .icon{width:12px;height:12px;min-width:12px;color:var(--color-text-muted);flex-shrink:0}.account-dropdown .menu-item:hover{background-color:var(--color-main-content-bg)!important}.account-dropdown .menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.account-dropdown .menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sidebar-menu .talk-to-us-item{position:absolute;bottom:48px;left:15px;right:15px;margin:0;padding:0;background:transparent;border:none;border-radius:0}.sidebar-menu .talk-to-us-item>div:not(.sidebar-tooltip){width:100%}.sidebar-menu .submenu{list-style:none;margin-left:0;margin-top:8px;padding-left:0;display:none}.sidebar-menu .submenu li{margin-bottom:8px;padding:0}.sidebar-menu .has-submenu.open .submenu{display:block}.sidebar-menu .has-submenu>.menu-item{cursor:pointer}.sidebar-menu .submenu-item{padding-left:32px;font-size:12.5px;margin-bottom:0;border-radius:8px;border:1px solid transparent;transition:all .2s ease;color:var(--color-text-primary);font-family:Inter,sans-serif}.sidebar-menu .submenu-item:hover{background-color:var(--color-main-content-bg)}.sidebar-menu .submenu-item.selected{background:var(--gradient-selected);color:var(--color-label-text)}.sidebar-menu .submenu-item.selected .icon{color:var(--color-icon)}.sidebar-menu .menu-header{font-weight:600}.sidebar-menu .menu-subheading{margin-top:32px;margin-bottom:8px;padding:0;list-style:none}.sidebar-menu .menu-subheading:first-child{margin-top:0}.sidebar-menu .subheading-text{font-family:Inter,sans-serif;font-size:10px;font-weight:500;letter-spacing:.3px;color:var(--color-text-muted);opacity:.7;padding:8px 12px 4px;display:block;cursor:default;-webkit-user-select:none;user-select:none}.sidebar.collapsed .sidebar-menu .menu-subheading{display:none}.sidebar-menu .menu-subheading-spacer{height:32px;margin:0;padding:0;list-style:none;pointer-events:none}.sidebar.expanded .sidebar-menu .menu-subheading-spacer{display:none}.sidebar.collapsed .sidebar-menu .menu-subheading-spacer{height:16px}.sidebar-menu .recent-subheading{margin-top:24px;margin-bottom:4px}.sidebar-menu .recent-conversation-item{list-style:none;margin:0;padding:0}.sidebar-menu .recent-conversation-link{display:flex;align-items:center;gap:2px;padding:5px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-muted);text-decoration:none;border-radius:6px;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu .recent-conversation-link:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-menu .recent-conversation-link.selected{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:500}.sidebar-menu .recent-conversation-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.sidebar-menu .recent-conversation-link{display:flex;align-items:center;gap:6px}.sidebar-menu .recent-conversation-folder-pill{flex-shrink:0;max-width:90px;padding:1px 6px;background-color:var(--color-bg-tertiary);color:var(--color-text-muted);border-radius:999px;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease,color .15s ease}.sidebar-menu .recent-conversation-folder-pill:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:8px;cursor:pointer;color:var(--color-text-primary);font-family:Inter,sans-serif;margin-bottom:12px;font-weight:500;font-size:13px;border:1px solid transparent;transition:all .2s ease;background-color:transparent;z-index:1001}.sidebar-toggle:hover{background-color:var(--color-main-content-bg)}.sidebar-toggle i{width:28px;font-size:18px;text-align:center;color:var(--color-text-muted)}.sidebar-toggle .icon{width:14px!important;height:14px!important;min-width:14px;max-width:14px;font-size:14px;line-height:1;color:var(--color-text-muted)}.sidebar.collapsed .sidebar-toggle{padding:8px 0;margin-bottom:8px;justify-content:center;margin-left:7px;margin-right:0;width:36px;height:auto}.sidebar-avatar{display:flex;align-items:center;justify-content:center;padding:8px 0;margin-bottom:8px;margin-left:7px;width:36px;cursor:pointer;text-decoration:none}.sidebar-avatar .icon{width:22px;height:22px;font-size:20px;color:var(--color-text-muted)}body.dark-mode .sidebar-avatar .icon{color:#888}.sidebar.collapsed .sidebar-toggle i{margin-right:0;width:28px;font-size:18px;text-align:center;color:var(--color-text-muted)}.sidebar.collapsed .sidebar-menu{padding:5px 5px 100px}.sidebar.collapsed .sidebar-menu>li{justify-content:center;padding:8px 0;font-size:0;margin-bottom:4px;margin-left:7px;margin-right:0;width:36px}.sidebar.collapsed .sidebar-menu>li>span,.sidebar.collapsed .sidebar-header-title{display:none}.sidebar.collapsed .sidebar-menu>li>i{margin-right:0;font-size:18px}.sidebar.collapsed .sidebar-menu>li>.icon{margin-right:0;width:18px;height:18px}.sidebar.collapsed .sidebar-menu>li:not(.talk-to-us-item):not(.account-item) .menu-item{justify-content:center;padding:8px 0;width:36px;margin:0}.sidebar.collapsed .sidebar-menu>li:not(.talk-to-us-item):not(.account-item) .menu-item>i{margin-right:0;font-size:18px;width:auto;text-align:center}.sidebar.collapsed .sidebar-menu>li:not(.talk-to-us-item):not(.account-item) .menu-item>.icon{margin-right:0;width:18px;height:18px}.sidebar.collapsed .sidebar-menu .account-item,.sidebar.collapsed .sidebar-menu .talk-to-us-item{left:5px;right:5px;padding:8px 5px;justify-content:center}.sidebar.collapsed .sidebar-menu .talk-to-us-item .menu-item,.sidebar.collapsed .sidebar-menu .account-item .menu-item{justify-content:center;padding:0;margin:0;width:100%}.account-dropdown .menu-item{justify-content:flex-start!important}.sidebar.collapsed .sidebar-menu .talk-to-us-item .menu-item>i{margin-right:0;width:auto;text-align:center}.sidebar.collapsed .sidebar-menu .talk-to-us-item .menu-item>.icon{margin-right:0;width:18px;height:18px}.sidebar.collapsed .sidebar-menu .account-item .account-name{display:none}.sidebar.collapsed .sidebar-menu .account-item .icon{margin-right:0}.sidebar.collapsed .sidebar-header{padding:10px 5px 8px;justify-content:center;gap:0}.header-sidebar-open{width:24px;height:24px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-right:15px}.header-sidebar-open:hover{background-color:var(--color-bg-tertiary)}.header-sidebar-open i{color:var(--color-message-system-text);font-size:14px}@media(max-width:768px){.main-content{padding-left:8px!important;padding-right:4px!important}body,.main-content{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,.main-content::-webkit-scrollbar{display:none}.app-container.chat-view .main-content,.main-content.chat-active,.app-container.canvas-view .main-content{padding-left:8px!important;padding-right:8px!important}}@media(max-width:600px){.content-column,.content-column.active{margin:6px!important;height:calc(100dvh - 12px)!important}}.sidebar.mobile-overlay{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100%;z-index:1001;box-shadow:var(--shadow-medium)}.sidebar.mobile-overlay.collapsed{width:85%;max-width:320px}.sidebar.mobile-overlay .sidebar-header-title{display:block!important;margin-left:15px;margin-top:5px}.sidebar.mobile-overlay .sidebar-menu>li>span,.sidebar.mobile-overlay .sidebar-menu .account-name{display:block!important}.sidebar.mobile-overlay .sidebar-menu>li .menu-item{justify-content:flex-start!important;padding:8px 12px!important;width:100%!important}.sidebar.mobile-overlay .sidebar-menu>li .menu-item>.icon{margin-right:10px!important}.sidebar.mobile-overlay .sidebar-menu .account-item,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item{left:15px!important;right:15px!important;padding:0!important}.sidebar.mobile-overlay .sidebar-menu .account-item .menu-item,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item .menu-item{padding:6px 10px!important}.sidebar.mobile-overlay .sidebar-header{padding:10px 15px 8px!important;justify-content:flex-start!important;gap:12px!important}.sidebar.mobile-overlay .sidebar-menu{padding:5px 15px!important}.sidebar-mobile-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:1000}.sidebar-tooltip{position:fixed;z-index:1004;pointer-events:none;opacity:0;transform:translateY(-50%) translate(-8px);transition:opacity .2s ease,transform .2s ease;font-family:Inter,sans-serif}.sidebar-tooltip.visible{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-tooltip-bottom{transform:translateY(-4px)}.sidebar-tooltip-bottom.visible{transform:translateY(0)}.sidebar-tooltip-top{transform:translateY(4px)}.sidebar-tooltip-top.visible{transform:translateY(0)}.sidebar-tooltip-left{transform:translateY(-50%) translate(8px)}.sidebar-tooltip-left.visible{transform:translateY(-50%) translate(0)}.sidebar-tooltip-content{background-color:var(--color-bg-primary);color:var(--color-text-muted);border:1px solid var(--color-border-lighter);border-radius:6px;box-shadow:var(--shadow-light);padding:5px 10px;font-size:11px;font-weight:400;line-height:1.4;min-width:max-content;max-width:260px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:600px){.sidebar-tooltip{display:none}.sidebar.mobile-overlay .sidebar-header{padding:12px 18px 10px!important}.sidebar.mobile-overlay .sidebar-header-title{font-size:20px}.sidebar.mobile-overlay .sidebar-menu{padding:5px 18px!important}.sidebar.mobile-overlay .sidebar-menu>li .menu-item{padding:9px 14px!important;font-size:13.5px}.sidebar.mobile-overlay .sidebar-menu>li .menu-item>.icon{width:20px!important;height:20px!important;min-width:20px}.sidebar.mobile-overlay .sidebar-menu .account-item,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item{left:18px!important;right:18px!important}.sidebar.mobile-overlay .sidebar-menu .account-item .menu-item,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item .menu-item{padding:8px 12px!important}.sidebar.mobile-overlay .sidebar-menu .account-item .icon,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item .icon{width:20px!important;height:20px!important;min-width:20px}.sidebar.mobile-overlay .sidebar-menu .account-name,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item span{font-size:13px}}:root{--presence-chrome-fill: #ffffff;--presence-chrome-border: #c7c9cd;--presence-initials: #555555}.presence-layer{position:fixed;inset:0;z-index:99999;pointer-events:none}.presence-cursor-wrap{position:absolute;top:0;left:0;will-change:transform;transition:opacity .12s ease}.presence-cursor{position:relative}.presence-cursor__chrome{display:block;overflow:visible}.presence-cursor__arrow{fill:var(--presence-chrome-fill);stroke:var(--presence-chrome-border);stroke-width:1}.presence-cursor__disc{stroke:var(--presence-chrome-border);stroke-width:1}.presence-cursor__ring{fill:none;stroke:var(--presence-chrome-border);stroke-width:1}.presence-cursor__initials{fill:var(--presence-initials);font-family:Inter,sans-serif;font-weight:500}.presence-cursor__logo{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}.presence-cursor__logo svg,.presence-cursor__logo img{width:100%;height:100%;display:block}.presence-cursor__label{position:absolute;left:100%;top:50%;margin-left:6px;transform:translateY(-50%);white-space:nowrap;background-color:var(--color-bg-primary);color:var(--color-text-muted);border:1px solid var(--color-border-lighter);border-radius:6px;box-shadow:var(--shadow-light);padding:3px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:400;line-height:1.4}.landing-scroll{height:100vh;overflow-y:auto;overflow-x:hidden}.bento-grid{position:relative;display:grid;gap:1px;background:#14100c0a;border:1px solid rgba(20,16,12,.04);width:100%;max-width:1200px;margin:0 auto}.bento-grid:before,.bento-grid:after{content:"";position:absolute;pointer-events:none;z-index:0}.bento-grid:before{inset:-1px -260px;border-top:1px solid rgba(20,16,12,.04);border-bottom:1px solid rgba(20,16,12,.04);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 260px,transparent 260px,transparent calc(100% - 260px),#000 calc(100% - 260px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 260px,transparent 260px,transparent calc(100% - 260px),#000 calc(100% - 260px),transparent 100%)}.bento-grid:after{inset:-140px -1px;border-left:1px solid rgba(20,16,12,.04);border-right:1px solid rgba(20,16,12,.04);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 140px,transparent 140px,transparent calc(100% - 140px),#000 calc(100% - 140px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 140px,transparent 140px,transparent calc(100% - 140px),#000 calc(100% - 140px),transparent 100%)}.hero-bento{grid-template-columns:2fr 3fr;margin-bottom:48px}.features-bento{grid-template-columns:1fr 1fr}.intelligence-bento{grid-template-columns:3fr 2fr;margin-top:48px}.intelligence-visual-cell{padding:0;min-height:480px;overflow:hidden}.intelligence-text-cell{align-items:flex-start;justify-content:center;text-align:left;padding:56px 48px;min-height:480px;gap:18px}.intelligence-heading{margin:0;font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:clamp(24px,3.6vw,34px);line-height:1.3;color:var(--color-text, #111);letter-spacing:0}.intelligence-blurb{margin:0;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:#2a2018b8;max-width:46ch}.contact-bento{grid-template-columns:2fr 3fr;margin-top:48px}.contact-text-cell{align-items:flex-start;justify-content:center;text-align:left;padding:56px 48px;min-height:420px;gap:14px}.contact-bento-title{margin:0;font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:clamp(24px,3.6vw,34px);line-height:1.3;color:var(--color-text, #111);letter-spacing:0}.contact-bento-subtitle{margin:0;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:#2a2018b8;max-width:42ch}.contact-form-cell{padding:40px 48px;min-height:420px;justify-content:center}.contact-form-bento{width:100%}.contact-form-wrapper-bento{border:none;border-radius:0;background:transparent;box-shadow:none;padding:0;gap:4px}.pricing-hero-bento{grid-template-columns:1fr;margin-bottom:0}.pricing-hero-cell{align-items:center;justify-content:center;text-align:center;padding:36px 48px 32px;min-height:0;gap:18px}.pricing-hero-title{margin:0;font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:0;color:var(--color-text, #111)}.pricing-hero-subtitle{margin:0;font-family:Inter,sans-serif;font-size:16px;line-height:1.55;color:#2a2018b8;max-width:56ch}.pricing-hero-cell .pricing-toggle{margin-top:16px}.pricing-tiers-bento{grid-template-columns:repeat(var(--tier-count, 3),minmax(0,1fr))}.pricing-tier-cell{align-items:stretch;padding:40px 32px 36px;gap:0;min-height:520px;overflow:visible}.pricing-tier-cell.featured{background:#14100c05}.pricing-tier-badge{align-self:flex-start;display:inline-flex;align-items:center;background:#1a1a1a;color:#fafafa;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 10px;margin-bottom:14px}.pricing-tier-name{margin:0 0 8px;font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:26px;line-height:1.2;color:var(--color-text, #111)}.pricing-tier-blurb{margin:0 0 24px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;color:#2a2018b8;min-height:42px}.pricing-tier-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:24px}.pricing-tier-amount{font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:30px;line-height:1;color:var(--color-text, #111)}.pricing-tier-amount-free{font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:22px;line-height:1;color:var(--color-text, #111)}.pricing-tier-period{font-family:Inter,sans-serif;font-size:14px;color:#2a201899}.pricing-tier-save{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#166534;background:#16653414;padding:2px 8px;margin-left:auto}.pricing-tier-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;background:#1a1a1a;color:#fafafa;border:1px solid #1a1a1a;border-radius:10px;padding:11px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease;margin-bottom:24px}.pricing-tier-cta:hover{background:#2c2c2c;border-color:#2c2c2c}.pricing-tier-cta.outline{background:transparent;color:#2a2018;border:1px solid rgba(20,16,12,.22)}.pricing-tier-cta.outline:hover{background:#14100c0a;border-color:#14100c57}.pricing-tier-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pricing-tier-features li{display:flex;align-items:flex-start;gap:10px;font-family:Inter,sans-serif;font-size:14px;line-height:1.45;color:#2a2018}.pricing-tier-feature-check{flex-shrink:0;width:16px;height:16px;color:#2a20188c;margin-top:2px}.bento-cell{position:relative;background:var(--color-main-content-bg);padding:32px;display:flex;flex-direction:column;isolation:isolate;min-height:320px;overflow:hidden}.hero-text-cell{align-items:flex-start;justify-content:flex-start;text-align:left;padding:56px 48px 48px;min-height:460px}.hero-text-cell .landing-title{text-align:left}.hero-visual-cell{padding:0;min-height:460px}.feature-cell{flex-direction:row;gap:32px;align-items:flex-start;min-height:260px}.feature-card-slot{position:relative;z-index:1;flex-shrink:0;width:280px;aspect-ratio:1 / 1;background:#ffffff73;border:1px solid rgba(20,16,12,.06);display:flex;align-items:center;justify-content:center}.hero-ctas{display:flex;gap:12px;margin-top:28px}.hero-cta{font-family:Inter,sans-serif;font-size:15px;font-weight:600;border-radius:10px;padding:11px 22px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.hero-cta-primary{background:#1a1a1a;color:#fafafa;border:1px solid #1a1a1a}.hero-cta-primary:hover{background:#2c2c2c;border-color:#2c2c2c}.hero-cta-secondary{background:transparent;color:#2a2018;border:1px solid rgba(20,16,12,.22)}.hero-cta-secondary:hover{background:#14100c0a;border-color:#14100c57}.feature-card-text{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.feature-card-title{margin:0;font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:22px;line-height:1.3;color:#2a2018;letter-spacing:-.005em}.feature-card-blurb{margin:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.55;color:#2a2018b8}@media(max-width:880px){.hero-bento,.features-bento,.intelligence-bento,.contact-bento{grid-template-columns:1fr}.bento-cell{min-height:240px;padding:28px}.hero-visual-cell,.intelligence-visual-cell{min-height:360px}.hero-text-cell,.intelligence-text-cell,.contact-text-cell,.contact-form-cell{min-height:auto;padding:44px 32px}.feature-cell{flex-direction:column;align-items:stretch;gap:20px}.feature-card-slot{width:100%;max-width:320px;margin:0 auto}.feature-card-title{font-size:20px}}.mock-automation-canvas{position:relative;width:100%;height:100%;container-type:inline-size;overflow:hidden;background-color:#fafafa;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:0 0,0 0,0 0,0 0}.mock-automation-edge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.mock-automation-flow-particle{fill:#fff;opacity:.85}.mock-automation-node{position:absolute;width:52cqi;height:14cqi;display:flex;align-items:center;gap:2.5cqi;padding:0 4cqi;background:#fff;border:1px solid #cccccc;border-radius:2.5cqi;box-shadow:0 1px 2px #0000000f;font-family:Inter,sans-serif;font-size:4.2cqi;font-weight:500;color:#000000c7;z-index:2}.mock-automation-node.upper-left{left:3cqi;top:12cqi}.mock-automation-node.lower-right{left:43cqi;top:72cqi}.mock-automation-node-icon{font-size:4.2cqi!important;color:#0000008c}.mock-automation-node-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-automation-port{position:absolute;width:4cqi;height:4cqi;background-color:#ccc;border:.7cqi solid #ffffff;border-radius:50%;pointer-events:none;z-index:3}.mock-automation-port.port-bottom{bottom:-2cqi;left:50%;transform:translate(-50%)}.mock-automation-port.port-top{top:-2cqi;left:50%;transform:translate(-50%)}.mock-adapt-canvas{position:relative;width:100%;height:100%;overflow:hidden;background-color:#fafafa;container-type:inline-size}.mock-adapt-slide{position:absolute;top:5cqi;left:5cqi;width:128cqi;height:128cqi;background:#faf6ee;border:1px solid #e6dcc7;border-radius:3cqi;padding:6cqi 7cqi;box-shadow:0 1px 2px #0000000a}.mock-adapt-title{margin:0 0 5cqi;padding-bottom:2.5cqi;font-family:Libre Baskerville,Georgia,serif;font-size:9cqi;font-weight:700;color:#2b1a14;line-height:1.25;letter-spacing:-.01em;position:relative}.mock-adapt-title:after{content:"";position:absolute;left:0;bottom:0;width:8cqi;height:.5cqi;background:#b04a2a;border-radius:.25cqi}.mock-adapt-image-wrap{position:relative;display:block;margin-top:3cqi}.mock-adapt-image{display:block;width:100%;height:100%;background-image:url(/images/rock-formations.jpg);background-size:cover;background-position:center;background-color:#4a5a6a;border-radius:1.5cqi}.mock-adapt-selection-box{position:absolute;inset:-4px;border:1px dashed #888;pointer-events:none;opacity:0;transition:opacity .12s ease}.mock-adapt-image-wrap.is-selected .mock-adapt-selection-box{opacity:1}.mock-adapt-handle{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:1.5px solid #888;box-shadow:0 1px 2px #0000002e;opacity:0;pointer-events:none;transition:opacity .12s ease;box-sizing:border-box}.mock-adapt-image-wrap.is-selected .mock-adapt-handle{opacity:1}.mock-adapt-handle--tl{top:-10px;left:-10px}.mock-adapt-handle--tr{top:-10px;right:-10px}.mock-adapt-handle--bl{bottom:-10px;left:-10px}.mock-adapt-handle--br{bottom:-10px;right:-10px}.mock-adapt-cursor-arrow{position:absolute;width:7cqi;height:7.7cqi;pointer-events:none;transform:translate(1px,-1px);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:5}.mock-compile-canvas{position:relative;width:100%;height:100%;overflow:hidden;background-color:#fafafa;display:flex;align-items:flex-start;justify-content:flex-start;padding:9% 9% 4%;container-type:inline-size}.mock-compile-list{position:relative;display:flex;flex-direction:column;gap:5cqi;width:100%}.mock-compile-step{position:relative;display:flex;align-items:center;gap:3.5cqi;opacity:0;transition:opacity .3s ease}.mock-compile-step:not(:first-child):before{content:"";position:absolute;left:3.5cqi;top:-5cqi;height:5cqi;width:1px;transform:translate(-50%);background:#0000002e;opacity:0;transition:opacity .25s ease}.mock-compile-step.state-running,.mock-compile-step.state-done{opacity:1}.mock-compile-step.state-running:before,.mock-compile-step.state-done:before{opacity:1}.mock-compile-icon{position:relative;z-index:1;width:7cqi;height:7cqi;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#00000080}.mock-compile-glyph{font-size:4.2cqi!important;color:inherit}.mock-compile-icon .app-spinner{color:#0000008c}.mock-compile-label{font-family:Inter,sans-serif;font-size:5.2cqi;font-weight:500;color:#374151}.mock-formfactor-canvas{position:relative;width:100%;height:100%;overflow:hidden;background-color:#fafafa;display:flex;flex-direction:column;align-items:stretch;padding:14px;container-type:inline-size}.mock-formfactor-tabs{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;flex-shrink:0}.mock-formfactor-stage{position:relative;flex:1;margin-top:20px;min-height:0}.mock-formfactor-slide,.mock-formfactor-web{position:absolute;top:0;left:0;width:130cqi;height:130cqi;border-radius:8px;transition:opacity .18s ease;overflow:hidden}.mock-formfactor-slide{background:#faf6ee;border:1px solid #e6dcc7;display:flex;flex-direction:column;justify-content:flex-start;padding:8cqi 9cqi}.mock-ff-slide-title{margin:0;padding-bottom:3cqi;font-family:Libre Baskerville,Georgia,serif;font-size:11cqi;font-weight:700;color:#2b1a14;line-height:1.2;letter-spacing:-.01em;position:relative}.mock-ff-slide-title:after{content:"";position:absolute;left:0;bottom:0;width:8cqi;height:.6cqi;background:#b04a2a;border-radius:.3cqi}.mock-ff-slide-skel{margin-top:6cqi;display:flex;flex-direction:column;gap:2cqi}.mock-formfactor-web{background:#fff;border:1px solid #e6e8ec;display:flex}.mock-ff-nav{flex:0 0 40cqi;border-right:1px solid #e5e7eb;padding:6cqi 3.6cqi;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:.6cqi}.mock-ff-nav-heading{font-size:3cqi;font-weight:500;letter-spacing:.025em;color:#605e5e;opacity:.7;padding:2.4cqi 3cqi .4cqi;margin:0 0 .4cqi}.mock-ff-nav-heading:first-child{padding-top:0}.mock-ff-nav-modes{display:flex;flex-direction:column;gap:.6cqi;margin-bottom:1.8cqi}.mock-ff-mode,.mock-ff-section{display:flex;align-items:center;gap:3cqi;font-size:3.6cqi;font-weight:400;padding:1.8cqi 3cqi;border-radius:2.4cqi;color:#605e5e;line-height:1.4;border:1px solid transparent;background:transparent}.mock-ff-mode.is-active,.mock-ff-section.is-active{background:linear-gradient(135deg,#f9fafb,#fff);color:#000;border-color:#e5e7eb;font-weight:500}.mock-ff-icon{flex:0 0 auto;width:4cqi!important;height:4cqi!important;min-width:4cqi;max-width:4cqi;font-size:4cqi!important;color:#605e5e}.mock-ff-mode.is-active .mock-ff-icon,.mock-ff-section.is-active .mock-ff-icon{color:#7d8996}.mock-ff-article{flex:1;padding:7cqi;background:#fff;font-family:Inter,sans-serif;overflow:hidden}.mock-ff-article-title{margin:0 0 5cqi;font-size:6.5cqi;font-weight:500;color:#4b5260;line-height:1.3;letter-spacing:-.005em}.mock-ff-article-body{margin:0;font-size:3.1cqi;line-height:1.55;color:#2b3340}.mock-ff-article-rule{height:1px;background:#ececef;margin:5cqi 0 3.5cqi}.mock-ff-article-skel{display:flex;flex-direction:column;gap:2cqi}.mock-ff-skel-line{display:block;height:3.2cqi;background:#ece6d6;border-radius:.8cqi}.mock-formfactor-slide .mock-ff-skel-line{background:#ece6d6}.mock-formfactor-web .mock-ff-skel-line{background:#f0f1f4}.mock-ff-skel-line.short{width:60%}.mock-formfactor-cursor-arrow{position:absolute;width:7cqi;height:7.7cqi;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:5}.mock-altseg-canvas{position:relative;width:100%;height:100%;overflow:hidden;background-color:#fafafa;display:flex;flex-direction:column;align-items:center;padding:14px 14px 0;container-type:inline-size}.mock-altseg-cursor-arrow{position:absolute;width:7cqi;height:7.7cqi;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:opacity .12s linear;z-index:5}.mock-altseg-tabs{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap;justify-content:center}.mock-altseg-tabs .resource-tab,.mock-formfactor-tabs .resource-tab{height:30px;padding:0 14px;font-size:.78rem;border-radius:7px;gap:6px}.mock-altseg{flex:1;width:100%;min-height:0;display:block;touch-action:none}.mock-altseg-handle{cursor:grab}.mock-altseg-handle:active{cursor:grabbing}.mock-altseg-label{font-family:Inter,sans-serif;font-size:4.5px;font-weight:600;pointer-events:none}.mock-altseg-greek{font-family:Inter,sans-serif;font-size:4px;font-style:italic;font-weight:600;pointer-events:none}.mock-altseg-greek-small{font-family:Inter,sans-serif;font-size:4px;font-style:italic;font-weight:500;pointer-events:none}.mock-upload-canvas{position:relative;width:100%;height:100%;container-type:inline-size;overflow:hidden;background-color:#fafafa;display:flex;align-items:center;justify-content:center;padding:0}.mock-upload-canvas:not(.is-active) *{animation-play-state:paused!important}.mock-upload-panel{position:relative;width:100%;aspect-ratio:3 / 2;background:#fafafa;border:1px solid #d8dadf;border-radius:8px;padding:5cqi;display:flex;flex-direction:column;gap:5cqi;transform:translate(25px)}.mock-upload-header{position:relative;display:flex;align-items:center;color:#0000008c}.mock-upload-cloud{font-size:7.5cqi!important}.mock-upload-header-label{position:relative;white-space:nowrap}.mock-upload-header-files{position:absolute;left:0;top:0;opacity:0;animation:mock-upload-header-files-anim 5s ease-in-out infinite}.mock-upload-header-empty{animation:mock-upload-header-empty-anim 5s ease-in-out infinite}.mock-upload-strip{position:relative;flex:1;min-height:0}.mock-upload-pill{display:inline-flex;align-items:center;gap:1.5cqi;padding:2cqi 3.5cqi 2cqi 2cqi;background:#fff;border:1px solid #d4d4d4;border-radius:1.8cqi;box-shadow:0 1px 2px #0000000f;font-family:Inter,sans-serif;font-size:4cqi;font-weight:500;color:#000000c7;white-space:nowrap}.mock-upload-pill-thumb{flex-shrink:0;width:8cqi;height:8cqi;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:1.2cqi}.mock-upload-pill-icon{font-size:5.5cqi!important;color:var(--color-accent-pptx, #d24727)}.mock-upload-pill-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-upload-drag{position:absolute;left:0;top:0;display:inline-flex;align-items:flex-start;animation:mock-upload-drag-anim 5s ease-in-out infinite;opacity:0}.mock-upload-pill-ghost{opacity:.85;box-shadow:0 4cqi 8cqi #0000001f;animation:mock-upload-ghost-anim 5s ease-in-out infinite}.mock-upload-cursor{width:5.5cqi;height:6cqi;margin-left:-5cqi;margin-top:2cqi;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));animation:mock-upload-cursor-anim 5s ease-in-out infinite}.mock-upload-pill-landed{position:absolute;left:0;top:0;opacity:0;animation:mock-upload-landed-anim 5s ease-in-out infinite}@keyframes mock-upload-header-empty-anim{0%,25%{opacity:1}35%,to{opacity:0}}@keyframes mock-upload-header-files-anim{0%,35%{opacity:0}45%,to{opacity:1}}@keyframes mock-upload-drag-anim{0%,5%{opacity:0;transform:translate(60cqi,-45cqi)}18%{opacity:1;transform:translate(45cqi,-25cqi)}45%{opacity:1;transform:translate(0)}55%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(60cqi,-45cqi)}}@keyframes mock-upload-ghost-anim{0%,45%{opacity:.85;transform:scale(1)}55%{opacity:0;transform:scale(1.04)}to{opacity:0;transform:scale(1)}}@keyframes mock-upload-cursor-anim{0%,50%{transform:translate(0)}60%{transform:translate(4cqi,4cqi)}90%{transform:translate(8cqi,6cqi);opacity:1}98%{transform:translate(8cqi,6cqi);opacity:0}to{transform:translate(0);opacity:0}}@keyframes mock-upload-landed-anim{0%,48%{opacity:0;transform:scale(.96)}56%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.landing-viewport{position:relative;width:100%;background-color:var(--color-main-content-bg);padding:108px 24px 64px}.landing-viewport:before{content:"";position:fixed;inset:0 8px 0 0;pointer-events:none;background:linear-gradient(to bottom,var(--color-main-content-bg) 0%,rgba(250,250,250,.8) 1.5%,transparent 4%),linear-gradient(to top,var(--color-main-content-bg) 0%,rgba(250,250,250,.8) 1.5%,transparent 4%),linear-gradient(to right,var(--color-main-content-bg) 0%,rgba(250,250,250,.8) 15px,transparent 40px),linear-gradient(to left,var(--color-main-content-bg) 0%,rgba(250,250,250,.8) 15px,transparent 40px)}.landing-title{display:block;width:100%;font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:clamp(26px,4.2vw,38px);line-height:1.4;letter-spacing:0;color:var(--color-text, #111);margin:0;text-align:center}.landing-brand-title{font-family:Inter,serif;font-weight:400;font-size:clamp(1.3rem,3.2vw,1.9rem);color:var(--color-text, #111);text-align:center;margin:0 0 32px;letter-spacing:0;line-height:1.25}.landing-brand-subtitle{font-family:Inter,serif;font-size:clamp(.9rem,2vw,1rem);color:#777;text-align:center;margin:0 0 32px;font-weight:400}.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin-left:auto;margin-right:auto}.landing-card.hero-card{padding:28px}.hero-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;--grid-color: rgba(80, 120, 220, .033);background:repeating-linear-gradient(0deg,var(--grid-color) 0 1px,transparent 1px 40px),repeating-linear-gradient(60deg,var(--grid-color) 0 1px,transparent 1px 40px),repeating-linear-gradient(-60deg,var(--grid-color) 0 1px,transparent 1px 40px)}.hero-cards>.hero-card:nth-child(2):before{--grid-color: rgba(220, 130, 50, .033)}.hero-card{cursor:pointer;display:flex;flex-direction:column;min-height:320px;outline:none;transition:border-color .2s ease,transform .35s ease;--grain-gradient: linear-gradient( to top, rgba(80, 120, 220, .18) 0%, rgba(80, 120, 220, .08) 40%, transparent 70% )}.hero-card:hover{border-color:#0000001a}.hero-card:focus-visible{border-color:#0003}.hero-cards>.hero-card:nth-child(1){transform:perspective(800px) rotateY(2deg) rotateX(1.5deg)}.hero-cards>.hero-card:nth-child(2){transform:perspective(800px) rotateY(-2deg) rotateX(1.5deg);--grain-gradient: linear-gradient( to top, rgba(220, 130, 50, .18) 0%, rgba(220, 130, 50, .08) 40%, transparent 70% )}.hero-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:.15;background:var(--grain-gradient),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}.hero-card-icon{width:32px;height:32px;margin-bottom:24px;flex-shrink:0}.hero-card-icon path,.hero-card-icon circle,.hero-card-icon line,.hero-card-icon polyline,.hero-card-icon polygon{stroke-width:1}.hero-card-icon--create{color:var(--icon-color-teal)}.hero-card .hero-card-title{font-family:Inter,serif;font-weight:700;font-size:clamp(.95rem,1.8vw,1.15rem);color:#111;margin:0 0 16px;line-height:1.25}.hero-card-text{font-family:Inter,system-ui,sans-serif;font-size:.78rem;color:#666;line-height:1.65;margin:0;flex:1}.hero-card-cta{display:block;margin-top:auto;padding-top:20px;font-family:Inter,system-ui,sans-serif;font-size:.74rem;font-weight:600;color:#888;transition:color .2s ease}.hero-card:hover .hero-card-cta{color:#444}@media(max-width:560px){.hero-cards{grid-template-columns:1fr}.hero-cards>.hero-card:nth-child(1),.hero-cards>.hero-card:nth-child(2){transform:none}.landing-brand-title{font-size:clamp(1.8rem,8vw,2.4rem);margin-bottom:20px}}.waitlist-form{width:100%;max-width:500px;margin:40px auto 0;display:flex;flex-wrap:wrap;gap:10px;padding:0;border:none;background:transparent}.waitlist-input{flex:1;padding:12px 16px;background:var(--color-bg-primary);border:1px solid rgba(0,0,0,.12);border-radius:10px;font-family:Inter,serif;font-size:clamp(.85rem,1.6vw,1rem);color:#222;transition:border-color .2s ease;height:48px;box-sizing:border-box}.waitlist-input:focus{outline:none;border-color:#0000002e}.waitlist-input::placeholder{color:#999}.waitlist-input:disabled{opacity:.6}.waitlist-button{padding:12px 24px;background:#fcfcfcfa;color:#444;border:1px solid rgba(0,0,0,.12);border-radius:10px;font-family:Inter,serif;font-weight:600;font-size:clamp(.85rem,1.6vw,1rem);cursor:pointer;transition:filter .2s ease,border-color .2s ease;white-space:nowrap;height:48px;box-sizing:border-box}.waitlist-button:hover:not(:disabled){filter:brightness(.98);border-color:#0003}.waitlist-button:disabled{opacity:.6;cursor:default}.waitlist-success{flex-basis:100%;text-align:center;padding:8px 0 0;color:#2ea851;font-family:var(--font-serif);font-size:14px}.waitlist-error{flex-basis:100%;text-align:center;padding:8px 0 0;color:#b91c1c;font-family:var(--font-serif);font-size:13px}@media(max-width:640px){.waitlist-form{max-width:500px;flex-direction:column;gap:10px}.waitlist-input,.waitlist-button{width:100%}}.icon-decoration-container{position:relative;width:100%;max-width:1000px;height:180px;margin:40px auto 0;overflow:visible;pointer-events:none;z-index:10}.draggable-icon-decoration{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;opacity:0;transition:opacity .4s ease;z-index:1}.draggable-icon-decoration.visible{opacity:.7}.draggable-icon-decoration.visible:hover{opacity:.9}.draggable-icon-decoration:active{cursor:grabbing}.draggable-icon-decoration .icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.draggable-icon-decoration svg{width:100%;height:100%}@media(max-width:640px){.icon-decoration-container{height:220px;margin:30px auto 0}.draggable-icon-decoration{width:32px;height:32px}}.screenshot-section{background:var(--color-main-content-bg);padding:60px 24px 100px;display:flex;flex-direction:column;align-items:center;gap:32px}.screenshot-stack{position:relative;width:min(640px,calc(100vw - 360px));aspect-ratio:16 / 10;cursor:pointer;margin:40px 160px;outline:none}@media(max-width:900px){.screenshot-stack{width:min(500px,calc(100vw - 200px));margin:40px 100px}}.screenshot-card{position:absolute;inset:0;border-radius:10px;overflow:hidden;transition:transform .4s cubic-bezier(.34,1.1,.64,1);box-shadow:0 4px 20px #00000014}.screenshot-placeholder{width:100%;height:100%;background:var(--color-bg-primary);border:1px solid rgba(0,0,0,.07)}.screenshot-hint{font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;color:#bbb;margin:0;letter-spacing:.3px}@media(max-width:640px){.screenshot-stack{margin-right:60px;margin-bottom:60px}}.landing-create-section{background:var(--color-main-content-bg);padding:40px 24px 60px}.landing-create-inner{max-width:700px;width:100%;margin:0 auto}.landing-create-inner .chat-container{max-width:700px;width:100%}.landing-create-title{font-family:Inter,serif;font-weight:700;font-size:clamp(1.15rem,2.4vw,1.4rem);text-align:center;color:#222;margin:0 0 16px}.landing-create-text{font-family:Inter,system-ui,sans-serif;font-size:.88rem;color:#888;margin:0 0 28px;line-height:1.5}.story-section{width:100%;background-color:var(--color-main-content-bg);padding:120px 24px 40px;margin:0}.story-content{max-width:750px;margin:0 auto}.story-paragraph{margin-bottom:48px;text-align:center}.story-line{font-family:Inter,serif;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.8;color:#333}.story-accent--students{background:linear-gradient(175deg,#64b4ff40,#64b4ff9e 12%,#64b4ff4d 28%,#64b4ff94 62%,#64b4ff59 84%,#64b4ff38);color:inherit;padding:.22em .48em .05em .28em;border-radius:1px 9px 2px 8px/8px 2px 9px 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #64b4ff26}.story-accent--generic{background:linear-gradient(182deg,#b4b4b438,#b4b4b48c 25%,#b4b4b447 38%,#b4b4b485,#b4b4b44d 78%,#b4b4b433);color:inherit;padding:.06em .3em .2em .5em;border-radius:8px 1px 10px 2px/2px 9px 1px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #b4b4b41f}.story-accent--live{background:linear-gradient(178deg,#ffa0464d,#ffa046ad 8%,#ffa04659 22%,#ffa046a6 48%,#ffa04661 72%,#ffa04647);color:inherit;padding:.18em .32em .08em .52em;border-radius:2px 8px 1px 10px/9px 1px 8px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #ffa0462e}.story-accent--evolve{background:linear-gradient(185deg,#64dc8c42,#64dc8ca3 18%,#64dc8c52 42%,#64dc8ca8 55%,#64dc8c59 82%,#64dc8c3d);color:inherit;padding:.08em .45em .18em .25em;border-radius:10px 2px 8px 1px/1px 7px 2px 9px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #64dc8c29}.story-accent--grey{background:linear-gradient(182deg,#b4b4b438,#b4b4b48c 25%,#b4b4b447 38%,#b4b4b485,#b4b4b44d 78%,#b4b4b433);color:inherit;padding:.06em .3em .2em .5em;border-radius:8px 1px 10px 2px/2px 9px 1px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #b4b4b41f}.story-accent--amplified{background:linear-gradient(180deg,#ff785047,#ff7850a6 15%,#ff785057 35%,#ff78509e 58%,#ff78505c 80%,#ff785040);color:inherit;padding:.12em .4em .12em .35em;border-radius:8px 2px 9px 1px/1px 8px 2px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #ff78502e}.story-accent--inspire{background:linear-gradient(176deg,#c882ff3d,#c882ff99 12%,#c882ff4d 32%,#c882ff94,#c882ff52 78%,#c882ff38);color:inherit;padding:.15em .38em .1em .42em;border-radius:9px 1px 8px 2px/2px 9px 1px 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #c882ff26}.story-color--spark{background:linear-gradient(178deg,#ffa0464d,#ffa046ad 8%,#ffa04659 22%,#ffa046a6 48%,#ffa04661 72%,#ffa04647);color:inherit;padding:.18em .32em .08em .52em;border-radius:2px 8px 1px 10px/9px 1px 8px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #ffa0462e}.story-emphasis{font-style:italic}.story-ending-icon{display:inline-block;margin-left:.35em;vertical-align:-.05em;width:1.4em;height:1.4em;color:var(--icon-color-yellow)}.story-ending-icon svg{width:100%;height:100%}.story-icons{display:flex;justify-content:center;align-items:center;gap:24px;margin:48px 0;opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease}.story-icons.visible{opacity:1;transform:translateY(0)}.story-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.story-icon svg{width:100%;height:100%}.story-icons-students .story-icon:nth-child(1){transform:translateY(-5px)}.story-icons-students .story-icon:nth-child(2){transform:translateY(8px)}.story-icons-students .story-icon:nth-child(3){transform:translateY(-3px)}.story-icons-files .story-icon:nth-child(1){transform:translateY(5px) rotate(-8deg)}.story-icons-files .story-icon:nth-child(2){transform:translateY(-3px) rotate(5deg)}.story-icons-files .story-icon:nth-child(3){transform:translateY(7px) rotate(-3deg)}@media(max-width:768px){.story-section{padding:80px 24px}.story-paragraph{margin-bottom:36px}.story-line{font-size:clamp(.9rem,3.2vw,1.05rem);line-height:1.75}.story-icons{gap:20px;margin:36px 0}.story-icon{width:42px;height:42px}}.landing-title .icon{display:inline-block;width:1em;height:1em;vertical-align:-.05em;margin-right:.35em}.landing-title .icon path,.landing-title .icon circle,.landing-title .icon line,.landing-title .icon polyline,.landing-title .icon polygon{stroke-width:1}.landing-header{position:fixed;top:24px;left:24px;right:24px;z-index:1000}.glass-pill{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:12px 20px;width:100%;border-radius:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-weight:700;letter-spacing:.3px;color:var(--color-text, #111);background:var(--color-main-content-bg);border:1px solid rgba(20,16,12,.08)}.glass-pill:before{content:"";position:absolute;pointer-events:none;z-index:0;inset:-1px -260px;border-top:1px solid rgba(20,16,12,.08);border-bottom:1px solid rgba(20,16,12,.08);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 260px,transparent 260px,transparent calc(100% - 260px),#000 calc(100% - 260px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 260px,transparent 260px,transparent calc(100% - 260px),#000 calc(100% - 260px),transparent 100%)}.glass-pill>*{position:relative;z-index:1}.glass-pill .brand{font-family:Libre Baskerville,Georgia,serif;font-weight:400;letter-spacing:0}.glass-pill .pill-spacer{flex:1 1 auto}.glass-pill .nav-links{display:inline-flex;gap:20px;font-weight:600;font-size:.85rem}.glass-pill .nav-links a{color:#444;text-decoration:none;opacity:1;transition:color .2s ease,opacity .2s ease;cursor:pointer}.glass-pill .nav-links a:hover{color:#666;opacity:1;text-decoration:none}.glass-pill .nav-links a.current,.glass-pill .nav-links a[aria-current=page]{color:#666;cursor:default;pointer-events:none}.glass-pill .nav-actions{display:inline-flex;align-items:center;gap:10px;margin-left:12px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;background:transparent;border:none;color:#444;cursor:pointer;width:32px;height:32px;padding:0;margin-left:auto;transition:opacity .2s ease}.mobile-menu-btn:hover{opacity:.7}.mobile-menu-btn .icon{width:22px;height:22px}.mobile-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-main-content-bg);border:1px solid rgba(20,16,12,.08);border-radius:0;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:1001}.mobile-menu-dropdown a{padding:10px 14px;color:#555;text-decoration:none;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:500;border-radius:0;transition:background .2s ease,color .2s ease}.mobile-menu-dropdown a:hover{background:#00000008;color:#555}.mobile-menu-dropdown a.current{color:#999;pointer-events:none}.mobile-menu-dropdown .mobile-menu-cta{background:#1a1a1a;color:#fafafa;border:1px solid #1a1a1a;font-weight:600;margin-top:4px}.mobile-menu-dropdown .mobile-menu-cta:hover{background:#2c2c2c;border-color:#2c2c2c;color:#fafafa}.mobile-menu-divider{height:1px;background:#00000014;margin:4px 0}@media(max-width:640px){.landing-header .glass-pill .nav-links,.landing-header .glass-pill .nav-actions{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}}.glass-pill .btn-login{background:transparent;border:1px solid rgba(0,0,0,.18);color:#444;border-radius:10px;padding:6px 10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.glass-pill .btn-login:hover{background:#0000000a;border-color:#00000047;color:#666}.glass-pill .btn-cta{background:#fcfcfcfa;color:#444;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:6px 12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:filter .2s ease}.glass-pill .btn-cta:hover{filter:brightness(.98);border-color:#0003;color:#666}.video-section{background:var(--color-main-content-bg);padding:40px 24px}.video-container{max-width:1000px;margin:0 auto}.video-wrapper{position:relative;width:700px;max-width:100%;height:700px;max-height:100vw;margin:0 auto;overflow:hidden;background:#000;border-radius:16px}@media(max-width:640px){.video-wrapper{width:100%;height:auto;aspect-ratio:1 / 1}}.video-wrapper iframe,.video-wrapper video{width:100%;height:100%;object-fit:cover}.pricing-section{background:var(--color-main-content-bg);padding:40px 24px 80px}.about-section{background:var(--color-main-content-bg);padding:120px 24px 80px}.about-content{width:min(900px,100%);margin:0 auto;font-family:Inter,serif;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.9;color:#333}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 40px}.toggle-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border-lighter);color:var(--color-text-muted);padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.toggle-btn:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.toggle-btn.active{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-light);box-shadow:0 2px 4px #0000000d}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));justify-content:center;align-items:stretch;gap:22px;max-width:1400px;margin:0 auto}.pricing-card .price-features{flex:1}.pricing-card .price-row{margin:10px 0 12px;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:10px;font-family:Inter,serif}.pricing-card .price-row.small{font-size:1rem;font-weight:600}.pricing-card .price-subtitle{margin:6px 0 8px;font-family:Inter,serif;color:#555;font-size:.95rem}.pricing-card .price-period{font-size:.9rem;font-weight:600;color:#666;margin-left:6px}.pricing-card .price-save{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid currentColor;background:#9c4dff14;color:var(--icon-color-purple);font-size:.8rem;font-weight:700}.pricing-card .card-icon{font-size:36px;color:#555;margin-bottom:20px}.pricing-card .price-features{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px;color:#555}.pricing-card .price-features li{display:flex;align-items:flex-start;gap:8px;line-height:1.4}.pricing-card .feature-check{width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0;color:#22c55e;margin-top:2px}.pricing-cta-row{margin:16px 0 24px}.pricing-cta{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-lighter);border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;width:100%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.pricing-cta:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}@media(max-width:1150px){.pricing-grid{grid-template-columns:repeat(2,minmax(260px,360px))}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}}.pricing-cta.outline{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-lighter)}.landing-card{position:relative;background:var(--color-bg-primary);border:.5px solid rgba(0,0,0,.1);border-radius:14px;padding:28px 28px 30px;box-shadow:none;display:flex;flex-direction:column}.pricing-card{min-height:520px}.pricing-card.featured{position:relative;border-color:#1e88e559}.pricing-card.featured:before{content:"";position:absolute;inset:-10px;border-radius:13px;background:radial-gradient(60% 60% at 50% -10%,#1e88e52e,#1e88e514 40%,#1e88e500 70%);filter:blur(8px);z-index:-1}.landing-card-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.landing-card .card-icon{width:28px;height:28px;color:#555;flex-shrink:0}.landing-card .card-icon path,.landing-card .card-icon circle,.landing-card .card-icon line,.landing-card .card-icon polyline,.landing-card .card-icon polygon,.pricing-card .card-icon path,.pricing-card .card-icon circle,.pricing-card .card-icon line,.pricing-card .card-icon polyline,.pricing-card .card-icon polygon{stroke-width:1}.landing-card h3,.landing-card .card-title{margin:0;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:600;color:#222;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}.landing-card p,.landing-card .card-text{margin:0;color:#555;line-height:1.6;font-size:.95rem;font-family:Inter,serif}.etymology-section{background:var(--color-main-content-bg);padding:60px 24px 20px}.etymology-container{max-width:950px;margin:0 auto;text-align:center}.etymology-text{font-family:Inter,serif;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.8;color:#555;margin:0;display:inline-block;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity 1.2s ease-out,clip-path 1.8s cubic-bezier(.25,.46,.45,.94)}.etymology-text.visible{opacity:1;clip-path:inset(0 0 0 0)}.etymology-text strong{font-weight:700;color:#222}.pronunciation{color:#777;font-size:.95em}.etymology-text em{font-style:italic}.landing-footer-minimal{padding:24px;background:var(--color-main-content-bg)}.landing-footer-minimal .footer-pill{justify-content:center}.landing-footer-minimal .footer-pill .nav-links{margin:0}.footer-dot{color:#bbb;font-size:.85rem;-webkit-user-select:none;user-select:none}.footer-social-links{display:flex;align-items:center;gap:20px;margin-left:32px}.footer-social-links a{display:flex;align-items:center;justify-content:center;color:#777;transition:color .2s ease}.footer-social-links a:hover{color:#333}.footer-social-links .icon{width:18px;height:18px}.mockup-slide-thumbs{width:70px;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.mockup-slide-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-input-bg);border:.5px solid var(--color-input-border);border-radius:3px;overflow:hidden;cursor:pointer;transition:border-color .2s ease}.mockup-slide-thumb:hover{border-color:var(--color-input-border-hover)}.mockup-slide-thumb.active{border-color:var(--color-input-border-hover);box-shadow:var(--shadow-focus-soft)}.mockup-slide-thumb-content{padding:2px;display:flex;flex-direction:column;gap:1px;height:100%}.mockup-slide-thumb-title{font-size:3px;font-weight:500;font-family:Inter,sans-serif;color:var(--color-input-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-slide-thumb-img{flex:1;background:var(--color-bg-secondary);border-radius:1px}.mockup-slide-thumb-index{position:absolute;left:2px;bottom:2px;min-width:6px;height:6px;padding:0 2px;border-radius:2px;font-size:4px;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-primary);border:.5px solid var(--color-input-border);display:flex;align-items:center;justify-content:center;line-height:1}.mockup-slide-main{flex:1;display:flex;align-items:center;justify-content:center}.mockup-slide-canvas{width:100%;height:100%;aspect-ratio:16 / 9;max-height:100%;background:var(--color-bg-primary);border:.5px solid var(--color-border-light);border-radius:4px;position:relative;padding:8px}.mockup-slide-content-wrapper{display:flex;gap:6px;height:100%}.mockup-slide-text-column{width:30%;display:flex;flex-direction:column;gap:4px}.mockup-slide-title{font-size:10px;font-weight:700;font-family:Inter,sans-serif;color:var(--color-input-text);line-height:1.3}.mockup-slide-body{font-size:6px;font-weight:400;font-family:Inter,serif;color:var(--color-input-text);line-height:1.5}.mockup-slide-image{flex:1;background:var(--color-bg-secondary);border-radius:3px;display:flex;align-items:center;justify-content:center;border:.5px solid var(--color-input-border)}.mockup-slide-image .icon{width:16px;height:16px;color:var(--color-text-muted);opacity:.4}.mockup-container-canvas{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:10px 10px,10px 10px,50px 50px,50px 50px;background-position:0 0,0 0,0 0,0 0}.mockup-container-canvas:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;background:linear-gradient(to bottom,var(--color-bg-secondary) 0%,transparent 15%),linear-gradient(to top,var(--color-bg-secondary) 0%,transparent 15%),linear-gradient(to right,var(--color-bg-secondary) 0%,transparent 15%),linear-gradient(to left,var(--color-bg-secondary) 0%,transparent 15%);border-radius:inherit}body.dark-mode .mockup-container-canvas{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}.mockup-window-controls{display:flex;gap:6px;margin-bottom:10px;position:relative;z-index:11}.mockup-dot{width:10px;height:10px;border-radius:50%;opacity:.6}.mockup-dot-red{background:#ff5f57}.mockup-dot-yellow{background:#ffbd2e}.mockup-dot-green{background:#28c840}.mockup-canvas{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:14px 12px;z-index:11}.mockup-node{position:absolute;width:70px;min-height:78px;background:var(--color-bg-primary);border:.5px solid var(--color-border-node, rgba(0, 0, 0, .15));border-radius:4px;padding:7px;display:flex;flex-direction:column;z-index:2;box-shadow:0 .5px 1.5px #00000008}.mockup-node-header{display:flex;align-items:center;gap:5px;margin-bottom:5px}.mockup-node-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mockup-node-icon .icon{width:14px;height:14px}.mockup-node-title{font-size:7px;font-weight:500;color:var(--color-input-text, #374151);line-height:1.2;font-family:system-ui,-apple-system,sans-serif}.mockup-node-content{flex:1;background:var(--color-input-bg-hover);border-radius:3px;min-height:14px;margin-top:6px;opacity:.4}.mockup-shared-node{top:-12px;left:50%;transform:translate(-50%);cursor:default;width:90px}.mockup-resource-node{-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease}.mockup-resource-node:hover{box-shadow:0 1px 3px #0000000f}.mockup-connection{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.mockup-connection-path{opacity:.5}body.dark-mode .mockup-connection-path{opacity:.7}.mockup-input{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:12px 10px;position:relative;z-index:11}.mockup-input-wrapper{width:85%;display:flex;flex-direction:column;padding:8px 8px 6px;border-radius:7px;border:.5px solid var(--color-input-border);background-color:var(--color-bg-primary);position:relative}.mockup-textarea{width:100%;min-height:35px;padding:0 24px 0 0;border:none;background:transparent;color:var(--color-input-text);font-size:8px;font-family:Inter,serif;line-height:1.5;resize:none;outline:none}.mockup-textarea::placeholder{color:var(--color-text-muted);opacity:.6}.mockup-input-controls{display:flex;justify-content:flex-end;margin-top:5px}.mockup-send-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-main-content-bg);border:.5px solid var(--color-border-light);border-radius:3px;cursor:pointer;transition:all .2s ease}.mockup-send-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-medium)}.mockup-send-btn .icon{width:9px;height:9px}.mockup-upload-panel{width:85%;padding:.5px;border-radius:7px;background:var(--gradient-upload);cursor:default;position:relative}.mockup-upload-content{background:var(--color-bg-primary);border-radius:7px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px}.mockup-upload-content .icon{width:10px;height:10px;color:var(--icon-color-blue);--icon-stroke: 1.5}.mockup-upload-text{font-size:8px;color:var(--color-text-muted);font-weight:500;font-family:system-ui,-apple-system,sans-serif}.mockup-chat{display:flex;flex-direction:column;gap:10px;width:100%;padding:12px 10px;position:relative;z-index:11;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mockup-chat::-webkit-scrollbar{display:none}.mockup-message{display:flex;width:100%}.mockup-message-user{justify-content:flex-end}.mockup-message-assistant{justify-content:flex-start}.mockup-user-bubble{background:var(--color-message-user-bg);border:.5px solid var(--color-message-user-border, rgba(0, 0, 0, .1));border-radius:10px;padding:7px 10px;display:flex;align-items:flex-start;gap:7px;max-width:85%}.mockup-user-initials{width:16px;height:16px;min-width:16px;min-height:16px;border-radius:50%;background:var(--color-text-light, #888);color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:500;flex-shrink:0}.mockup-message-text{font-size:9px;line-height:1.6;color:var(--color-input-text, #374151);font-family:Inter,serif}.mockup-message-assistant .mockup-message-text{max-width:85%;color:var(--color-text-primary, #000);padding:2px 0}.mockup-typing-cursor{display:inline-block;margin-left:1px;animation:mockup-blink 1s infinite;font-weight:300}@keyframes mockup-blink{0%,49%{opacity:1}50%,to{opacity:0}}.mockup-planning-inline{font-size:7px;font-family:Inter,serif;line-height:1.6;color:var(--color-text-muted);font-style:italic;opacity:.8;margin:8px 0 0;display:block}.mockup-shimmer-text{display:inline-block;background:linear-gradient(90deg,#64646466,#dcdcdc,#64646466);background-size:200% 100%;background-position:-100% 0;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;-moz-text-fill-color:transparent!important;animation:mockup-shimmer-sweep 3s ease-in-out infinite}@keyframes mockup-shimmer-sweep{0%{background-position:-100% 0}to{background-position:100% 0}}body.dark-mode .mockup-shimmer-text{background:linear-gradient(90deg,#7a7a7a33,#fffc,#7a7a7a33);background-size:200% 100%;background-position:-100% 0;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}@supports not (-webkit-background-clip: text){.mockup-shimmer-text{color:var(--color-text-muted)!important;-webkit-text-fill-color:initial!important;-moz-text-fill-color:initial!important;animation:mockup-shimmer-opacity 3s ease-in-out infinite}body.dark-mode .mockup-shimmer-text{color:var(--color-text-light)!important}}@keyframes mockup-shimmer-opacity{0%,to{opacity:.4}50%{opacity:1}}.mockup-tool-call-item{position:relative;display:flex;align-items:flex-start;gap:4px;background-color:transparent;border:.5px solid var(--color-message-user-border);border-radius:4px;padding:4px 12px 4px 6px;margin:0;font-size:7px;color:var(--color-input-text, #374151);font-family:Inter,serif;max-width:70%}.mockup-planning-inline+.mockup-tool-call-item{margin-top:2px}.mockup-tool-call-item+.mockup-tool-call-item{margin-top:-7px}.mockup-tool-call-item+.mockup-message-assistant{margin-top:-6px}.mockup-tool-call-item .icon{width:8px;height:8px;color:var(--icon-color-green);flex-shrink:0;margin-top:1px}.mockup-tool-call-content{flex:1;min-width:0}.mockup-tool-event-details{position:static}.mockup-tool-event-toggle{position:absolute;top:4px;right:2px;background:transparent;border:none;color:var(--color-text-lighter);padding:1px;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.mockup-tool-event-toggle .icon{width:6px;height:6px;color:var(--color-text-lighter)}.mockup-tool-event-details-body{margin:4px 0 0;font-size:6px;color:var(--color-text-secondary);line-height:1.4;opacity:.85}.contact-section{background:var(--color-main-content-bg);padding:40px 24px 60px}.contact-container{max-width:700px;margin:0 auto}.contact-title{font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:clamp(1.6rem,3.5vw,2rem);text-align:center;color:#222;margin:0 0 16px}.contact-subtitle{font-family:Inter,serif;font-size:.95rem;line-height:1.6;text-align:center;color:#555;max-width:650px;margin:0 auto 32px}.contact-form{width:100%}.contact-form-wrapper{width:100%;display:flex;flex-direction:column;gap:10px;padding:13px 13px 10px;border-radius:8px;border:1px solid var(--color-input-border);background-color:var(--color-bg-primary);box-shadow:var(--shadow-light);position:relative}.contact-form-wrapper:focus-within{outline:none;border-color:#0000002e}.form-input,.form-textarea{width:100%;padding:12px 0;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.08);font-family:Inter,serif;font-size:.9rem;color:#222;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-bottom-color:#00000029}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-textarea{resize:none;min-height:100px;border-bottom:none;padding-top:12px}.form-submit-row{display:flex;justify-content:flex-end;margin-top:8px}.form-submit{display:inline-flex;align-items:center;gap:8px;background:#fcfcfcfa;color:#444;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:6px 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.85rem;cursor:pointer;transition:filter .2s ease,border-color .2s ease}.form-submit:hover{filter:brightness(.98);border-color:#0003}.form-submit .icon{width:16px;height:16px}.landing-footer{background:var(--color-main-content-bg);padding:24px}.footer-glass{position:relative;display:flex;flex-direction:column;gap:24px;padding:32px;border-radius:13px;font-family:Inter,serif;color:var(--color-text, #111);background:#f8f8f880;border:1px solid rgba(235,235,235,.4);box-shadow:0 1px 2px #00000003,inset 0 1px #fff3;background-clip:padding-box;backdrop-filter:blur(6px) saturate(180%) contrast(1.01);-webkit-backdrop-filter:blur(6px) saturate(180%) contrast(1.01)}.footer-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at -10% -20%,#ffffff0f,#ffffff05 42%,#fff0 68%)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:800px;margin:0 auto;width:100%}.footer-section{display:flex;flex-direction:column;gap:10px}.footer-section a{color:#555;text-decoration:none;font-size:.85rem;font-weight:400;transition:color .2s ease}.footer-section a:hover{color:#777}.footer-copyright{text-align:center;font-size:.75rem;color:#777;font-weight:400;padding-top:20px}@media(max-width:640px){.footer-links{grid-template-columns:1fr;gap:24px;text-align:left}.footer-section{align-items:flex-start}}.cookie-banner{position:fixed;bottom:24px;left:24px;z-index:10000;max-width:400px;animation:cookieBannerSlideIn .3s ease-out}@keyframes cookieBannerSlideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-glass{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 20px;border-radius:13px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;color:var(--color-text, #111);background:#f8f8f880;border:1px solid rgba(235,235,235,.4);box-shadow:0 2px 8px #00000014,inset 0 1px #fff3;background-clip:padding-box;backdrop-filter:blur(6px) saturate(180%) contrast(1.01);-webkit-backdrop-filter:blur(6px) saturate(180%) contrast(1.01)}.cookie-banner-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at -10% -20%,#ffffff0f,#ffffff05 42%,#fff0 68%)}.cookie-banner-text{margin:0;font-size:.875rem;line-height:1.5;color:#444;font-weight:400}.cookie-banner-link{color:#444;text-decoration:underline;text-decoration-color:#4446;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.cookie-banner-link:hover{color:#666;text-decoration-color:#6669}.cookie-banner-actions{display:flex;gap:8px;justify-content:flex-end}.cookie-banner-btn{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:600;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cookie-banner-btn-accept{background:#111;color:#fff}.cookie-banner-btn-accept:hover{background:#333}.cookie-banner-btn-reject{background:#ffffffe6;color:#444;border:1px solid rgba(0,0,0,.12)}.cookie-banner-btn-reject:hover{background:#fff;border-color:#0003;transform:translateY(-1px)}@media(max-width:640px){.cookie-banner{bottom:0;left:0;right:0;max-width:none;border-radius:0;padding:0}.cookie-banner-glass{border-radius:0;border-left:none;border-right:none;border-bottom:none}}.showcase-section{padding:80px 24px;display:flex;justify-content:center;background:var(--color-main-content-bg, #fafafa);overflow:hidden}.showcase-grid{display:flex;justify-content:center;align-items:start;gap:32px;flex-wrap:wrap;max-width:1600px}.showcase-card{position:relative;width:500px;border-radius:16px;overflow:hidden;background:#fafafa;border:1px solid #e1e5eb}.showcase-card-iframe{width:100%;border:none;overflow:hidden}.toast-stack{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:20000;pointer-events:none}.toast-item{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;max-width:360px;padding:10px 14px;background:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:8px;box-shadow:0 4px 12px #00000014;font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:var(--color-text-muted);cursor:pointer;text-align:left;line-height:1.4;animation:toast-in .18s ease-out}.toast-item:hover{background:var(--color-bg-hover)}.toast-item-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;line-height:1;color:var(--color-danger)}.toast-item-text{min-width:0}@keyframes toast-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}body.dark-mode .toast-item{background:var(--color-bg-secondary);border-color:var(--color-border-primary);box-shadow:0 4px 12px #0006}.global-banner-stack{position:fixed;top:0;left:0;right:0;z-index:999;display:flex;flex-direction:column;transition:left .2s ease}.app-container.sidebar-expanded .global-banner-stack{left:240px}.global-banner{position:relative;display:flex;align-items:center;justify-content:center;min-height:30px;margin:8px 8px 4px;padding:3px 36px;font-size:12px;line-height:1.4;text-align:center;color:var(--color-text-primary);background:none;border:1px solid var(--color-border-lighter);border-radius:10px;box-sizing:border-box}.global-banner-body{display:inline-flex;align-items:center;gap:10px;min-width:0}.global-banner-icon{position:relative;top:1px;flex-shrink:0;font-size:11px;color:var(--color-text-muted);opacity:.55}.global-banner-info .global-banner-icon{color:#15803d;opacity:.8}.global-banner-warning .global-banner-icon{color:#b45309;opacity:.7}.global-banner-critical .global-banner-icon{color:#b91c1c;opacity:.75}.global-banner-critical{background-color:#fef2f2}.global-banner-message{min-width:0}.global-banner-link{flex-shrink:0;color:inherit;font-weight:600;text-decoration:underline;white-space:nowrap}.global-banner-dismiss{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-muted);opacity:.6}.global-banner-dismiss:hover{opacity:1;background-color:var(--color-bg-tertiary)}body.has-global-banner .main-content-header{top:var(--global-banner-h, 0px)}body.has-global-banner .content-column{top:calc(44px + var(--global-banner-h, 0px))}body.has-global-banner .content-column.no-top-header{top:var(--global-banner-h, 0px)}.palette-popup-overlay{position:fixed;inset:0;z-index:9999;background-color:#00000052;display:flex;align-items:flex-start;justify-content:center;padding-top:max(12vh,80px);font-family:Open Sans,Inter,sans-serif}.app-container.sidebar-expanded .palette-popup-overlay{left:240px}.palette-popup{width:min(640px,calc(100% - 32px));min-height:320px;max-height:70vh;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:9px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;overflow:hidden;font-family:inherit}.palette-popup-title{font-family:inherit;font-size:13px;font-weight:500;color:var(--color-text-muted);padding:18px 20px 0;margin:0;flex-shrink:0}.palette-popup-tabs{display:flex;align-items:center;gap:6px;padding:12px 20px 0;flex-shrink:0}.palette-popup-search{display:flex;align-items:center;gap:10px;padding:20px;flex-shrink:0}.palette-popup-search>i,.palette-popup-search>svg{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.palette-popup-search>input{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:12px;color:var(--color-text-primary);padding:0}.palette-popup-search>input::placeholder{color:var(--color-text-muted)}.palette-popup-list{list-style:none;margin:0;padding:4px 12px;overflow-y:auto;flex:1}.palette-popup-item{list-style:none;margin:0 0 6px;padding:0;border-radius:8px}.palette-popup-item:last-child{margin-bottom:0}.palette-popup-item.selected,.palette-popup-item.selected .palette-popup-item-btn{background-color:var(--color-main-content-bg)}.palette-popup-item.selected .palette-popup-item-name{color:var(--color-text-primary)}.palette-popup-item-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;background:transparent;border:none;text-align:left;cursor:pointer;border-radius:8px;transition:background-color .15s ease,color .15s ease;font-family:Inter,sans-serif}.palette-popup-item:not(.selected) .palette-popup-item-btn:hover{background-color:var(--color-main-content-bg)}.palette-popup-item.disabled .palette-popup-item-btn{cursor:not-allowed;opacity:.55}.palette-popup-item.disabled .palette-popup-item-btn:hover,.palette-popup-item.disabled.selected,.palette-popup-item.disabled.selected .palette-popup-item-btn{background-color:transparent}.palette-popup-item-badge{flex-shrink:0;align-self:center;margin-left:8px;padding:1px 7px;background-color:var(--color-bg-tertiary);color:var(--color-text-muted);border-radius:999px;font-family:inherit;font-size:10px;font-weight:500}.palette-popup-item-icon{flex-shrink:0;width:14px;height:14px;min-width:14px;font-size:14px;color:var(--color-text-muted)}.palette-popup-item-body{display:flex;flex-direction:column;min-width:0;flex:1}.palette-popup-item-name{font-family:Inter,sans-serif;font-size:12.5px;font-weight:400;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-popup-item-desc{display:block;font-size:11px;font-weight:400;color:var(--color-text-lighter);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-popup-empty{list-style:none;padding:16px 14px;font-family:inherit;font-size:12px;color:var(--color-text-muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.resource-header-strip{display:flex;align-items:center;height:28px;width:100%;gap:12px}.resource-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;margin-left:auto}.resource-tabs::-webkit-scrollbar{display:none}.resource-tab{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:6px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;max-width:200px}.resource-tab:hover:not(.disabled):not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-input-border-hover)}.resource-tab.active{border-color:var(--color-border-lighter);cursor:default}.resource-tab.disabled{opacity:.5;cursor:default}.resource-tab:disabled{cursor:default}.resource-tab-icon{width:12px;height:12px;flex-shrink:0;color:var(--color-icon)}.resource-tab-check{width:11px;height:11px;color:var(--icon-color-green);flex-shrink:0}.resource-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-tab.has-tooltip{position:relative}.resource-tab.has-tooltip:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-lighter);border-radius:6px;padding:6px 10px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;box-shadow:var(--shadow-light);z-index:1000}.resource-tab.has-tooltip:hover:after{opacity:1;visibility:visible}body.dark-mode .resource-tab.has-tooltip:after{background:var(--color-input-bg);color:var(--color-input-text);border-color:var(--color-input-border)}.settings-modal-container.resource-settings{background:#fff}body.dark-mode .settings-modal-container.resource-settings{background:var(--color-main-content-bg)}.settings-modal-container.resource-settings .settings-content{flex:1;min-height:0;overflow-y:auto;padding-top:8px}.settings-modal-container.resource-settings .settings-header{border-bottom:none;padding-bottom:16px}.settings-modal-container.resource-settings .settings-header-title{font-weight:500;color:var(--color-text-muted)}.resource-settings-heading{position:relative;display:flex;flex-direction:column}.resource-settings-saved{position:absolute;top:100%;left:0;margin-top:3px;font-size:11px;font-weight:400;color:var(--color-success);opacity:0;transition:opacity .15s ease;pointer-events:none}.resource-settings-saved.show{opacity:1}.settings-modal-container.resource-settings .settings-pref-row.drive-list-item{border-bottom:none}.settings-modal-container.resource-settings .settings-section{border-bottom:1px solid var(--color-border-light);padding-bottom:12px;margin-bottom:12px}.settings-modal-container.resource-settings .settings-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.resource-settings-input{height:28px;width:220px;padding:0 10px;border:1px solid var(--color-border-lighter);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:12.5px}.resource-settings-input:focus{outline:none;border-color:var(--color-input-border-hover)}.settings-modal-container.resource-settings .drive-list-item-actions .custom-dropdown{width:220px;max-width:none}.resource-settings-input-status--error{color:var(--color-danger)}.settings-pref-row .drive-list-item-action.settings-action{background:var(--color-bg-primary);border-color:var(--color-border-lighter);color:var(--color-text-muted);font-weight:500}.settings-pref-row .drive-list-item-action.settings-action:hover{border-color:var(--color-input-border-hover);color:var(--color-text-secondary)}.settings-pref-row .drive-list-item-action.settings-action-danger{color:var(--color-danger)}.settings-pref-row .drive-list-item-action.settings-action-danger:hover{border-color:var(--color-danger);color:var(--color-danger)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden;background-color:var(--color-main-content-bg)}.auth-container{width:100vw;height:100vh;overflow:hidden;background:var(--color-bg-primary);display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:3px;border:1px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-border-medium);background-clip:content-box}@media(max-width:768px){body{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}}body.dark-mode .canvas-container{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)}body.dark-mode .canvas-container:before{height:calc(100vh - 32px);background:linear-gradient(to bottom,var(--color-main-content-bg) 0%,rgba(45,45,45,.8) 1.5%,transparent 4%),linear-gradient(to top,var(--color-main-content-bg) 0%,rgba(45,45,45,.8) 1.5%,transparent 4%),linear-gradient(to right,var(--color-main-content-bg) 0%,rgba(45,45,45,.8) 15px,transparent 40px),linear-gradient(to left,var(--color-main-content-bg) 0%,rgba(45,45,45,.8) 15px,transparent 40px)}body.dark-mode .connection-line path{stroke:var(--color-connection-line)}body.dark-mode ::-webkit-scrollbar-track{background:#ffffff14}body.dark-mode ::-webkit-scrollbar-thumb{background:#555;background-clip:content-box}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#666;background-clip:content-box}.content-column{position:fixed;inset:44px 0 0;display:flex;flex-direction:column}.content-column.no-top-header{top:0}.content-column.active{left:240px}.content-column.no-sidebar{left:0}@media(max-width:600px){.content-column{margin-left:10px}}@media(max-width:600px){*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}}.content-header-strip{height:28px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 10px;margin-top:-2px;margin-bottom:8px;overflow:visible;z-index:100;position:relative}.content-header-strip:empty{height:0;padding:0;margin:0}.mobile-menu-button{display:none;width:30px;height:30px;padding:5px;border:1px solid var(--color-border-lighter);background:var(--color-bg-primary);border-radius:6px;cursor:pointer;flex-shrink:0;align-items:center;justify-content:center;transition:all .2s ease}.mobile-menu-button:hover{background:var(--color-button-bg-hover);border-color:var(--color-input-border-hover)}body.dark-mode .mobile-menu-button{border-color:var(--color-border-medium)}.mobile-menu-button .icon{width:16px;height:16px;color:var(--color-icon)}@media(max-width:600px){.mobile-menu-button{display:flex}.content-header-strip{padding-left:0}}.header-title-icon{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.header-title{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:10px}.canvas-toolbar-button+.header-title{margin-left:4px}.header-title-sep{color:var(--color-text-muted);font-weight:400;opacity:.5;padding:0 4px}.header-search-input{height:30px;padding:5px 10px;border:1px solid var(--color-border-lighter);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:.75rem;min-width:150px;max-width:250px;margin-left:10px}.header-search-input:focus{outline:none;border-color:var(--color-input-border-hover)}.header-search-input::placeholder{color:var(--color-text-muted)}@media(max-width:600px){.header-search-input{flex:1;max-width:none;min-width:0;margin-left:0}}.header-dropdown-container{position:relative}.header-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:8px;box-shadow:var(--shadow-medium);min-width:160px;z-index:1000;padding:4px}.header-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:.8rem;cursor:pointer;border-radius:6px;transition:background .15s ease}.header-dropdown-item:hover{background:var(--color-bg-hover)}.header-dropdown-item .icon{width:14px;height:14px;color:var(--color-icon)}@media(max-width:600px){.content-header-strip{height:37px;gap:8px;padding-top:3px}.mobile-menu-button{width:36px;height:36px;padding:6px}.mobile-menu-button .icon{width:20px;height:20px}.content-header-strip .canvas-toolbar-button:not(.icon-only){padding:6px;width:36px;height:36px;justify-content:center}.content-header-strip .canvas-toolbar-button:not(.icon-only) span{display:none}.content-header-strip .canvas-toolbar-button .icon{width:16px;height:16px}.content-header-strip .canvas-toolbar-button.icon-only{width:36px;height:36px;padding:6px}.header-title{font-size:13px}.header-title-icon{width:18px;height:18px}.header-search-input{height:36px;font-size:14px}}.main-content{position:relative;padding:0 20px;background-color:var(--color-main-content-bg);flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;container-type:inline-size;container-name:main-content}.main-content-header{position:fixed;top:0;left:0;right:0;min-height:44px;padding:6px 12px;background-color:var(--color-main-content-bg);display:flex;align-items:center;z-index:999;transition:left .2s ease}.main-content-header.sidebar-active{left:240px}.main-content-header-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.main-header-slot{flex:1;display:flex;align-items:center;min-width:0;padding:0 12px}.main-content-header .mch-item{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;outline:none;background:transparent;border-radius:6px;color:var(--color-text-muted);font:inherit;text-decoration:none;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.main-content-header .mch-item:focus{outline:none}.main-content-header .mch-item:focus-visible{outline:2px solid var(--color-border-lighter);outline-offset:1px}.main-content-header .mch-item:hover{background-color:var(--color-main-content-bg)}.main-content-header .mch-item.active{background-color:transparent;color:var(--color-text-primary)}.main-content-header .mch-item .icon{width:14px!important;height:14px!important;min-width:14px;max-width:14px;font-size:14px;flex-shrink:0}.main-content-header-nav .mch-account{display:inline-flex;align-items:center}.main-content-header-nav .mch-account .mch-item .icon{width:16px!important;height:16px!important;min-width:16px;max-width:16px;font-size:16px}.main-content-header .mch-item-help{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;outline:none;background:transparent;border-radius:6px;color:var(--color-text-muted);text-decoration:none;cursor:pointer;transition:background-color .15s ease}.main-content-header .mch-item-help:hover{background-color:var(--color-main-content-bg)}.main-content-header .mch-item-help .icon{width:14px!important;height:14px!important;min-width:14px;max-width:14px;font-size:14px;flex-shrink:0}body.lesson-import-open .main-content{padding:0}.content-header{padding-bottom:6px;border-bottom:1px solid var(--color-border-light);width:100%;margin:0 -1px 15px;display:flex;flex-wrap:wrap;align-items:flex-start}.header-title-section{display:flex;align-items:center;margin-right:20px}.content-header h1{font-size:1.2rem;color:var(--color-text-secondary);font-weight:600;margin:0 0 0 5px;white-space:nowrap}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary, #374151);color:var(--color-text-primary, #fff);font-family:Inter,sans-serif;font-weight:600;-webkit-user-select:none;user-select:none}.avatar img,img.avatar{width:100%;height:100%;object-fit:cover}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:64px;height:64px;font-size:20px}.avatar-xl{width:96px;height:96px;font-size:28px}.avatar-xxl{width:128px;height:128px;font-size:36px}.avatar-initials{background:linear-gradient(135deg,var(--color-accent, #6366f1) 0%,var(--color-accent-secondary, #8b5cf6) 100%);color:#fff;text-transform:uppercase;letter-spacing:.5px}.avatar-placeholder{background:var(--color-bg-secondary, #e5e7eb);color:var(--color-text-muted, #9ca3af)}.avatar-placeholder .icon{width:36%;height:36%}.avatar-hidden{display:none!important}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-overlay, rgba(0, 0, 0, .5));backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:none;animation:none}.confirm-modal.show{opacity:1;visibility:visible}.confirm-modal-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:var(--shadow-modal, 0 20px 60px rgba(0, 0, 0, .3));width:90%;max-width:420px;padding:16px 18px 14px;transform:translateY(-100px)}.confirm-modal-title{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--color-icon);margin:0 0 16px;line-height:1.3}.confirm-modal-description{font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:var(--color-text-muted);line-height:1.45;margin:0 0 14px}.confirm-modal-actions{display:flex;gap:8px;justify-content:flex-end}.confirm-modal-button{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center}.confirm-modal-button:hover{background:var(--color-bg-primary)}.confirm-modal-button:disabled{opacity:.6;box-shadow:none}.confirm-modal-button.danger{background:var(--color-bg-secondary);color:var(--color-danger, #d9534f);border-color:var(--color-border-light)}.confirm-modal-button.danger:hover{background:var(--color-bg-hover)}.confirm-modal-button.cancel{opacity:.95}.confirm-modal-button.primary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.confirm-modal-button.primary:hover{background:var(--color-bg-hover)}.confirm-modal-button.primary:disabled{opacity:.5;box-shadow:none}.confirm-modal-button.compact{padding:4px 10px;font-size:11px;border-radius:5px}.rename-modal-input{width:100%;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--color-input-text, var(--color-text-primary));background:var(--color-input-bg, var(--color-bg-secondary));border:1px solid var(--color-input-border, var(--color-border-light));border-radius:6px;margin-bottom:12px;box-sizing:border-box;transition:all .2s ease}.rename-modal-error{font-family:Inter,sans-serif;font-size:12px;line-height:1.4;color:var(--color-danger, #d9534f);margin:8px 2px 0}.rename-modal-input:hover{background:var(--color-input-bg-hover, var(--color-bg-hover));border-color:var(--color-input-border-hover, var(--color-border-primary))}.rename-modal-input:focus{outline:none;border:none;box-shadow:var(--shadow-focus, 0 0 0 2px var(--color-accent-orange))}.rename-modal-input:disabled{opacity:.6}.success-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-overlay, rgba(0, 0, 0, .5));backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:none;animation:none}.success-modal.show{opacity:1;visibility:visible}.success-modal-card{position:relative;background:var(--color-bg-primary);border:1.5px solid var(--color-border-primary);border-radius:8px;box-shadow:var(--shadow-modal, 0 20px 60px rgba(0, 0, 0, .3));width:90%;max-width:460px;padding:20px 20px 36px;transform:translateY(-100px)}.success-modal-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 10px;line-height:1.3}.success-modal-description{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:var(--color-text-muted);line-height:1.5;margin:0 0 16px}.success-modal-icon{position:absolute;right:16px;bottom:12px;color:var(--color-success);font-size:30px}.pdf-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay, rgba(0, 0, 0, .5));z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:none}.pdf-modal-overlay.show{opacity:1;visibility:visible}.pdf-modal-container{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:8px 8px 0 0;box-shadow:var(--shadow-modal, 0 20px 60px rgba(0, 0, 0, .3));width:90vw;height:85vh;max-width:1200px;min-width:320px;max-height:800px;min-height:400px;display:flex;flex-direction:column;overflow:hidden;transform:none;transition:none}.pdf-modal-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.pdf-modal-title{margin:0 16px 0 0;font-size:14px;font-weight:600;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pdf-modal-actions{display:flex;align-items:center;gap:8px}.pdf-modal-download{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:var(--color-text-placeholder);font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.pdf-modal-download:hover{background-color:var(--color-bg-hover);color:var(--color-primary)}.pdf-modal-download:active{transform:scale(.95)}.pdf-modal-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:var(--color-text-placeholder);transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:16px;width:32px;height:32px;flex-shrink:0}.pdf-modal-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.pdf-modal-close:active{transform:scale(.95)}.pdf-modal-content{flex:1;position:relative;display:flex;flex-direction:column}.pdf-viewer{flex:1;border:none;width:100%;background:var(--color-bg-primary)}.pdf-modal-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1}.pdf-modal-loading i{font-size:24px;color:var(--color-text-muted)}.pdf-modal-loading p{margin:0;font-size:14px;color:var(--color-text-muted);font-weight:500}.pdf-modal-error{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1;text-align:center;padding:20px}.pdf-modal-error i{font-size:32px;color:var(--color-danger, #dc3545)}.pdf-modal-error p{margin:0;font-size:16px;color:var(--color-text-secondary);font-weight:500}.pdf-modal-error button{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);padding:8px 16px;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.pdf-modal-error button:hover{background:var(--color-bg-hover);border-color:var(--color-scrollbar)}@media(max-width:768px){.pdf-modal-container{width:95vw;height:95vh;min-width:320px;border-radius:6px 6px 0 0}.pdf-modal-header{padding:12px 16px}.pdf-modal-title{font-size:14px}.pdf-modal-close{width:28px;height:28px;font-size:14px}}@media(max-width:480px){.pdf-modal-container{width:100vw;height:100vh;border-radius:0;max-width:none;max-height:none}.pdf-modal-header{padding:10px 12px}.pdf-modal-title{font-size:13px}.pdf-modal-close{width:24px;height:24px;font-size:12px;padding:4px}}.share-modal-skeleton{display:flex;flex-direction:column;gap:32px}.share-skeleton-row{display:flex;gap:8px}.share-skeleton-input{flex:1;height:44px;border-radius:8px;background:var(--color-bg-tertiary)}.share-skeleton-button{width:70px;height:44px;border-radius:6px;background:var(--color-bg-tertiary)}.share-skeleton-social{display:flex;justify-content:center;gap:8px}.share-skeleton-social-btn{width:32px;height:32px;border-radius:6px;background:var(--color-bg-tertiary)}.share-skeleton-actions{display:flex;justify-content:space-between}.share-skeleton-action{width:90px;height:32px;border-radius:6px;background:var(--color-bg-tertiary)}@media(max-width:600px){.confirm-modal-card{padding:16px}.confirm-modal-title{font-size:14px;margin-bottom:12px}.confirm-modal-description{font-size:13px;margin-bottom:12px}.confirm-modal-button{padding:8px 14px;font-size:13px}.confirm-modal-button.compact{padding:5px 10px;font-size:12px}.rename-modal-input{padding:10px 12px;font-size:13px;margin-bottom:12px}.rename-modal-error{font-size:11px}.share-modal-skeleton{gap:24px}.share-skeleton-input{height:38px}.share-skeleton-button{width:60px;height:38px}.share-skeleton-social-btn{width:28px;height:28px}.share-skeleton-action{width:80px;height:28px}}.share-social-btn{position:relative}.share-social-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:6px;padding:4px 8px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:9999;pointer-events:none;box-shadow:var(--shadow-light)}.share-social-btn:hover:after{opacity:1;visibility:visible}body.dark-mode .share-social-btn:after{background:var(--color-input-bg);color:var(--color-input-text);border-color:var(--color-input-border)}.app-spinner{display:inline-block;width:13px;height:13px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box;animation:app-spinner-rotate .8s linear infinite;flex-shrink:0;vertical-align:middle}.app-spinner.sm{width:11px;height:11px;border-width:1.25px}.app-spinner.md{width:14px;height:14px}.app-spinner.lg{width:18px;height:18px;border-width:2px}@keyframes app-spinner-rotate{to{transform:rotate(360deg)}}.custom-dropdown{position:relative;display:inline-block;width:100%;max-width:400px}.usage-controls .custom-dropdown{max-width:none;width:auto}.custom-dropdown-trigger{padding:7px 32px 7px 10px;border:1px solid var(--color-input-border);border-radius:6px;background:var(--color-input-bg);color:var(--color-input-text);font-family:Inter,sans-serif;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:160px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.custom-dropdown-trigger:hover{background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.custom-dropdown-trigger:focus{outline:none;box-shadow:var(--shadow-focus);border-color:transparent}.custom-dropdown-trigger.disabled,.custom-dropdown-trigger:disabled{opacity:.6;cursor:default}.custom-dropdown-text{flex:1}.custom-dropdown-icon{width:14px;height:14px;color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0;margin-right:-20px}.custom-dropdown-icon.open{transform:rotate(180deg)}.custom-dropdown-menu{z-index:9999;animation:dropdown-fade-in .15s ease}.custom-dropdown-menu .custom-dropdown-list{max-height:300px}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown.custom-dropdown-sm{max-width:none}.custom-dropdown.custom-dropdown-sm .custom-dropdown-trigger{min-width:0;padding:4px 22px 4px 8px;font-size:12px;font-weight:400;color:var(--color-text-muted);border-radius:6px;gap:6px}.custom-dropdown.custom-dropdown-sm .custom-dropdown-icon{width:10px;height:10px;margin-right:-14px}.custom-dropdown-menu.custom-dropdown-sm .app-popover__item{padding:5px 8px;margin:0;font-size:12px;font-weight:400;color:var(--color-text-muted);border-radius:4px}.custom-dropdown-menu.custom-dropdown-sm .app-popover__item:hover{background:var(--color-main-content-bg)}.custom-dropdown-menu.custom-dropdown-sm .app-popover__item-check{width:10px;height:10px}@media(max-width:768px){.custom-dropdown-trigger{min-width:100%;padding:8px 28px 8px 12px;font-size:13px}.custom-dropdown-menu .app-popover__item{padding:10px 12px;font-size:13px}}.checkout-view{width:100%;height:100%;overflow-y:auto;padding:0}.checkout-header{padding:20px 0;border-bottom:1px solid var(--color-border-light);margin-bottom:32px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.checkout-title{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px;display:flex;align-items:center;gap:12px}.checkout-title .icon{font-size:24px;color:#555}.checkout-description{font-family:Inter,serif;font-size:14px;color:#555;margin:0;line-height:1.6}.checkout-back-button{padding:10px 20px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.checkout-back-button:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.checkout-tabs{display:flex;gap:12px;margin-bottom:32px;justify-content:center}.checkout-tab{padding:10px 24px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.checkout-tab:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.checkout-tab.active{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-primary);box-shadow:0 2px 4px #0000000d}.checkout-tab .icon{font-size:16px}.checkout-content{max-width:1400px;margin:0 auto}.checkout-loading{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.checkout-loading .icon{font-size:32px;margin-bottom:16px}.checkout-loading p{font-family:Inter,sans-serif;font-size:14px;margin:0}.pricing-interval-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 40px}.pricing-interval-toggle button{padding:10px 24px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pricing-interval-toggle button:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.pricing-interval-toggle button.active{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-primary);box-shadow:0 2px 4px #0000000d}.interval-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#22c55e;color:#fff;border-radius:4px;font-size:11px;font-weight:700}.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:40px}.pricing-tier{position:relative;background:var(--color-bg-primary);border:.5px solid rgba(0,0,0,.05);border-radius:8px;padding:28px 28px 30px;box-shadow:none;display:flex;flex-direction:column;min-height:520px;transition:all .2s ease}.pricing-tier:hover{box-shadow:0 4px 12px #0000000f}.pricing-tier.featured{position:relative;border-color:#1e88e559}.pricing-tier.featured:before{content:"";position:absolute;inset:-10px;border-radius:13px;background:radial-gradient(60% 60% at 50% -10%,#1e88e52e,#1e88e514 40%,#1e88e500 70%);filter:blur(8px);z-index:-1}.tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:4px 16px;border-radius:12px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-header{margin-bottom:24px}.tier-name{font-family:Inter,sans-serif;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:600;color:#222;margin:0 0 6px}.tier-header .card-icon{width:40px;height:40px;color:#555;margin-bottom:10px}.tier-subtitle{margin:6px 0 8px;font-family:Inter,serif;color:#555;font-size:.95rem}.tier-price{margin:10px 0 12px;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:10px;font-family:Inter,serif;color:#222;line-height:1}.tier-interval{font-size:.9rem;font-weight:600;color:#666;margin-left:6px}.tier-savings{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid currentColor;background:#22c55e14;color:#22c55e;margin-left:6px;font-size:.8rem;font-weight:700}.tier-features{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:6px;color:#555;flex:1}.tier-feature{display:flex;align-items:center;gap:8px;font-family:Inter,serif;font-size:.95rem;line-height:1.6}.tier-feature .icon{width:16px;height:16px;color:#22c55e;flex-shrink:0}.tier-feature.highlight{font-weight:600;color:#222}.tier-button{width:100%;padding:10px 20px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.tier-button:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.tier-button:disabled{opacity:.6;cursor:default}.checkout-view .pricing-cta{width:100%;padding:10px 20px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.checkout-view .pricing-cta:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.checkout-view .pricing-cta:disabled{opacity:.6;cursor:default}.checkout-view .pricing-cta.outline{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-lighter)}.topup-info{background:var(--color-bg-secondary);border-radius:8px;padding:16px 20px;margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:12px}.topup-info .icon{color:#555;font-size:20px;flex-shrink:0}.topup-info p{font-family:Inter,serif;font-size:13px;color:#555;margin:0;line-height:1.6;text-align:center}.topup-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:32px;max-width:900px;margin-left:auto;margin-right:auto}.topup-package{position:relative;background:var(--color-bg-primary);border:.5px solid rgba(0,0,0,.05);border-radius:8px;padding:28px 20px;text-align:center;transition:all .2s ease;display:flex;flex-direction:column}.topup-package:hover{box-shadow:0 4px 12px #0000000f}.topup-package.popular{border-color:#1e88e559}.topup-package.popular:before{content:"";position:absolute;inset:-10px;border-radius:13px;background:radial-gradient(60% 60% at 50% -10%,#1e88e52e,#1e88e514 40%,#1e88e500 70%);filter:blur(8px);z-index:-1}.package-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:3px 12px;border-radius:10px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.topup-package .card-icon{width:40px;height:40px;color:#555;margin:0 auto 20px;display:block}.topup-package .card-icon path,.topup-package .card-icon circle,.topup-package .card-icon line,.topup-package .card-icon polyline,.topup-package .card-icon polygon{stroke-width:1}.package-credits{font-family:Inter,serif;font-size:32px;font-weight:700;color:#222;line-height:1;margin-bottom:4px}.package-credits-label{font-family:Inter,serif;font-size:12px;color:#555;margin-bottom:12px}.package-price{font-family:Inter,serif;font-size:20px;font-weight:700;color:#222;margin-bottom:4px}.package-rate{font-family:Inter,sans-serif;font-size:11px;color:#666}.topup-package-button{width:100%;padding:10px 20px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.topup-package-button:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.topup-package-button:disabled{opacity:.6;cursor:default}.custom-input-wrapper{margin:0 0 12px}.custom-credits-input{width:100%;padding:12px 16px;border:1px solid var(--color-border-light);border-radius:6px;background:var(--color-bg-primary);font-family:Inter,serif;font-size:28px;font-weight:700;color:#222;text-align:center;transition:all .2s ease}.custom-credits-input:focus{outline:none;border-color:#111}.custom-credits-input::placeholder{color:#ccc;font-size:28px;font-weight:700}.custom-credits-label{font-family:Inter,serif;font-size:12px;color:#555;text-align:center;margin-top:4px}body.dark-mode .pricing-tier,body.dark-mode .topup-package{border-color:var(--color-border-primary)}body.dark-mode .tier-name,body.dark-mode .tier-price,body.dark-mode .tier-feature.highlight,body.dark-mode .package-credits,body.dark-mode .package-price,body.dark-mode .custom-credits-input{color:var(--color-text-primary)}body.dark-mode .checkout-description,body.dark-mode .tier-subtitle,body.dark-mode .tier-features,body.dark-mode .tier-feature,body.dark-mode .topup-info p,body.dark-mode .custom-credits-label{color:var(--color-text-secondary)}body.dark-mode .checkout-title .icon,body.dark-mode .tier-header .card-icon,body.dark-mode .topup-package .card-icon,body.dark-mode .topup-info .icon,body.dark-mode .tier-interval,body.dark-mode .package-credits-label,body.dark-mode .package-rate{color:var(--color-text-light)}body.dark-mode .custom-credits-input:focus{border-color:var(--color-input-border-hover)}body.dark-mode .custom-credits-input::placeholder{color:var(--color-text-placeholder)}@media(max-width:1024px){.pricing-tiers{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media(max-width:768px){.checkout-header{flex-direction:column;align-items:flex-start}.checkout-back-button{width:100%;justify-content:center}.checkout-tabs{overflow-x:auto;gap:8px;justify-content:flex-start}.checkout-tab{white-space:nowrap;padding:10px 16px}.pricing-tiers,.topup-packages{grid-template-columns:1fr}.topup-custom-input{flex-direction:column;align-items:stretch}.custom-price{text-align:center}}