@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=Inter:wght@400;700&family=Karla:wght@400;700&family=Libre+Baskerville:wght@400;700&family=Nunito:wght@400;700&family=Outfit:wght@400;700&family=Sora:wght@400;700&family=Source+Sans+Pro:wght@400;700&family=Space+Grotesk:wght@400;700&family=Work+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap";:root{--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-border-medium: #bbbbbb;--color-sidebar-bg: #ffffff;--color-main-content-bg: #fafafa;--color-main-content-bg-active: #fcfcfc;--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-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{--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: #1a1a1a;--color-main-content-bg: #2d2d2d;--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-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:Open Sans,sans-serif;line-height:1.6;overflow-x:hidden;background-color:var(--color-bg-primary);transition:background-color .3s ease,color .3s ease}: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}}@media (max-width: 1200px){:root{--gen-sidebar-width: 340px}}@media (max-width: 1024px){:root{--gen-sidebar-width: 340px}}::-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 .8s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}.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.collapsed{width:50px}.sidebar-header{padding:10px 15px 8px;display:flex;justify-content:flex-start;align-items:center;gap:12px;min-height:40px}.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 20px 100px}.sidebar-header-title{font-family:Libre Baskerville,serif;font-size:18px;font-weight:500;color:var(--color-text-secondary);cursor:default;white-space:nowrap;margin-top:-12px;position:relative;top:2px;left:-2px}.sidebar-menu li{margin-bottom:12px}.sidebar-menu li .menu-item,.sidebar-menu li a.menu-item{display:flex;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-weight:500;font-size:13px;border:1px solid transparent;transition:all .2s ease;text-decoration:none;width:100%}.sidebar-menu li i{margin-right:10px;width:28px;font-size:18px;text-align:center;color:var(--color-text-muted)}.sidebar-menu li .icon{margin-right:10px;width:18px;height:18px;min-width:18px;text-align:center;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{border:1px solid var(--color-border-primary);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{border:1px solid var(--color-border-lighter);background-color:var(--color-bg-primary);position:absolute;bottom:15px;left:20px;right:20px;margin:0;padding:6px 10px;font-size:12px;font-weight:400;display:flex;align-items:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.sidebar-menu .account-item:hover{background-color:var(--color-main-content-bg)}.sidebar-menu .account-item .menu-item{padding:0;border:none;margin:0;width:100%;background:transparent;font-size:12px;font-weight:400;display:flex;align-items:center}.sidebar-menu .account-item .menu-item:hover{border:none;background:transparent}.sidebar-menu .account-item i{font-size:14px;margin-right:10px;width:28px;text-align:center}.sidebar-menu .account-item .icon{width:18px;height:18px;min-width:18px;margin-right:10px;text-align:center;color:var(--color-text-muted)}.sidebar-menu .account-item .account-name{color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-size:12px;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:0 0 4px;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:12px 16px;display:flex;align-items:center;gap:12px}.account-dropdown .user-initials{width:28px;height:28px;background-color:var(--color-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-family:Libre Baskerville,serif;font-weight:700;font-size:11px}.account-dropdown .user-info{flex:1;min-width:0;overflow:hidden}.account-dropdown .user-email{font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.account-dropdown .menu-divider{height:.5px;background-color:var(--color-border-lighter);margin:0 12px}.account-item .account-dropdown .menu-item{padding:8px 12px!important;margin:4px 12px!important;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-primary);border-radius:6px;border:none;background-color:transparent;width:auto!important}.account-item .account-dropdown .menu-item .icon{width:14px;height:14px;min-width:14px;color:var(--color-text-muted);flex-shrink:0}.account-item .account-dropdown .menu-item:hover{background-color:var(--color-bg-hover)!important}.account-item .account-dropdown .menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.account-item .account-dropdown .menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sidebar-menu .dark-mode-toggle{border:1px solid var(--color-border-lighter);background-color:var(--color-bg-primary);position:absolute;bottom:58px;left:20px;right:20px;margin:0;padding:6px 10px;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s ease;border-radius:8px}.sidebar-menu .dark-mode-toggle .menu-item{padding:0;border:none;margin:0;font-size:12px;font-weight:400;background:transparent;display:flex;align-items:center}.sidebar-menu .dark-mode-toggle .menu-item:hover{border:none;background:transparent}.sidebar-menu .dark-mode-toggle i{font-size:14px;margin-right:10px;width:28px;text-align:center}.sidebar-menu .dark-mode-toggle:hover{background-color:var(--color-main-content-bg)}.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 .has-submenu>.menu-item:after{content:"";margin-left:auto;width:12px;height:12px;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%207C6.90909%2011.8876%2011.776%2018.285%2012.6364%2016.7746C14.8636%2012.8649%2018.0455%209.93267%2019%207'%20stroke='black'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%207C6.90909%2011.8876%2011.776%2018.285%2012.6364%2016.7746C14.8636%2012.8649%2018.0455%209.93267%2019%207'%20stroke='black'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center / contain;background-color:currentColor;transition:transform .3s;flex-shrink:0}.sidebar-menu .has-submenu.open>.menu-item:after{transform:rotate(180deg)}.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:Montserrat,sans-serif}.sidebar-menu .submenu-item:hover{background-color:var(--color-main-content-bg)}.sidebar-menu .submenu-item.selected{border:1px solid var(--color-border-primary);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:Montserrat,sans-serif;font-size:12px;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 .menu-item-with-gap{margin-top:32px}.sidebar.collapsed .sidebar-menu .menu-item-with-gap{margin-top:20px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--color-text-primary);font-family:Montserrat,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:18px;height:18px;min-width:18px;text-align:center;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}.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:8px;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(.dark-mode-toggle):not(.account-item) .menu-item{justify-content:center;padding:8px 0;width:36px;margin:0}.sidebar.collapsed .sidebar-menu>li:not(.dark-mode-toggle):not(.account-item) .menu-item>i{margin-right:0;font-size:18px;width:auto;text-align:center}.sidebar.collapsed .sidebar-menu>li:not(.dark-mode-toggle):not(.account-item) .menu-item>.icon{margin-right:0;width:18px;height:18px}.sidebar.collapsed .sidebar-menu .account-item,.sidebar.collapsed .sidebar-menu .dark-mode-toggle{left:5px;right:5px;padding:8px 5px;justify-content:center}.sidebar.collapsed .sidebar-menu .dark-mode-toggle .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 .dark-mode-toggle .menu-item>i{margin-right:0;width:auto;text-align:center}.sidebar.collapsed .sidebar-menu .dark-mode-toggle .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}.sidebar-backdrop{display:none}@media (max-width: 768px){.sidebar-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay, rgba(0, 0, 0, .5));backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:999}.sidebar{z-index:1001}.main-content{margin:6px 6px 6px 60px!important;padding-left:8px!important;padding-right:4px!important}.main-content.active{margin:6px 6px 6px 230px!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}}.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:Montserrat,sans-serif}.sidebar-tooltip.visible{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-tooltip-content{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-lighter);border-radius:6px;box-shadow:var(--shadow-medium);padding:6px 10px;font-size:12px;font-weight:500;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.sidebar-tooltip{display:none}}.drive-view-header{margin-top:10px;margin-bottom:32px;padding:0 5px;display:flex;align-items:center;gap:24px}.drive-view-title-container{display:flex;align-items:center;gap:12px;flex-shrink:0}.drive-view-back-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.drive-view-back-btn:hover,.drive-view-back-btn:focus{background:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-secondary);outline:none}.drive-view-back-btn .icon{width:16px;height:16px}.drive-view-title-icon{width:20px;height:20px;color:var(--color-icon);flex-shrink:0}.drive-view-title{font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;color:var(--color-icon);margin:0;padding:0}.drive-view-title-sep{color:var(--color-text-lighter);font-weight:500}.search-container{margin-top:0;margin-bottom:16px;padding:0 5px;display:flex;align-items:center;gap:16px}.filter-tags{display:inline-flex;gap:8px}.filter-tag{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;height:34px;padding:0 14px;display:inline-flex;align-items:center;font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.filter-tag:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light);color:var(--color-text-secondary)}.filter-tag.active{background-color:var(--color-bg-primary);border-color:var(--color-accent-orange);color:var(--color-text-primary);font-weight:600}.filter-tag:focus{outline:none;box-shadow:none;border-color:var(--color-border-lightest)}.filter-tag.active:hover{background-color:var(--color-bg-primary);border-color:var(--color-accent-orange);font-weight:600}.filter-tag.active:focus{border-color:var(--color-accent-orange);font-weight:600}.search-input{width:100%;max-width:350px;padding:8px 12px;background-color:var(--color-input-bg);border:1px solid var(--color-border-primary);border-radius:6px;font-size:13px;color:var(--color-input-text);cursor:text;transition:all .2s ease;outline:none}.search-input:hover{background-color:var(--color-bg-primary);border-color:var(--color-border-lightest)}.search-input:focus{outline:none;border:none;background-color:var(--color-bg-primary);box-shadow:var(--shadow-focus)}.search-input::placeholder{color:var(--color-text-placeholder)}.drive-resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:5px 5px 40px}.drive-resource-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;padding:15px;transition:all .3s ease;cursor:pointer;position:relative;min-height:135px}.drive-card-menu-button{position:absolute;top:8px;right:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--color-text-lighter);cursor:pointer;transition:all .15s ease;z-index:2}.drive-card-menu-button:hover,.drive-card-menu-button:focus{background:var(--color-bg-secondary);border-color:var(--color-border-light);border-radius:8px;color:var(--color-text-muted);outline:none}.drive-card-menu-button .icon{width:16px;height:16px}.drive-card-menu{position:absolute;top:43px;right:8px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:8px;box-shadow:var(--shadow-medium);padding:4px;z-index:10;min-width:140px;max-width:180px}.drive-card-menu-item{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 8.5px;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;transition:background-color .15s ease;font-family:Montserrat,sans-serif;font-size:12px;border-radius:6px;margin:2px 1px}.drive-card-menu-item:hover{background-color:var(--color-bg-hover)}.drive-card-menu-item .icon{width:13px;height:13px;color:var(--color-text-muted)}.drive-card-menu-item.danger .icon{color:var(--color-danger, #d9534f)}.drive-resource-card:hover{box-shadow:0 1px 3px #0000000d}.drive-resource-card.drag-over{border-color:var(--color-border-lightest);box-shadow:var(--shadow-medium)}.drive-automation-icon{position:absolute;bottom:0;right:0;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;z-index:1}.drive-automation-icon .icon{width:32px;height:32px;margin:12px}.drive-resource-icon{position:absolute;top:0;right:0;width:60%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:auto;overflow:hidden;border-radius:0 8px 8px 0}.drive-resource-icon.clickable{cursor:pointer}.drive-resource-icon .icon{width:32px;height:32px;margin:12px}.drive-resource-title{font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:var(--color-text-muted);line-height:1.4;margin:0;text-align:left;position:relative;z-index:1;padding-right:48px}.drive-resource-date{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-light);position:absolute;bottom:12px;left:15px;z-index:1}.drive-resource-badges{position:absolute;bottom:12px;right:15px;display:flex;align-items:center;height:42px;z-index:2}.drive-resource-badge{position:absolute;width:42px;height:42px;border-radius:50%;background:var(--color-bg-primary);border:1px solid var(--color-border-light);box-shadow:0 1px 2px #00000008;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.drive-resource-badge.clickable{cursor:pointer}.drive-resource-badge .icon{width:20px;height:20px}.drive-resource-badge:hover{box-shadow:0 1px 3px #0000000f}.drive-resource-badge-more{background:var(--color-bg-secondary);border-color:var(--color-border-light);font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;color:var(--color-text-muted)}.drive-resource-badge.has-tooltip{position:absolute}.drive-resource-badge.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);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:6px 10px;font-size:12px;font-family:Montserrat,sans-serif;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none;z-index:1000}.drive-resource-badge.has-tooltip:hover:after{opacity:1;visibility:visible}body.dark-mode .drive-resource-badge.has-tooltip:after{background:var(--color-input-bg)!important;color:var(--color-input-text)!important;border-color:var(--color-input-border)!important}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:5px 5px 40px}.skeleton-card{background:var(--color-skeleton);border:1px solid var(--color-bg-tertiary);border-radius:8px;padding:15px;position:relative;min-height:135px;overflow:hidden}.add-new-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;padding:15px;transition:all .3s ease;cursor:pointer;position:relative;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}body.dark-mode .add-new-card{border-color:var(--color-border-node)}.add-new-card:hover{box-shadow:0 1px 3px #0000000d;background:var(--color-bg-primary)}.add-new-card .add-new-icon{font-size:32px;width:32px;height:32px;color:var(--color-icon);margin-bottom:8px}.add-new-card .add-new-title{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:var(--color-text-muted);margin:0}.add-new-card .add-new-subtitle{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-light);margin:4px 0 0}.empty-state-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}.empty-state-modal.show{opacity:1;visibility:visible}.empty-state-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));max-width:700px;width:90%;height:500px;max-height:85vh;display:flex;overflow:hidden;position:relative;animation:none;transition:none}.empty-state-image{flex:0 0 40%;background:#e8e8e8;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;position:relative}.empty-state-image i{display:none}.empty-state-content{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.empty-state-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 16px;line-height:1.3}.empty-state-description{font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;color:var(--color-text-muted);line-height:1.5;margin:0 0 32px}.empty-state-button{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:8px;padding:12px 24px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.empty-state-button:hover{background:var(--color-bg-primary);box-shadow:0 2px 8px #0000001a}.empty-state-button:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.drive-resource-grid,.skeleton-grid{grid-template-columns:1fr;gap:15px;padding:0 16px 40px}.search-input{max-width:100%}.empty-state-card{flex-direction:column;max-width:95%;height:600px;max-height:90vh}.empty-state-image{flex:0 0 180px;width:100%;background-size:80%}.empty-state-image i{display:none}.empty-state-content{padding:40px 24px}.empty-state-title{font-size:22px;margin-bottom:16px}.empty-state-description{font-size:16px;margin-bottom:32px}.empty-state-button{width:100%;justify-content:center}}.icon-picker{border:1px solid var(--color-border-light);border-radius:8px;background:var(--color-bg-primary);padding:16px}.icon-picker-search{width:100%;font-family:Montserrat,sans-serif;font-size:12px;padding:8px 12px;border:1px solid var(--color-border-lighter);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-muted);transition:all .2s ease;margin-bottom:12px}.icon-picker-search:focus{-webkit-box-shadow:var(--shadow-focus);box-shadow:var(--shadow-focus);border:none;outline:none}.icon-picker-search::placeholder{color:var(--color-text-lighter);font-size:12px}.icon-picker-grid{display:grid;grid-template-columns:repeat(8,33px);gap:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent}.icon-picker-grid::-webkit-scrollbar{width:6px}.icon-picker-grid::-webkit-scrollbar-track{background:transparent}.icon-picker-grid::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.icon-picker-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);cursor:pointer;transition:background-color .2s ease}.icon-picker-item i{font-size:14px;display:block!important;transition:color .2s ease}.icon-picker-item:hover{background:var(--color-bg-hover)}.icon-picker-item.selected{background:var(--color-bg-secondary);border-color:var(--color-accent-orange);border-width:2px}.icon-picker-no-results{grid-column:1 / -1;text-align:center;padding:16px;font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-lighter)}.drive-sections{display:flex;flex-direction:column;gap:32px}.drive-section{display:flex;flex-direction:column;gap:10px}.drive-section-heading{font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:var(--color-text-lighter);margin:0;padding:0 12px}.drive-section-header{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:wrap}.drive-section-header .search-input{max-width:350px;margin-right:0}.projects-search-input{margin-top:5px;margin-bottom:10px}.preset-description{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-lighter);line-height:1.4;margin-top:4px;text-align:left;padding-right:48px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.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:460px;padding:20px 20px 16px;transform:translateY(-100px)}.confirm-modal-title{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:var(--color-text-secondary);margin:0 0 16px;line-height:1.3}.confirm-modal-description{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:var(--color-text-muted);line-height:1.5;margin:0 0 16px}.confirm-modal-actions{display:flex;gap:10px;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:8px;padding:10px 18px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center}.confirm-modal-button:hover{background:var(--color-bg-primary);box-shadow:0 2px 8px #0000001a}.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);box-shadow:0 2px 8px #0000001a}.confirm-modal-button.primary:disabled{opacity:.5;box-shadow:none}.rename-modal-input{width:100%;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:14px;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:8px;margin-bottom:16px;box-sizing:border-box;transition:all .2s ease}.rename-modal-error{font-family:Montserrat,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:Montserrat,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:Montserrat,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}}.command-palette{position:fixed;z-index:9999;min-width:280px;max-width:400px;max-height:240px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:0 4px 16px #0000001f;overflow:hidden}.command-palette-list{overflow-y:auto;max-height:240px;padding:4px}.command-palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;text-align:left;cursor:pointer;transition:background .1s ease}.command-palette-item:hover,.command-palette-item.selected{background:var(--color-bg-hover)}.command-palette-name{font-family:Monaco,Menlo,monospace;font-size:12px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px;flex-shrink:0}.command-palette-preview{font-family:Open Sans,sans-serif;font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette-empty{padding:12px 10px;font-family:Open Sans,sans-serif;font-size:12px;color:var(--color-text-muted);text-align:center}.command-palette-add{border:1px solid var(--color-border-light);border-radius:6px;margin-top:4px}.command-palette-add-icon{width:14px;height:14px;color:var(--color-text-muted)}.command-palette-add span{font-family:Open Sans,sans-serif;font-size:12px;color:var(--color-text-muted)}.command-palette-item.command-palette-add:hover .command-palette-add-icon,.command-palette-item.command-palette-add.selected .command-palette-add-icon,.command-palette-item.command-palette-add:hover span,.command-palette-item.command-palette-add.selected span{color:var(--color-text-primary)}.canvas-container{position:relative;width:100%;height:calc(100vh - 32px);overflow:auto;background-color:var(--color-main-content-bg);cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:0 0,0 0,0 0,0 0;background-attachment:local}.canvas-container::-webkit-scrollbar{display:none}.canvas-container:active,.canvas-container.dragging{cursor:grabbing}.canvas-container.drag-over{background-color:#3b82f60d}.canvas{position:relative;width:3000px;height:2000px;background-color:transparent}.canvas-container:before{content:"";position:absolute;top:0;left:0;width:3000px;height:calc(100vh - 32px);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);z-index:1}.canvas-content{position:relative;min-width:3000px;min-height:2000px;z-index:1}.canvas-toolbar{position:fixed;top:16px;left:67px;z-index:5;display:inline-flex;gap:6px;align-items:center;padding:5px 9px;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:8px;box-shadow:var(--shadow-light);font-family:Open Sans,sans-serif}.canvas-toolbar.bottom-left{top:auto;bottom:18px;left:67px}.main-content.active .canvas-toolbar.bottom-left{left:237px}.canvas-toolbar.bottom-right{inset:auto 12px 18px auto;z-index:500}body.dark-mode .canvas-toolbar,body.dark-mode .canvas-toolbar.bottom-left,body.dark-mode .canvas-toolbar.bottom-right{background:var(--color-bg-primary)!important;border-color:var(--color-border-node)!important}.main-content.active .canvas-toolbar.bottom-right{left:auto;right:12px}body.canvas-gen-open .canvas-toolbar.bottom-right{right:calc(12px + var(--gen-sidebar-width))}.canvas-toolbar.bottom-right .canvas-toolbar-button.has-tooltip:after{top:-32px;bottom:auto}.main-content.active .canvas-toolbar{left:237px}.canvas-title-label{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.canvas-toolbar-input{font-family:Open Sans,sans-serif;font-size:13px;padding:6px 11px;border:1px solid var(--color-input-border);border-radius:6px;background:var(--color-input-bg);color:var(--color-input-text);min-width:240px;line-height:1.4;height:34px}.canvas-toolbar-icon .icon{width:22px;height:22px}.canvas-toolbar-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:default}.canvas-toolbar-button{display:inline-flex;align-items:center;gap:6px;background:var(--gradient-upload);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:6px;padding:6px 11px;font-family:Open Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;height:34px}.canvas-toolbar-button .icon{width:17px;height:17px;color:var(--color-icon)}.canvas-toolbar-button .icon [fill]:not([fill=none]){fill:currentColor!important}.canvas-toolbar-button:hover{background:var(--gradient-upload-active);border-color:var(--color-input-border-hover)}.canvas-toolbar-button.generate:disabled{cursor:default;background:var(--gradient-upload);border-color:var(--color-input-border)}.canvas-toolbar-button.generate:disabled:hover{background:var(--gradient-upload);border-color:var(--color-input-border)}.canvas-toolbar-button.icon-only{background:var(--color-button-bg);border-color:var(--color-input-border);width:34px;padding:6px;justify-content:center}.canvas-toolbar-button.icon-only .icon{color:var(--color-icon)}.canvas-toolbar-button.icon-only:hover{background:var(--color-button-bg-hover);border-color:var(--color-input-border-hover)}.canvas-toolbar-button.icon-only:disabled{background:var(--color-button-bg);color:var(--color-text-placeholder);border-color:var(--color-input-border);cursor:default}.canvas-toolbar-button.icon-only:disabled .icon{color:var(--color-text-placeholder);opacity:.7}.canvas-toolbar-button.has-tooltip{position:relative}.canvas-toolbar-button.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:-32px;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;box-shadow:var(--shadow-light);pointer-events:none}.canvas-toolbar-button.has-tooltip:hover:after{opacity:1;visibility:visible}body.dark-mode #slideCounter{color:var(--color-input-text)!important}body.dark-mode .canvas-toolbar-button.has-tooltip:after{background:var(--color-input-bg)!important;color:var(--color-input-text)!important;border-color:var(--color-input-border)!important}.canvas-toolbar.bottom-left .canvas-toolbar-button.has-tooltip:after{top:-32px;bottom:auto}.canvas-toolbar-input::placeholder{color:var(--color-text-placeholder)}.canvas-toolbar-input:hover{background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.canvas-toolbar-input:focus{outline:none;border:none;-webkit-box-shadow:var(--shadow-focus);box-shadow:var(--shadow-focus);background:var(--color-input-bg-hover)}.context-upload-node{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-wrap:wrap;gap:0;padding:12px 16px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:10px;z-index:10;width:1000px;max-width:calc(100% - 40px);min-height:40px}.canvas-upload-panel{padding:1px;border-radius:8px;background:var(--gradient-upload);cursor:pointer;transition:all .2s ease;position:relative;flex:1;min-height:32px}.canvas-upload-panel .canvas-upload-content,.canvas-upload-panel .canvas-upload-content-files{background:var(--color-bg-primary);border-radius:7px;padding:8px 12px;margin:0}.canvas-upload-panel:hover .canvas-upload-content,.canvas-upload-panel:hover .canvas-upload-content-files{background:var(--color-bg-hover)}.canvas-upload-panel.drag-over{background:var(--gradient-upload-drag)}.canvas-upload-panel.drag-over .canvas-upload-content,.canvas-upload-panel.drag-over .canvas-upload-content-files{background:var(--color-message-user-bg)}.canvas-upload-content{display:flex;align-items:center;justify-content:center;gap:8px}.canvas-upload-content .icon{width:16px;height:16px;color:var(--color-accent-pdf)}.canvas-upload-text{font-size:12px;color:var(--color-text-muted);font-weight:500}.canvas-upload-content-files{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap}.canvas-file-pill{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 14px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:50px;font-size:.75rem;font-weight:500;line-height:1.2;color:var(--color-text-muted);white-space:nowrap;max-width:200px;min-height:24px}.canvas-file-pill .icon{width:16px;height:16px;color:var(--color-accent-pdf);flex-shrink:0}.canvas-file-pill .icon.icon-ni-file-presentation{color:var(--color-accent-pptx)}.canvas-file-pill.queued-for-deletion{background:var(--color-accent-delete-hover);border-color:var(--color-accent-pdf);opacity:.7}.canvas-file-pill.queued-for-deletion .canvas-file-name{text-decoration:line-through;opacity:.8}.canvas-file-name{white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.canvas-file-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin-left:4px;background:none;border:none;border-radius:50%;color:var(--color-text-placeholder);cursor:pointer;transition:all .15s ease;flex-shrink:0}.canvas-file-remove:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.canvas-file-remove .icon{font-size:11px;color:inherit}.canvas-file-remove.downloading{opacity:.6;pointer-events:none}.canvas-file-remove.downloading:hover{background-color:transparent;color:var(--color-text-placeholder)}.canvas-file-remove.downloading .icon{font-size:10px;color:var(--color-text-placeholder);opacity:.7}.canvas-add-more-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:50px;font-size:.75rem;font-weight:500;line-height:1.2;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:24px}.canvas-add-more-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-scrollbar)}.canvas-add-more-btn i{font-size:12px}.hidden-file-input{display:none}@media (max-width: 768px){.context-upload-node{min-width:auto;flex-wrap:wrap;gap:0;padding:10px 16px}}.connection-port{position:absolute;width:12px;height:12px;background-color:var(--color-border-primary);border:2px solid var(--color-bg-primary);border-radius:50%;z-index:15;pointer-events:none}.connection-port.port-bottom{bottom:-6px;left:50%;transform:translate(-50%)}.connection-port.port-top{top:-6px;left:50%;transform:translate(-50%)}.connection-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.connection-line svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.connection-line .connection-path{fill:none;stroke:var(--color-connection-line);stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.connection-line .flow-particle{fill:#fff;opacity:.85}body.dark-mode .connection-line .flow-particle{fill:#fff;opacity:.75}.node-with-connections{position:relative}@media (max-width: 768px){.connection-port{width:6px;height:6px}.connection-port.port-bottom{bottom:-5px}.connection-port.port-top{top:-5px}.connection-line path{stroke-width:1.5}}.zoom-slider-container{position:fixed;bottom:18px;right:12px;width:34px;height:120px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:499}.zoom-slider{appearance:none;-webkit-appearance:none;width:100px;height:4px;background:var(--color-input-border);border-radius:2px;outline:none;transform:rotate(-90deg);transform-origin:center center}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-input-border);cursor:pointer}.zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-input-border);cursor:pointer}body.dark-mode .zoom-slider::-webkit-slider-thumb{background:silver}body.dark-mode .zoom-slider::-moz-range-thumb{background:silver}.canvas-content.zoomed{transform-origin:top left}.option-panel{position:fixed;bottom:18px;left:50%;transform:translate(-50%);margin-left:-10px;display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:10px;z-index:100;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}body.canvas-gen-open .option-panel{left:calc(var(--canvas-main-center, 50%) - 20px)}.main-content .option-panel{left:calc(50% + 5px);max-width:calc(100vw - 120px)}.main-content.active .option-panel{left:calc(50% + 135px);max-width:calc(100vw - 300px)}body.canvas-gen-open .main-content .option-panel{max-width:calc(100vw - 120px - var(--gen-sidebar-width) - 40px);left:calc(50% + 5px - (var(--gen-sidebar-width) / 2))}body.canvas-gen-open .main-content.active .option-panel{max-width:calc(100vw - 300px - var(--gen-sidebar-width) - 40px);left:calc(50% + 135px - (var(--gen-sidebar-width) / 2))}@media (max-width: 1200px){body.canvas-gen-open .main-content .option-panel{max-width:calc(100vw - 120px - var(--gen-sidebar-width) - 40px);left:calc(50% + 5px - (var(--gen-sidebar-width) / 2))}body.canvas-gen-open .main-content.active .option-panel{max-width:calc(100vw - 300px - var(--gen-sidebar-width) - 40px);left:calc(50% + 135px - (var(--gen-sidebar-width) / 2))}}@media (max-width: 1024px){body.canvas-gen-open .main-content .option-panel{max-width:calc(100vw - 120px - var(--gen-sidebar-width) - 40px);left:calc(50% + 5px - (var(--gen-sidebar-width) / 2))}body.canvas-gen-open .main-content.active .option-panel{max-width:calc(100vw - 300px - var(--gen-sidebar-width) - 40px);left:calc(50% + 135px - (var(--gen-sidebar-width) / 2))}}@media (max-width: 968px){body.canvas-gen-open .main-content .option-panel{max-width:calc(100vw - 120px - var(--gen-sidebar-width) - 40px);left:calc(50% + 5px - (var(--gen-sidebar-width) / 2))}body.canvas-gen-open .main-content.active .option-panel{max-width:calc(100vw - 300px - var(--gen-sidebar-width) - 40px);left:calc(50% + 135px - (var(--gen-sidebar-width) / 2))}}.option-panel::-webkit-scrollbar{display:none}.option-panel-content{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.option-panel-content::-webkit-scrollbar{display:none}.option-panel-arrow{display:none;flex-shrink:0;width:24px;height:24px;background-color:var(--color-input-bg-hover);border:1px solid var(--color-input-border-hover);border-radius:50%;cursor:pointer;align-items:center;justify-content:center;color:var(--color-label-text);font-size:12px;transition:all .2s ease;z-index:101}.option-panel-arrow:hover{background-color:var(--color-input-border);color:var(--color-input-text)}.option-panel-arrow.visible{display:flex}.option-panel-arrow.left{margin-right:4px}.option-panel-arrow.right{margin-left:4px}.option-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:6px;font-size:11px;color:var(--color-input-text);cursor:move;transition:all .2s ease;white-space:nowrap;text-align:left;line-height:1.2;overflow:visible;-webkit-user-select:none;user-select:none;-webkit-user-drag:element}.option-button:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover)}.option-button:active{background-color:var(--color-input-border)}.option-button:focus{outline:none;border:1px solid var(--color-input-border-hover)}.option-button .icon{width:16px;height:16px;flex-shrink:0;display:inline-block;pointer-events:none}.option-button span{font-weight:500;line-height:1.2;word-wrap:break-word;pointer-events:none}@media (max-width: 768px){.option-panel{padding:6px 12px;gap:6px;bottom:10px}.option-button{padding:4px 8px;font-size:10px}.option-button i{font-size:12px}}.resource-node{position:absolute;width:200px;min-height:230px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:8px;z-index:10;padding:12px 12px 8px;cursor:move;transition:all .2s ease}.shared-prompt-node{position:absolute;top:90px;left:50%;transform:translate(-50%);width:400px;min-height:230px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:8px;z-index:10;padding:12px 12px 8px;cursor:default}.resource-node.dragging{z-index:50;cursor:grabbing}.resource-node-menu-container{position:absolute;top:8px;right:8px;z-index:20}.resource-node-menu{width:20px;height:20px;background-color:var(--color-button-bg);border:1px solid var(--color-border-node);border-radius:4px;color:var(--color-label-text);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.resource-node:hover .resource-node-menu-container .resource-node-menu{opacity:1}.resource-node-menu:hover{background-color:var(--color-input-border);color:var(--color-input-text)}.resource-node-menu:active{background-color:var(--color-input-border-hover)}.resource-node-menu-dropdown{position:absolute;top:calc(100% + 5px);right:0;background-color:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:6px;min-width:140px;z-index:100;opacity:0;visibility:hidden;transform:translateY(1px);transition:all .2s ease}.resource-node-menu-dropdown.visible{opacity:1;visibility:visible;transform:translateY(0)}.resource-node-menu-item{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:12px;color:var(--color-input-text);cursor:pointer;transition:background-color .15s ease}.resource-node-menu-item:hover{background-color:var(--color-input-bg-hover)}.resource-node-menu-item:first-child{border-radius:6px 6px 0 0}.resource-node-menu-item:last-child{border-radius:0 0 6px 6px}.resource-node-menu-item.delete{color:var(--color-accent-pdf)}.resource-node-menu-item.delete:hover{background-color:var(--color-accent-delete-hover)}.resource-node-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;margin-left:31px}.resource-node-icon{position:absolute;top:8px;left:8px;width:25px;height:25px;background-color:var(--color-input-bg-hover);border:1px solid var(--color-border-node);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--color-label-text);font-size:12px;overflow:visible}.resource-node-icon .icon{display:inline-block;width:16px;height:16px}.resource-node-title{flex:1;font-size:12px;font-weight:500;color:var(--color-input-text);padding:2px 0;margin-right:32px;line-height:1.3;margin-top:0;word-wrap:break-word}.resource-node-settings{margin-top:4px;padding-top:4px}.resource-node-setting{margin-bottom:12px}.resource-node-setting:last-child{margin-bottom:0}.resource-node-setting-label{display:block;font-size:11px;font-weight:500;color:var(--color-text-placeholder);margin-bottom:6px;margin-left:4px}.resource-node-setting-textarea{width:100%;padding:6px 10px;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:6px;font-size:12px;color:var(--color-input-text);resize:none;height:155px;font-family:inherit;line-height:1.4;transition:all .2s ease;overflow-y:auto}.resource-node-setting-textarea:hover{background-color:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.resource-node-setting-textarea:focus{outline:none;background-color:var(--color-input-bg-hover);border-color:#6ca6f7;box-shadow:0 0 0 1px #6ca6f74d}.resource-node-setting-textarea::placeholder{color:var(--color-text-placeholder)}.resource-node-setting-number{width:100%;padding:4px 8px;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:6px;font-size:12px;color:var(--color-input-text);font-family:inherit;transition:all .2s ease}.resource-node-setting-number:hover{background-color:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.resource-node-setting-number:focus{outline:none;background-color:var(--color-input-bg-hover);border-color:#6ca6f7;box-shadow:0 0 0 1px #6ca6f74d}.resource-node-setting-select{width:100%;padding:4px 8px;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:6px;font-size:12px;color:var(--color-input-text);font-family:inherit;cursor:pointer;transition:all .2s ease}.resource-node-setting-select:hover{background-color:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.resource-node-setting-select:focus{outline:none;background-color:var(--color-input-bg-hover);border-color:#6ca6f7;box-shadow:0 0 0 1px #6ca6f74d}.resource-node-dynamic-settings{margin-top:8px}.option-button.dragging{opacity:.5;cursor:grabbing}.resource-node-icon i{color:var(--color-label-text);background:none;-webkit-text-fill-color:currentColor}.generate-all-button{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--gradient-upload);border:1px solid var(--color-input-border);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-input-text);cursor:pointer;transition:all .2s ease;white-space:nowrap;z-index:1000}.generate-all-button:hover{background:var(--gradient-upload-active);border-color:var(--color-input-border-hover)}.generate-all-button:active{background:var(--gradient-upload-active);transform:translateY(1px)}.generate-all-button:focus{outline:none;border:none;box-shadow:var(--shadow-focus-large)}.generate-all-button .icon{width:17px;height:17px;opacity:.8}.generate-all-button:disabled{background:var(--gradient-selected);color:var(--color-text-placeholder);border-color:var(--color-input-border)}.generate-all-button:disabled:hover{background:var(--gradient-selected);transform:none}.save-automation-button{position:fixed;top:20px;right:145px;display:flex;align-items:center;justify-content:center;padding:6px;background:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-input-text);cursor:pointer;transition:all .2s ease;z-index:1000}.save-automation-button:hover{background:var(--color-button-bg-hover);border-color:var(--color-input-border-hover)}.save-automation-button:active{background:var(--color-bg-active);transform:translateY(1px)}.save-automation-button:focus{outline:none;border:none;box-shadow:var(--shadow-focus-large)}.save-automation-button i{font-size:16px;opacity:.8}.save-automation-button:disabled{background:var(--color-bg-tertiary);color:var(--color-text-placeholder);border-color:var(--color-input-border);cursor:default}.save-automation-button:disabled:hover{background:var(--color-bg-tertiary);transform:none}.canvas-gen-sidebar{position:fixed;top:15px;right:0;width:var(--gen-sidebar-width);height:calc(100vh - 15px);background-color:transparent;border:none;z-index:1000;display:flex;flex-direction:column;overflow:hidden}body.canvas-gen-open .main-content{margin-right:var(--gen-sidebar-width)}@media (max-width: 1200px){body.canvas-gen-open .main-content{margin-right:var(--gen-sidebar-width)}}@media (max-width: 1024px){body.canvas-gen-open .main-content{margin-right:var(--gen-sidebar-width)}}@media (max-width: 968px){body.canvas-gen-open .main-content{margin-right:var(--gen-sidebar-width)}}@media (max-width: 768px){body.canvas-gen-open .main-content{margin-right:0}}.canvas-generation-header{padding:12px 16px;flex-shrink:0}.canvas-generation-title{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.canvas-generation-content{flex:1;overflow-y:auto;padding:6px 15px 16px 20px;margin-top:-5px;display:flex;flex-direction:column;gap:8px}.canvas-gen-sidebar .resource-view-button{max-width:100%;width:100%;justify-content:center;background-color:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-input-text)}.canvas-gen-sidebar .resource-view-button:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover)}body.dark-mode .canvas-gen-sidebar .resource-view-button{background-color:var(--color-input-bg);border-color:var(--color-input-border);color:var(--color-input-text)}body.dark-mode .canvas-gen-sidebar .resource-view-button:hover{background-color:var(--color-input-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-input-text)}body.canvas-gen-open .option-panel{left:50%;transform:translate(-50%)}body.canvas-gen-open .zoom-slider-container{right:calc(12px + var(--gen-sidebar-width))}@media (max-width: 1200px){body.canvas-gen-open .zoom-slider-container{right:calc(12px + var(--gen-sidebar-width))}}@media (max-width: 1024px){body.canvas-gen-open .zoom-slider-container{right:calc(12px + var(--gen-sidebar-width))}}@media (max-width: 968px){body.canvas-gen-open .zoom-slider-container{right:calc(12px + var(--gen-sidebar-width))}}@media (max-width: 768px){body.canvas-gen-open .zoom-slider-container{right:12px}}.canvas-generation-node{margin:4px 0}.canvas-generation-node-header{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-weight:600;font-size:.85rem;margin:6px 0 12px}.canvas-generation-node-header i{font-size:.85rem;position:relative;top:2px}@media (max-width: 768px){.canvas-gen-sidebar{display:none}}.canvas-content.zoomed input,.canvas-content.zoomed textarea,.canvas-content.zoomed select{min-height:20px;line-height:1.2;-webkit-text-size-adjust:none;text-size-adjust:none;zoom:calc(1 / var(--zoom-scale, 1))}.canvas-content.zoomed .resource-node-setting-textarea,.canvas-content.zoomed .resource-node-setting-number{font-size:max(10px,calc(12px / var(--zoom-scale, 1)));min-height:max(24px,calc(24px / var(--zoom-scale, 1)));will-change:transform}.tool-event-observation{margin-top:6px;color:var(--text-secondary, #666);overflow-wrap:break-word;word-break:break-word}.chat-heading{text-align:center;margin-bottom:15px;font-size:1.1rem;color:var(--color-text-light);font-weight:400}.chat-container{position:relative;width:70%;max-width:700px;margin:20px auto;z-index:1}.upload-panel+.chat-container{margin-top:0}.chat-messages{display:flex;flex-direction:column;gap:0px;margin-bottom:20px;margin-top:5px;max-height:calc(95vh - 120px);overflow-y:auto;padding:10px calc((100% - min(70%,700px))/2);width:100%;box-sizing:border-box}.chat-messages.after-submit{max-height:calc(100vh - 250px);padding-bottom:50px}.message{max-width:80%;padding:10px 15px;border-radius:13px;font-size:.84rem;font-family:Libre Baskerville,serif;line-height:1.6;margin-bottom:-5px}.message:not(.message-user){padding:10px 0;border-radius:0}.message-user{align-self:flex-end;background-color:transparent;border:none;padding:0;display:flex;flex-direction:column;align-items:flex-end;margin-bottom:0}.message .message-options{opacity:0;transition:opacity .2s ease}.message:hover .message-options{opacity:1}.user-initials{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:50%;background-color:var(--color-text-light);color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;text-transform:uppercase;padding-top:2px}.message-user>div:last-child{margin-top:4px}.message-system{align-self:flex-start;background-color:transparent;border:none;color:var(--color-message-system-text);padding:10px 0}.message-thinking{align-self:flex-start;background-color:transparent;border:none;color:var(--color-message-system-text);position:relative;overflow:hidden;padding:10px 0}.thinking-content{display:flex;align-items:center;gap:8px;opacity:.7}.thinking-dots{display:flex;gap:4px}.thinking-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-text-secondary);animation:thinking-pulse 1.4s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.message-planning{align-self:flex-start;background-color:transparent;border:none;color:var(--color-text-secondary);font-style:italic;opacity:.8;font-size:.85rem;padding:10px 0}.typing-cursor{display:inline-block;width:2px;height:1em;background-color:var(--color-text-secondary);margin-left:2px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-final{align-self:flex-start;background-color:transparent;border:none;color:var(--color-text-primary);padding:10px 0;display:flex;flex-direction:column;align-items:stretch;width:100%}.message-final .message-content ol,.message-assistant .message-content ol,.message-system .message-content ol,.message-final .message-content ul,.message-assistant .message-content ul,.message-system .message-content ul{list-style-position:inside;padding-left:0;margin:.5em 0}.message-final .message-content ol,.message-system .message-content ol,.message-assistant .message-content ol{list-style-type:decimal}.message-final .message-content ul,.message-system .message-content ul,.message-assistant .message-content ul{list-style-type:disc}.message-final .message-content li,.message-system .message-content li,.message-assistant .message-content li{margin:.25em 0}.message-final .message-content table{border-collapse:collapse;width:100%;margin:.5em 0}.message-final .message-content th,.message-final .message-content td{border:1px solid var(--color-border-lighter);padding:6px 8px;text-align:left}.message-error .message-content{color:var(--color-text-secondary);opacity:.9}.message-final .message-content,.message-system .message-content,.message-assistant .message-content{white-space:normal;overflow-wrap:break-word;word-break:break-word}.message-final .message-content hr,.message-system .message-content hr,.message-assistant .message-content hr{border:0;border-top:1px solid var(--color-border-light);opacity:.7;margin:1.2em 0}body.dark-mode .message-final .message-content hr,body.dark-mode .message-system .message-content hr,body.dark-mode .message-assistant .message-content hr{border-top-color:var(--color-border-medium);opacity:.85}.message-error.message-final{display:inline-block;width:auto;padding:0}.message-error-box{display:inline-flex;align-items:center;gap:12px;background-color:var(--color-chat-error-bg);color:var(--color-chat-error-text);border:1px solid var(--color-chat-error-border);border-radius:10px;padding:8px 10px 8px 12px;font-size:inherit;line-height:inherit;overflow-wrap:break-word;word-break:break-word}.message-error-retry-btn{background-color:var(--color-bg-primary);border:none;color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;cursor:pointer;font:inherit;line-height:inherit;margin-left:12px}.message-error-retry-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.message-error-retry-btn i{font-size:.85rem;color:var(--color-text-light)}.message-error-box span,.message-error-retry-btn span{font:inherit}body.dark-mode .message-final{background-color:transparent;border:none;color:var(--color-message-system-text)}.message-assistant{align-self:flex-start;background-color:transparent;border:none;color:var(--color-text-primary);padding:10px 0;display:flex;flex-direction:column;align-items:stretch;width:100%}body.dark-mode .message-assistant{background-color:transparent;border:none;color:var(--color-message-system-text)}.message-fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message strong{font-weight:600;color:var(--color-text-primary)}.message em{font-style:italic;color:var(--color-text-secondary)}.bullet-point,.numbered-point{margin:4px 0;padding-left:8px;line-height:1.4}.chat-header{font-weight:600;color:var(--color-text-primary);margin:8px 0 4px;font-size:.9rem}.chat-submit-btn{background-color:var(--color-main-content-bg);border:1px solid var(--color-border-light);border-radius:6px;width:32px;height:32px;font-size:.9rem;color:var(--color-message-system-text);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-submit-btn .icon{width:18px;height:18px}.chat-submit-btn.generate-all{width:auto;min-width:auto;height:auto;padding:7px 10px;gap:6px;font-size:.75rem;font-weight:500;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);color:var(--color-text-secondary);border-radius:8px}.chat-submit-btn.generate-all .icon{width:12px;height:12px}.chat-submit-btn.generate-all:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-lighter)}.chat-submit-btn.generate-all:disabled{background:var(--color-bg-primary);color:var(--color-text-placeholder);border-color:var(--color-border-lighter);cursor:default;opacity:.6}.chat-submit-btn.generate-all:disabled .icon{color:var(--color-text-placeholder)}.chat-submit-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium)}.chat-submit-btn:disabled{opacity:.5}.chat-container.canvas-mode{position:absolute;left:20px;width:25%;max-width:300px;transform:none}.chat-messages.canvas-mode{width:25%;max-width:300px;margin-left:20px;margin-right:auto;padding:10px}.canvas-gen-sidebar .chat-container{width:100%;max-width:none;margin:0}.app-container.chat-view .canvas-gen-sidebar{top:0;height:100vh}.canvas-gen-sidebar .chat-messages{width:100%;max-width:none;padding:6px 15px 16px 20px;margin:0;box-sizing:border-box}.canvas-gen-sidebar .message,.canvas-gen-sidebar .tool-event-card{max-width:100%}.canvas-gen-sidebar .agent-iteration .message .message-content,.canvas-gen-sidebar .message-system .message-content,.canvas-gen-sidebar .message-assistant .message-content{margin-left:6px;margin-right:6px}.canvas-gen-sidebar .message,.canvas-gen-sidebar .message-final,.canvas-gen-sidebar .message-system,.canvas-gen-sidebar .message-assistant,.canvas-gen-sidebar .message-user-content,.canvas-gen-sidebar .message-final .message-content{font-size:.84rem}.app-container.chat-view .canvas-gen-sidebar .canvas-generation-content{padding:4px 8px 12px 10px;display:flex;flex-direction:column;margin-top:0}.app-container.chat-view .canvas-gen-sidebar .chat-messages{padding:0 8px 0 10px;width:100%;max-height:none;flex:1;min-height:0}.app-container.chat-view .canvas-gen-sidebar .chat-messages.after-submit{max-height:none;padding-bottom:0}.app-container.chat-view .canvas-gen-sidebar .chat-input-group{padding:0 8px 12px 10px;width:100%;margin-left:0;margin-top:8px}.app-container.chat-view .canvas-gen-sidebar .upload-panel{width:100%;margin:0}.app-container.chat-view .canvas-gen-sidebar .upload-panel.upload-panel-dropdown{width:calc(100% - 20px);margin:0 auto -10px}.canvas-gen-sidebar .upload-panel{width:100%;max-width:none;margin:18px 0 8px}.canvas-gen-sidebar .upload-panel.upload-panel-dropdown{width:calc(100% - 20px);max-width:none;margin:0 auto -15px}.canvas-gen-sidebar .chat-input-group{width:100%;padding:0;margin-top:0;box-sizing:border-box}.canvas-gen-sidebar .chat-input-group.after-submit{position:static;bottom:auto;left:auto;transform:none}.chat-container.canvas-mode,.chat-messages.canvas-mode{background-color:transparent;z-index:1}.resource-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px auto;justify-content:center;width:70%;max-width:700px;transition:opacity .3s ease}.resource-tags.hidden{display:none}.resource-tag{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:50px;font-size:.7rem;cursor:pointer;font-weight:500;transition:all .2s ease;background-color:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.resource-tag:hover{background-color:var(--color-bg-hover);border-color:var(--color-scrollbar)}.resource-tag .icon{width:15px;height:15px;color:var(--color-text-light)}.chat-input-group .selected-tag .icon{width:14px;height:14px}.resource-tag span{white-space:nowrap}.upload-panel{width:70%;max-width:700px;margin:20px auto;padding:1px;border-radius:12px;background:var(--gradient-upload);cursor:pointer;position:relative}.upload-panel.upload-panel-dropdown{width:calc(70% - 20px);max-width:680px;margin:0 auto -10px;border-radius:12px 12px 0 0;background:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-bottom:none;position:relative;z-index:0}.upload-panel.upload-panel-dropdown .upload-content,.upload-panel.upload-panel-dropdown .upload-content-files{background:transparent;padding:10px 12px 18px 10px;border-radius:12px 12px 0 0}.upload-panel.upload-panel-dropdown .upload-content .icon{color:var(--color-text-light);font-size:16px}.upload-panel.upload-panel-dropdown .upload-text{color:var(--color-text-light);font-size:.8rem}.upload-panel.upload-panel-dropdown.drag-over{background:var(--color-message-user-bg);border-color:var(--icon-color-blue)}.upload-panel.upload-panel-dropdown.drag-over .upload-content,.upload-panel.upload-panel-dropdown.drag-over .upload-content-files{background:transparent}.upload-panel.canvas-mode{display:none}.upload-panel .upload-content,.upload-panel .upload-content-files{background:var(--color-bg-primary);border-radius:12px;padding:18px;margin:0}.upload-panel:hover .upload-content,.upload-panel:hover .upload-content-files{background:var(--color-bg-hover)}.upload-panel.drag-over{background:var(--gradient-upload-drag)}.upload-panel.drag-over .upload-content,.upload-panel.drag-over .upload-content-files{background:var(--color-message-user-bg)}.upload-panel.hidden{display:none}.upload-content{display:flex;align-items:center;justify-content:center;gap:12px}.upload-content .icon{font-size:18px;color:var(--icon-color-blue)}.upload-text{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.upload-file-input{display:none}.upload-content-files{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.file-pill{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 14px;border-radius:8px;font-size:.75rem;font-weight:500;background-color:var(--color-bg-primary);color:var(--color-text-muted);border:1px solid var(--color-border-lighter)}.file-pill .icon{font-size:14px;color:var(--color-accent-pdf)}.file-pill .icon.icon-ni-file-presentation{color:var(--color-accent-pptx)}.file-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.file-error-text{font-size:11px;color:var(--icon-color-red);white-space:nowrap}.file-remove-btn{background:none;border:none;color:var(--color-border-primary);cursor:pointer;padding:2px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease}.file-remove-btn .icon{color:var(--color-border-primary)!important}.file-remove-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-muted)}.file-remove-btn:hover .icon{color:var(--color-text-muted)!important}.add-more-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-size:.75rem;cursor:pointer;font-weight:500;transition:all .2s ease;background-color:var(--color-bg-primary);color:var(--color-text-muted);border:1px solid var(--color-border-primary)}.add-more-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-scrollbar)}.processing-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:8px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:6px;font-size:.8rem;color:var(--color-text-muted)}.processing-indicator i{color:var(--color-accent-pdf);font-size:14px}@media (max-width: 768px){.chat-container{width:95%}.chat-messages{width:100%;padding:10px 2.5%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.message,.tool-event-card{max-width:95%}.chat-messages.after-submit{max-height:calc(100vh - 250px);padding-bottom:150px}.resource-tags,.upload-panel{width:95%}.chat-input-group.after-submit{padding:0 12px}.chat-container.canvas-mode{width:30%;max-width:280px}.chat-messages.canvas-mode{width:30%;max-width:280px;padding:10px}}@media (max-width: 480px){.chat-container{width:98%}.chat-messages{width:100%;padding:10px 1%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.message,.tool-event-card{max-width:98%}.chat-messages.after-submit{max-height:calc(100vh - 250px);padding-bottom:150px}.resource-tags,.upload-panel{width:98%}.chat-input-group.after-submit{padding:0 10px}.chat-container.canvas-mode{width:35%}.chat-messages.canvas-mode{width:35%;padding:10px}}.chat-input-wrapper{width:100%;display:flex;flex-direction:column;padding:13px 13px 10px;border-radius:12px;border:1px solid var(--color-input-border);background-color:var(--color-bg-primary);position:relative}.chat-input-wrapper:focus-within{outline:none}body.dark-mode .chat-input-wrapper:focus-within{border-color:transparent;box-shadow:var(--shadow-focus)}.chat-textarea-inner{width:100%;min-height:70px;max-height:130px;padding:0 50px 0 0;border:none;background:transparent;color:var(--color-input-text);font-size:.84rem;font-family:Libre Baskerville,serif;line-height:20px;resize:none;outline:none;overflow-y:hidden}.chat-textarea-inner::placeholder{color:var(--color-text-placeholder)}.chat-input-wrapper.after-submit .chat-textarea-inner{min-height:50px}body.light-mode .chat-input-wrapper.after-submit{border:1px solid var(--color-border-light)}.chat-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.chat-input-wrapper.edit-mode .chat-controls{justify-content:flex-end}.selected-tags-container{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}.selected-tag{display:flex;align-items:center;gap:7px;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:500;background-color:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border-lighter);transition:all .2s ease;cursor:default;margin-top:2px}.selected-tag .icon{width:14px;height:14px}.selected-tag span{white-space:nowrap}.selected-tag-remove{background:none;border:none;padding:0;margin-left:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;width:14px;height:14px;transition:all .2s ease}.selected-tag-remove:hover{background-color:var(--color-bg-hover)}.selected-tag-remove .icon{width:10px;height:10px;color:var(--color-text-light)}.selected-tag-remove:hover i{color:var(--color-text-secondary)}body.dark-mode .selected-tag{background-color:var(--color-bg-primary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}body.dark-mode .selected-tag-remove:hover{background-color:var(--color-bg-hover)}body.dark-mode .selected-tag-remove .icon{color:var(--color-text-lighter)}body.dark-mode .selected-tag-remove:hover .icon{color:var(--color-text-primary)}.model-selector{position:relative;display:flex;align-items:center;margin-right:8px}.plan-mode-button{display:flex!important;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background-color:var(--color-bg-primary);color:var(--icon-color-orange);border:1px solid var(--icon-color-yellow);cursor:pointer;transition:all .2s ease;margin-right:8px;margin-top:2px;font-size:.7rem;font-weight:600;white-space:nowrap;height:auto;min-width:80px;z-index:10;position:relative}.plan-mode-button:hover,.plan-mode-button.active{background-color:var(--color-bg-hover);color:var(--icon-color-orange);border-color:var(--icon-color-yellow)}.plan-mode-button .icon{font-size:14px;width:14px;height:14px}.attach-button{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;background-color:transparent;color:var(--color-text-muted);border:none;cursor:pointer;transition:color .2s ease;margin-top:2px;position:relative}body.light-mode .attach-button{color:var(--color-border-primary)}.attach-button:hover{color:var(--color-text-secondary)}.attach-button .icon{font-size:16px;width:16px;height:16px}.attach-button.has-files:after{content:"";position:absolute;top:4px;left:4px;width:6px;height:6px;background-color:var(--icon-color-blue);border-radius:50%}.model-selector-button{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;font-size:.7rem;font-weight:600;background-color:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border-lighter);cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-top:2px;height:auto}.model-selector-button:hover,.model-selector-button.open{background-color:var(--color-bg-hover)}.model-selector-button .icon{font-size:10px;width:10px;height:10px;color:var(--color-text-light);transition:transform .2s ease}.model-selector-button.open .icon{transform:rotate(180deg)}.model-dropdown{position:absolute;left:0;right:0;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:1000;min-width:260px}.model-dropdown.position-above{bottom:100%;margin-bottom:8px;margin-top:0}.model-dropdown.position-below{top:100%;margin-top:8px;margin-bottom:0}.model-dropdown.show{display:block}.model-option{padding:8px 12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:8px}.model-option-content{flex:1;display:flex;flex-direction:column;gap:2px}.model-option-name{font-size:.7rem;font-weight:500;color:var(--color-text-primary)}.model-provider-icon{width:14px;height:14px;vertical-align:-.15em;margin-right:6px;flex:0 0 auto}.model-option-name .model-provider-icon{position:relative;top:1px}.model-selector-button .model-provider-icon{width:12px;height:12px;margin-right:6px}.model-option-subtext{font-size:.65rem;color:var(--color-text-light);line-height:1.3}.model-option-checkmark{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.model-option.selected .model-option-checkmark{opacity:1}.model-option-checkmark .icon{font-size:.65rem;width:11px;height:11px;color:var(--color-accent-orange)}.model-option:hover{background-color:var(--color-bg-hover)}.model-option.selected{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}body.dark-mode .model-selector-button{background-color:var(--color-bg-primary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}body.dark-mode .model-selector-button:hover,body.dark-mode .model-selector-button.open{background-color:var(--color-bg-hover)}body.dark-mode .plan-mode-button{background-color:var(--color-bg-primary);border-color:var(--icon-color-yellow);color:var(--icon-color-orange)}body.dark-mode .plan-mode-button:hover,body.dark-mode .plan-mode-button.active{background-color:var(--color-bg-hover);color:var(--icon-color-orange);border-color:var(--icon-color-yellow)}body.dark-mode .model-dropdown{background-color:var(--color-bg-secondary);border-color:var(--color-border-primary);box-shadow:var(--shadow-medium)}body.dark-mode .model-option-name{color:var(--color-text-primary)}body.dark-mode .model-option-subtext{color:var(--color-text-light)}body.dark-mode .model-option:hover,body.dark-mode .model-option.selected{background-color:var(--color-bg-tertiary)}body.dark-mode .model-option-checkmark .icon{color:var(--color-accent-orange)}.model-option.disabled{opacity:.5;cursor:default}.model-option.disabled:hover{background-color:transparent}.model-option-pro-badge{display:inline-block;margin-left:6px;margin-top:-4px;padding:1px 4px;font-size:.5rem;font-weight:700;text-transform:uppercase;background:transparent;border:1px solid rgba(139,92,246,.8);color:#000;border-radius:4px;vertical-align:middle}body.dark-mode .model-option.disabled{opacity:.4}body.dark-mode .model-option.disabled:hover{background-color:transparent}body.dark-mode .model-option-pro-badge{background:transparent;border-color:#a78bfae6;color:#fff}.chat-input-group{position:relative;width:100%}.chat-input-group.after-submit{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:100%;z-index:100}.chat-input-group.after-submit .upload-panel{margin-bottom:-10px}.chat-input-group.after-submit .chat-container{margin-top:0}.message-options{display:flex;gap:8px;margin-top:7px;padding:4px 10px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:10px;width:fit-content;position:relative;overflow:visible}.message-user .message-options{margin-right:5px;margin-top:-5px}.message-final .message-options{align-self:flex-start}.message-option-btn{background:none;border:none;padding:4px 8px;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.message-option-btn:hover{background-color:var(--color-bg-hover)}.message-option-btn i{font-size:.85rem;color:var(--color-text-light)}.message-option-btn:hover i{color:var(--color-text-secondary)}.message-option-btn .icon{width:16px;height:16px;color:var(--color-text-light)}.message-option-btn:hover .icon{color:var(--color-text-secondary)}.message-option-btn:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);padding:4px 8px;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:var(--shadow-medium);z-index:1001;border:1px solid var(--color-border-lighter)}.message-option-btn:before{content:"";position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-bg-tertiary);opacity:0;transition:opacity .2s ease;z-index:1001}.message-option-btn:hover:after{opacity:1}.message-option-btn:hover:before{opacity:1}body.dark-mode .message-options{background-color:var(--color-bg-primary);border-color:var(--color-border-primary);box-shadow:var(--shadow-medium)}body.dark-mode .message-option-btn i{color:var(--color-text-primary)}body.dark-mode .message-option-btn:hover{background-color:var(--color-bg-tertiary)}body.dark-mode .message-option-btn:hover i,body.dark-mode .message-option-btn .icon,body.dark-mode .message-option-btn:hover .icon{color:var(--color-text-primary)}body.dark-mode .message-option-btn:after{background-color:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-primary);box-shadow:var(--shadow-medium)}body.dark-mode .message-option-btn:before{border-top-color:var(--color-bg-primary)}.message-user-content{background-color:var(--color-message-user-bg);border:1px solid var(--color-message-user-border);color:var(--color-message-user-text);padding:10px 15px;border-radius:13px;display:flex;align-items:flex-start;gap:10px;overflow-wrap:break-word;word-break:break-word}.message-final>span:first-child,.message-final>div:first-child:not(.message-options){display:block;margin-bottom:0}.chat-input-wrapper.edit-mode{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;margin-top:5px;margin-left:2px;width:100%;box-sizing:border-box;padding:10px 12px;display:flex;flex-direction:column;position:relative}.message-user:has(.chat-input-wrapper.edit-mode),.message-user.editing{max-width:none;width:100%;align-self:stretch;align-items:stretch;margin-bottom:20px}.message-user.editing .message-user-content{width:100%;padding:4px 10px 8px}.chat-input-wrapper.edit-mode:focus-within{outline:none}body.dark-mode .chat-input-wrapper.edit-mode{background-color:var(--color-bg-primary);border-color:var(--color-border-primary)}body.dark-mode .chat-input-wrapper.edit-mode:focus-within{border-color:transparent;box-shadow:var(--shadow-focus)}.edit-buttons{display:flex;align-items:center;gap:8px}.edit-cancel-btn{background-color:transparent;border:1px solid var(--color-border-light);border-radius:6px;width:32px;height:32px;font-size:.9rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-cancel-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.edit-cancel-btn i{font-size:.8rem}body.dark-mode .edit-cancel-btn{border-color:var(--color-border-light);color:var(--color-text-secondary)}body.dark-mode .edit-cancel-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.message-todo{align-self:flex-start;background-color:transparent;border:none;color:var(--color-text-primary);padding:10px 0;display:flex;flex-direction:column;align-items:stretch;width:100%}.staged-response-container{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border:1px solid #e1e5e9;border-radius:12px;padding:16px;margin:4px 0 0;max-width:400px;cursor:default;max-height:300px;min-height:100px;display:flex;flex-direction:column;overflow:hidden}.assistant-turn{display:flex;flex-direction:column}.assistant-turn+.assistant-turn{margin-top:16px}.assistant-turn+.message-user{margin-top:32px}.agent-iteration{display:flex;flex-direction:column;gap:6px;margin:6px 0}.agent-iteration .message .message-options{display:none}.assistant-turn>.agent-iteration+.agent-iteration{margin-top:0}.assistant-turn>.agent-iteration:has(.message-system):not(:has(.tool-event-card)):not(:has(.planning-text-container)){gap:0;margin:2px 0}.assistant-turn>.agent-iteration:first-child{margin-top:6px}.assistant-turn>.agent-iteration+.message{margin-top:2px}.agent-observation{align-self:flex-start;background-color:transparent;border:none;color:var(--color-text-primary);padding:6px 0}.agent-observation-content{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border:1px solid #e1e5e9;border-radius:8px;padding:10px 12px}.agent-observation-text{color:var(--color-text-secondary);font-size:.9rem}.agent-tool-inline{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:.8rem;font-family:Libre Baskerville,serif;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);color:var(--color-text-secondary);width:fit-content}.agent-tool-inline i{font-size:.85rem;color:var(--color-text-light)}.agent-tool-inline .icon{font-size:.85rem;color:var(--color-text-light);--icon-stroke: 1.3}.agent-tool-inline .agent-tool-name{font-weight:600;color:var(--color-text-primary)}.agent-tool-inline .agent-tool-status{font-style:italic;opacity:.9}.agent-tool-inline.success{border-color:#c8e6c9;background-color:#f1f8f2}.agent-tool-inline.failed{border-color:#ffcdd2;background-color:#fff5f6}.agent-tool-inline.running{border-color:var(--color-border-lighter);background-color:var(--color-bg-primary)}.agent-tool-inline .agent-tool-summary{color:var(--color-text-light)}.agent-tool-inline .agent-tool-resource{color:var(--color-text-light);background:var(--color-bg-secondary);border:1px solid var(--color-border-lighter);padding:0 6px;border-radius:10px;font-size:.75rem}.agent-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 2px;color:var(--color-text-light)}.tool-event-card{display:flex;align-items:flex-start;gap:10px;background-color:transparent;border:1px solid var(--color-message-user-border);border-radius:8px;padding:6px 10px;margin:0;max-width:80%;font-family:Libre Baskerville,serif}.agent-iteration .tool-event-card+.tool-event-card{margin-top:10px}.resource-view-button{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;margin-top:6px;max-width:80%;width:fit-content;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:8px;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.resource-view-button:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-medium);color:var(--color-text-primary)}body.dark-mode .resource-view-button{background-color:transparent;border-color:var(--color-border-primary);color:var(--color-text-secondary)}body.dark-mode .resource-view-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.tool-event-card .tool-event-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.tool-event-card .tool-event-icon .icon{font-size:.85rem;width:14px;height:14px;color:var(--color-text-lighter);--icon-stroke: 1.3}.tool-event-card .tool-event-icon .tool-favicon{width:16px;height:16px;border-radius:2px;object-fit:contain}.tool-event-card.success .tool-event-icon .icon{color:var(--color-success)}.tool-event-card.in-progress{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);background-size:300% 100%;animation:shimmer 2.5s ease-in-out infinite;opacity:.85}.tool-event-card.in-progress .tool-event-icon .icon,.tool-event-card.in-progress .tool-event-text{color:var(--color-text-muted)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tool-event-card.observation .tool-event-icon .icon{color:var(--color-text-light)}.tool-event-content{flex:1;min-width:0;position:relative;padding-right:28px}.tool-event-text{font-size:.81rem;font-weight:400;color:var(--color-text-secondary);line-height:1.5;margin-top:2px;overflow-wrap:break-word;word-break:break-word}.tool-event-details{position:static}.tool-event-toggle.chevron{position:absolute;top:2px;right:2px;background:transparent;border:none;color:var(--color-text-lighter);padding:2px;cursor:pointer;z-index:1}.tool-event-toggle.chevron .icon{font-size:.8rem}.tool-event-details-body{margin:10px 0;overflow-wrap:break-word;word-break:break-word}.tool-event-details-body.small-text,.tool-content-list,.tool-content-text{font-size:.8rem;color:var(--color-text-secondary);overflow-wrap:break-word;word-break:break-word}.tool-content-list{margin:8px 0 0 14px}.tool-content-item-title{font-weight:500;overflow-wrap:break-word;word-break:break-word}.tool-content-item-text,.tool-content-item-answer,.tool-event-preview{font-size:.82rem;overflow-wrap:break-word;word-break:break-word}.tool-event-card.observation .tool-event-text{color:var(--color-text-light)}body.dark-mode .tool-event-card{background-color:transparent;border-color:var(--color-message-user-border)}body.dark-mode .agent-observation-content{background:linear-gradient(135deg,#2e2e2e,#2a2a2a);border-color:#404040;border-radius:8px}.agent-meta .agent-meta-item{background:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:999px;padding:2px 8px;font-size:.75rem}.agent-stop-reason{background:var(--color-bg-secondary);border:1px solid var(--color-border-lighter);border-radius:999px;padding:2px 8px;font-weight:600;font-size:.75rem}.agent-stop-reason.final{border-color:#c8e6c9;background:#f1f8f2;color:#2e7d32}.agent-stop-reason.max_iterations,.agent-stop-reason.no_progress{border-color:#ffe082;background:#fff8e1;color:#ef6c00}.agent-stop-reason.error{border-color:#ffcdd2;background:#fff5f6;color:#c62828}.staged-response-header{font-weight:600;color:var(--color-text-light);margin-bottom:0;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:default;flex-shrink:0;opacity:.7}.staged-response-header i{font-size:.85rem;color:#6b7280;margin-top:1px}.staged-response-collapse-btn{background:none;border:none;padding:2px 4px;cursor:pointer;border-radius:6px;transition:all .2s ease;opacity:.6;display:flex;align-items:center;justify-content:center;margin-top:-2px;margin-right:-2px}.staged-response-collapse-btn i{font-size:.9rem;color:var(--color-text-light);margin:0}.staged-response-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-right:4px;cursor:default;min-height:0}.staged-response-content::-webkit-scrollbar{display:none}.staged-response-thinking{font-size:.9rem;line-height:1.4;color:var(--color-text-muted);font-style:italic;cursor:default;opacity:.7;margin-top:-2px}.planning-text-container{max-width:80%;position:relative;--planning-fade-bg: var(--color-bg-secondary)}.canvas-gen-sidebar .planning-text-container{--planning-fade-bg: var(--color-bg-primary)}.planning-inline{font-size:.8rem;font-family:Libre Baskerville,serif;line-height:1.5;color:var(--color-text-muted);font-style:italic;opacity:.7;margin:2px 0 0;overflow-wrap:break-word;word-break:break-word;max-height:200px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.planning-inline::-webkit-scrollbar{display:none}.planning-text-container:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,var(--planning-fade-bg) 0%,transparent 100%);pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.planning-text-container.planning-expanded.has-overflow:before{opacity:1}.planning-inline ul,.planning-inline ol{list-style-position:inside;padding-left:0;margin:.5em 0}.canvas-gen-sidebar .planning-inline{margin-left:6px;margin-right:6px}.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:shimmer-sweep 3s ease-in-out infinite;will-change:background-position;backface-visibility:hidden;transform:translateZ(0)}@supports not (-webkit-background-clip: text){.shimmer-text{color:var(--color-text-light)!important;-webkit-text-fill-color:initial!important;-moz-text-fill-color:initial!important;animation:shimmer-opacity 3s ease-in-out infinite}}@keyframes shimmer-sweep{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes shimmer-opacity{0%,to{opacity:.4}50%{opacity:1}}body.dark-mode .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){body.dark-mode .shimmer-text{color:var(--color-text-light)!important}}.staged-response-text{font-size:.9rem;line-height:1.6;color:var(--color-text-light);cursor:default;white-space:pre-wrap;word-wrap:break-word;opacity:.6;margin-top:-2px}.staged-response-collapsed{display:none;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:all .2s ease;border-radius:6px;margin:2px 0 0}.staged-response-collapsed i{font-size:.75rem;color:var(--color-text-light);opacity:.6}.staged-response-timing{font-size:.8rem;color:var(--color-text-light);opacity:.6;font-style:italic}body.dark-mode .staged-response-collapsed i,body.dark-mode .staged-response-timing,body.dark-mode .staged-response-collapse-btn i{color:var(--color-text-light)}body.dark-mode .staged-response-container{background:linear-gradient(135deg,#2e2e2e,#2a2a2a);border-color:#404040}body.dark-mode .staged-response-header{color:var(--color-text-light)}body.dark-mode .staged-response-header i{color:#9ca3af}body.dark-mode .staged-response-thinking{color:var(--color-text-muted)}body.dark-mode .staged-response-text{color:var(--color-text-light)}@media (max-width: 768px){.staged-response-container{padding:12px;margin:6px 0;max-height:250px}.staged-response-header{font-size:.85rem;margin-bottom:10px}.staged-response-thinking,.staged-response-text{font-size:.85rem}}.tool-calls-container{background:linear-gradient(135deg,#e3f2fd,#e1f5fe);border:1px solid #81d4fa;border-radius:12px;padding:16px;margin:4px 0 0;max-width:100%;cursor:default;display:flex;flex-direction:column;overflow:hidden}.tool-calls-header{font-weight:600;color:#0277bd;margin-bottom:12px;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:default;flex-shrink:0}.tool-calls-header i{font-size:.85rem;color:#0288d1;margin-right:6px}.tool-calls-collapse-btn{background:none;border:none;padding:2px 4px;cursor:pointer;border-radius:6px;transition:all .2s ease;opacity:.6;display:flex;align-items:center;justify-content:center;margin-top:-2px;margin-right:-2px}.tool-calls-collapse-btn:hover{background-color:#0277bd1a;opacity:1}.tool-calls-collapse-btn i{font-size:.9rem;color:#0277bd;margin:0}.tool-calls-list{display:flex;flex-direction:column;gap:8px;cursor:default}.tool-call-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffffb3;border-radius:8px;border:1px solid rgba(129,212,250,.3);transition:all .3s ease;opacity:0;transform:translateY(10px)}.tool-call-item.tool-call-visible{opacity:1;transform:translateY(0)}.tool-call-item i{font-size:.9rem;color:#0288d1;width:16px;text-align:center}.tool-call-item .icon{font-size:.9rem;color:#0288d1;width:16px;--icon-stroke: 1.3}.tool-call-name{flex:1;font-size:.85rem;color:#01579b;font-weight:500}.tool-call-status{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.tool-call-status.tool-call-running{background-color:#ff9800;animation:pulse 1.5s infinite}.tool-call-status.tool-call-completed{background-color:#4caf50}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.tool-calls-collapsed{display:none;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:all .2s ease;border-radius:6px;margin:2px 0 0}.tool-calls-collapsed:hover{background-color:#e3f2fd80}.tool-calls-collapsed i{font-size:.75rem;color:#0277bd;opacity:.6}.tool-calls-timing{font-size:.8rem;color:#0277bd;opacity:.8;font-style:italic}body.dark-mode .tool-calls-container{background:linear-gradient(135deg,#1e3a5f 0% 100%);border-color:#2196f3}body.dark-mode .tool-calls-header{color:#64b5f6}body.dark-mode .tool-calls-header i{color:#42a5f5}body.dark-mode .tool-calls-collapse-btn:hover{background-color:#64b5f61a}body.dark-mode .tool-calls-collapse-btn i{color:#64b5f6}body.dark-mode .tool-call-item{background:#1e3a5fb3;border-color:#2196f34d}body.dark-mode .tool-call-item i,body.dark-mode .tool-call-item .icon{color:#42a5f5}body.dark-mode .tool-call-name{color:#90caf9}body.dark-mode .tool-calls-collapsed:hover{background-color:#1e3a5f80}body.dark-mode .tool-calls-collapsed i,body.dark-mode .tool-calls-timing{color:#64b5f6}@media (max-width: 768px){.tool-calls-container{padding:12px;margin:6px 0}.tool-calls-header{font-size:.85rem;margin-bottom:10px}.tool-call-item{padding:6px 10px;gap:8px}.tool-call-name{font-size:.8rem}.tool-call-status{width:6px;height:6px}}.used-tools-wrapper{display:inline-block;margin-left:8px;opacity:.8}.used-tools-label{font-size:.7rem;color:var(--color-text-muted);font-weight:500;margin-right:6px;display:inline}.used-tools-list{display:inline-flex;flex-wrap:wrap;gap:4px}.used-tool-pill{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:50px;font-size:.65rem;font-weight:500;background-color:#1e88e514;color:#1e88e5cc;border:1px solid rgba(30,136,229,.15);transition:all .3s ease;opacity:0;transform:translateY(4px)}.used-tool-pill.tool-pill-visible{opacity:1;transform:translateY(0)}.used-tool-pill i{font-size:10px;color:#1e88e5b3}.used-tool-pill span{white-space:nowrap}body.dark-mode .used-tools-wrapper{opacity:1}body.dark-mode .used-tools-label{color:var(--color-text-muted)}body.dark-mode .used-tool-pill{background-color:#64b5f61a;color:#64b5f6cc;border-color:#64b5f633}body.dark-mode .used-tool-pill i{color:#64b5f6b3}@media (max-width: 768px){.used-tools-wrapper{margin-left:6px}.used-tools-label{font-size:.65rem;margin-right:4px}.used-tool-pill{font-size:.6rem;padding:1px 6px;gap:3px}.used-tool-pill i{font-size:9px}}.todo-container{background:linear-gradient(135deg,#f9f9f9,#f6f6f6);border:1px solid #e1e5e9;border-radius:12px;padding:16px;margin:8px 0;max-width:100%;cursor:default}.todo-header{font-weight:600;color:var(--color-text-primary);margin-bottom:12px;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:default}.todo-header i{font-size:.85rem;color:#9ca3af;margin-top:1px}.todo-list{display:flex;flex-direction:column;gap:0;cursor:default}.todo-item{display:flex;align-items:flex-start;gap:12px;position:relative;padding:5px 0;font-size:.9rem;line-height:1.4;color:var(--color-text-secondary);cursor:default}.todo-item:not(:last-child){margin-bottom:6px}.todo-circle{width:12px;height:12px;min-width:12px;min-height:12px;border-radius:50%;margin-top:7px;position:relative;z-index:2;cursor:default}.todo-circle.incomplete{border:2px dotted #d1d5db;background-color:transparent;opacity:.5}.todo-circle.complete{border:2px solid #10b981;background-color:#10b981;opacity:.8}.todo-text{flex:1;margin-top:2px;cursor:default}.todo-item:not(:last-child):before{content:"";position:absolute;left:6px;top:23px;width:1px;height:calc(100% - 4px);background-color:#e5e7eb;opacity:.4;z-index:1;transform:translate(-50%)}body.dark-mode .todo-container{background:linear-gradient(135deg,#2e2e2e,#2a2a2a);border-color:#404040}body.dark-mode .todo-header{color:var(--color-text-primary)}body.dark-mode .todo-header i{color:#b5bcc2}body.dark-mode .todo-circle.incomplete{border-color:#9ca3af;opacity:.7}body.dark-mode .todo-circle.complete{border-color:#10b981;background-color:#10b981;opacity:1}body.dark-mode .todo-item:not(:last-child):before{background-color:#374151;opacity:.3}@media (max-width: 768px){.todo-container{padding:12px;margin:6px 0}.todo-item{gap:10px;font-size:.85rem}.todo-circle.incomplete,.todo-circle.complete{width:10px;height:10px;min-width:10px;min-height:10px;border-width:1px}.todo-item:not(:last-child):before{left:5px;top:21px;height:calc(100% - 5px);width:1px}}@media (max-width: 768px){.staged-response-collapsed{padding:4px 8px;gap:6px}.staged-response-collapsed i{font-size:.7rem}.staged-response-timing{font-size:.75rem}.staged-response-collapse-btn{padding:1px 3px;margin-top:-1px;margin-right:-1px}.staged-response-collapse-btn i{font-size:.85rem}}.vocab-tile-image-wrap{width:100%;display:flex;align-items:center;justify-content:center;margin:10px 0 14px;position:relative;overflow:visible;border-radius:10px}.vocab-tile-image{max-width:90%;max-height:180px;border-radius:10px;border:1px solid var(--color-border-lighter);object-fit:cover;display:block}.vocab-tile-image-credit{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;font-size:10.5px;line-height:1.3;color:#fff;background:linear-gradient(to top,#000000a6,#00000059);-webkit-backdrop-filter:blur(2px) saturate(120%);backdrop-filter:blur(2px) saturate(120%);border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:none;pointer-events:none}.vocab-tile-image-wrap:hover .vocab-tile-image-credit{display:block}.vocab-tile-header{border:none;background:transparent;outline:none;width:100%;transition:color .2s ease;font-family:Libre Baskerville,serif;font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:15px;text-align:center;border-bottom:1px solid var(--color-border-lighter);padding-bottom:10px}.vocab-tile-header::placeholder{color:var(--color-text-placeholder);opacity:.7}.vocab-tile-header:focus{color:var(--color-text-primary)}.vocab-tile-definition-textarea,.vocab-tile-sentence-textarea{font-size:.9rem;min-height:3em}body.dark-mode .vocab-tile-header{color:var(--color-text-secondary);border-bottom-color:var(--color-border-primary)}body.dark-mode .vocab-tile-header:focus{color:var(--color-text-primary)}@media (max-width: 768px){.vocab-definition-input,.vocab-sentence-input{min-height:1.3em}}.vocab-content{display:grid;grid-template-columns:1fr;gap:.75rem}.vocab-content.has-image{grid-template-columns:auto 1fr;align-items:start}.vocab-image-container{width:240px;min-width:240px;margin-top:-.5rem;margin-left:5px}.vocab-image-thumb{display:block;width:240px;height:auto;object-fit:contain;border-radius:8px;border:1px solid var(--color-border-lighter);background-color:var(--color-bg-tertiary)}.vocab-image-placeholder{width:240px;height:160px;border-radius:8px;border:1px dashed var(--color-border-lighter);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;outline:none;cursor:text}.vocab-image-placeholder-text{font-size:11.5px;color:var(--color-text-muted);font-family:Open Sans,sans-serif}.vocab-image-caption{margin-top:2px;font-size:10.5px;color:var(--color-text-muted);display:none}.vocab-image-container:hover .vocab-image-caption,.article-image-container:hover .vocab-image-caption,.resource-image-container:hover .resource-image-caption{display:block}.vocab-fields{display:flex;flex-direction:column}@media (max-width: 768px){.vocab-content.has-image{grid-template-columns:1fr}.vocab-image-container{width:100%;min-width:0}.vocab-image-thumb{width:100%;height:auto;object-fit:contain}.vocab-image-placeholder{width:100%;height:160px}}.resource-toolbar-menu{position:relative;z-index:6000}.resource-toolbar-dropdown{position:absolute;top:calc(100% + 9px);right:-10px;background-color:transparent;border:none;border-radius:8px;padding:0;min-width:200px;box-shadow:none;z-index:7001;opacity:0;visibility:hidden;transform:translateY(2px);transition:all .15s ease}.resource-toolbar-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.resource-toolbar-dropdown .option-button{display:flex;width:100%;cursor:pointer;font-size:12.5px;border-radius:0;margin-top:-1px;border:1px solid var(--color-border-lighter);background-color:var(--color-bg-primary);padding:8px 12px}.resource-toolbar-dropdown .option-button:first-child{border-radius:8px 8px 0 0;margin-top:0}.resource-toolbar-dropdown .option-button:last-child{border-radius:0 0 8px 8px}.resource-toolbar-dropdown .option-button i{font-size:14px;color:var(--color-text-placeholder);width:16px;text-align:center}.resource-toolbar-dropdown .option-button .icon.icon-file-pdf{color:var(--color-accent-pdf)}.resource-toolbar-dropdown .option-button .icon.icon-file-word{color:var(--icon-color-blue)}.resource-toolbar-dropdown .option-button .icon.icon-file-powerpoint{color:var(--color-accent-pptx)}.resource-switcher-toolbar .icon-caret{width:12px;height:12px;display:inline-block;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%207C6.90909%2011.8876%2011.776%2018.285%2012.6364%2016.7746C14.8636%2012.8649%2018.0455%209.93267%2019%207'%20stroke='black'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%207C6.90909%2011.8876%2011.776%2018.285%2012.6364%2016.7746C14.8636%2012.8649%2018.0455%209.93267%2019%207'%20stroke='black'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center / contain;background-color:currentColor}.resource-switcher-toolbar{position:absolute;top:7px;right:6px;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;display:block;max-width:300px;min-width:250px;z-index:1100}.resource-switcher-toolbar:hover{background:transparent;border-color:transparent}.resource-switcher-toolbar .canvas-toolbar-button{width:100%;max-width:300px;min-width:250px;background:transparent;border:none;padding-left:8px;justify-content:flex-start;text-align:left}.resource-switcher-toolbar .canvas-toolbar-button:hover{background:transparent;border-color:inherit}.resource-switcher-toolbar .canvas-toolbar-button span:not(.icon-caret){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-switcher-toolbar .resource-toolbar-dropdown{min-width:auto;max-width:300px;min-width:250px;width:100%;background:transparent;border:none;box-shadow:none;right:0;padding:0}.resource-switcher-toolbar .resource-toolbar-dropdown .option-button{padding:10px 18px;border-radius:0;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);margin-top:-1px;font-size:13.5px}.resource-switcher-toolbar .resource-toolbar-dropdown .option-button:first-child{border-radius:8px 8px 0 0;margin-top:0}.resource-switcher-toolbar .resource-toolbar-dropdown .option-button:last-child{border-radius:0 0 8px 8px}.resource-switcher-toolbar .switcher-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background-color:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border-lighter);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;width:100%}.resource-switcher-toolbar .switcher-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.resource-switcher-toolbar .switcher-btn .icon{width:16px;height:16px}.resource-switcher-toolbar .switcher-btn .icon-chevron{font-size:12px;width:12px;height:12px;margin-left:auto;color:var(--color-text-light)}.resource-switcher-toolbar .switcher-btn>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-switcher-toolbar .resource-toolbar-dropdown .option-button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-switcher-toolbar .canvas-toolbar-button .icon{width:18px;height:18px}.resource-switcher-toolbar .canvas-toolbar-button .icon-caret{margin-left:auto;flex:0 0 auto}.slide-content{width:100%;height:calc(100vh - 90px);position:relative;padding:0;box-sizing:border-box;overflow:hidden;margin:-10px -18px;width:calc(100% + 36px)}.slide-thumbs{position:fixed;left:67px;top:70px;bottom:72px;width:153px;overflow-y:auto;overflow-x:hidden;padding-right:2px;z-index:6;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;-ms-overflow-style:none;scrollbar-width:none}.slide-thumbs::-webkit-scrollbar{width:0;height:0}.slide-thumb-button{display:block;width:100%;padding:6px;background:transparent;border:none;text-align:left;cursor:pointer;position:relative}.slide-thumb-button.new{padding:6px}.slide-thumb-new{display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-input-border);background:var(--color-input-bg)}.slide-thumb-new-content{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted)}.slide-thumb-button.new:hover .slide-thumb-new{border-color:var(--color-input-border-hover);background:var(--color-input-bg-hover)}.slide-thumb-new-content .icon{width:24px;height:24px;color:var(--color-text-muted)}.slide-thumb-button.new:hover .slide-thumb-new .icon{color:var(--color-text-secondary)}body.dark-mode .slide-thumb-button.new:hover .slide-thumb-new .icon{color:#fff}.slide-thumb-wrapper{position:relative}.slide-thumb-menu.question-menu-dropdown{position:fixed;min-width:160px;right:auto;left:0}.slide-thumb-button+.slide-thumb-button{margin-top:1px}.slide-thumb-button.active{background:transparent}.slide-thumb-button.active .slide-thumb{border-color:var(--color-input-border-hover);box-shadow:var(--shadow-focus)}.slide-thumb{width:100%;aspect-ratio:16 / 9;position:relative;border:1px solid var(--color-input-border);border-radius:6px;background:var(--color-input-bg);overflow:hidden}.slide-thumb-inner{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center}.slide-thumb-canvas{transform-origin:top left}.slide-thumb-index{position:absolute;left:9px;bottom:8.5px;min-width:20px;height:20px;padding:0 6px;border-radius:6px;font-size:11px;line-height:20px;text-align:center;color:var(--color-input-text);background:var(--color-input-bg);border:1px solid var(--color-input-border);box-shadow:var(--shadow-light)}.main-content.active .slide-thumbs{left:237px}.slide-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.slide{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;position:relative;overflow:hidden;transform-origin:top left}:fullscreen .slide-thumbs,.slide:fullscreen~.slide-thumbs{display:none}.slide-element{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:move;transition:none}.slide-element.dragging{z-index:1000;opacity:.8}.slide-element.resizing{z-index:1000;opacity:.9}.slide-element.text-element{line-height:1.3;font-weight:500;padding:2px;box-sizing:border-box;z-index:100}.slide-element.text-element[style*=Montserrat]{font-weight:600!important}.slide-element.text-element[style*=Montserrat][style*="font-weight: bold"]{font-weight:700!important}.text-input{border:none!important;outline:none!important;padding:0!important;margin:0!important;width:100%!important;font-size:inherit!important;color:inherit!important;font-family:inherit!important;line-height:inherit!important;text-align:inherit!important;font-weight:inherit!important;font-style:inherit!important;text-decoration:inherit!important;-webkit-user-select:text!important;user-select:text!important;cursor:text;resize:none;box-sizing:border-box;overflow:hidden;word-wrap:break-word;white-space:pre-wrap;min-height:1em}.text-input::placeholder{color:currentColor!important;opacity:.55}.text-input:focus{border:none!important;outline:none!important;box-shadow:none!important}.slide-element.image-element,.slide-element.video-element{overflow:hidden;border-radius:4px;z-index:10;outline:none;border:1px solid var(--color-border-light)}.slide-element.image-element:focus{outline:none;border:none}.slide-element.image-element img{display:block;width:100%;height:auto}.selection-indicator{position:absolute;pointer-events:none;z-index:1001}.selection-box{position:absolute;border:1px solid #ddd;background:transparent;pointer-events:none}.selection-handle{position:absolute;width:12px;height:12px;background:#ccc;border:1px solid #999999;border-radius:50%;pointer-events:auto;box-shadow:0 1px 3px #0003;transition:background-color .2s ease}.selection-handle:hover{background:#aaa}.selection-handle.top-left{cursor:nw-resize}.selection-handle.top-center{cursor:n-resize}.selection-handle.top-right{cursor:ne-resize}.selection-handle.bottom-left{cursor:sw-resize}.selection-handle.bottom-center{cursor:s-resize}.selection-handle.bottom-right{cursor:se-resize}.selection-handle.left-center{cursor:w-resize}.selection-handle.right-center{cursor:e-resize}.settings-panel{position:absolute;background:var(--color-bg-primary);border:.5px solid #ddd;border-radius:7px;padding:7px;z-index:1002;pointer-events:auto}.image-settings-panel,.text-settings-panel,.slide-settings-menu,.new-element-panel{background:var(--color-bg-primary);border:1px solid var(--color-border-node);color:var(--color-text-primary)}.settings-panel{background:var(--color-bg-primary);border:.5px solid var(--color-border-node);color:var(--color-text-primary)}.settings-toolbar{display:flex;flex-direction:column;align-items:center;gap:5px}.settings-btn{width:30px;height:30px;border:.5px solid var(--color-border-node);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;overflow:visible}.settings-btn:hover{background:var(--color-bg-hover)}.settings-btn.active{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-primary)}.settings-btn i{font-size:12px;color:var(--color-text-secondary)}.drag-handle-btn{background:#f0f0f0!important;border:.5px solid #ddd}.drag-handle-btn:hover{background:#e0e0e0!important;cursor:move!important}.drag-handle-btn i{color:var(--color-text-light)}.font-color-btn,.highlight-color-btn{border:.5px solid #ddd}.highlight-color-btn{background:#fff!important}.slide-export-pptx-btn i{color:#d24726!important}.slide-export-pptx-btn:hover i{color:#b93a1f!important}.color-text{font-size:16px;font-weight:700;color:red;font-family:Segoe UI,sans-serif}@media (max-width: 768px){.slide-content{height:calc(100vh - 80px);padding:0}}.highlight-dropdown{position:absolute;background:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:7px;padding:7px;z-index:1003;display:flex;gap:5px}.highlight-color-item{width:30px;height:30px;border-radius:5px;cursor:pointer;transition:all .2s ease;border:.5px solid var(--color-border-node)}.highlight-color-item.none-option{background-color:var(--color-bg-primary)!important;border-color:var(--color-border-node)}.rounded-rect-dropdown{position:absolute;background:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:7px;padding:7px;z-index:1003;display:flex;gap:5px}.rounded-rect-item{width:30px;height:30px;border-radius:5px;cursor:pointer;border:2px solid var(--color-border-node)}.rounded-rect-item.none-option{background-color:var(--color-bg-primary)!important;border-color:var(--color-border-node)}.font-color-dropdown{position:absolute;background:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:7px;padding:7px;z-index:1003;display:flex;gap:5px}.font-color-item{width:30px;height:30px;border-radius:5px;cursor:pointer;transition:all .2s ease;border:1px solid #ddd;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center}.color-letter{font-size:14px;font-weight:700;font-family:Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none}.font-color-item:hover{background:var(--color-bg-hover)}.font-family-dropdown{position:absolute;background:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:7px;padding:7px;z-index:1003;min-width:150px}.font-family-item{padding:8px 10px;border-radius:3px;cursor:pointer;transition:background-color .2s ease;font-size:13px;color:var(--color-text-primary);font-weight:500}.font-family-item:hover{background-color:var(--color-bg-hover)}.font-size-dropdown{position:absolute;background:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:7px;padding:7px;z-index:1003;display:flex;gap:5px}.font-size-item{width:30px;height:30px;border-radius:5px;cursor:pointer;transition:all .2s ease;border:.5px solid #ddd;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.font-size-item:hover{background:var(--color-bg-hover);border-color:#999}.font-size-item i{font-size:14px}.custom-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#808080e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1004}.custom-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(128,128,128,.9)}.custom-tooltip.visible{opacity:1}.image-change-dropdown{position:absolute;background:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:7px;padding:10px;z-index:1003;width:190px}.image-tabs{display:flex;gap:4px;margin-bottom:8px}.image-tab{flex:1;padding:4px 8px;border:.5px solid #ddd;border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;font-size:12px;transition:all .2s ease}.image-tab:hover{background:var(--color-bg-hover)}.image-tab.active{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:#999}.tab-content{display:none}.tab-content.active{display:block}.image-paste-zone{height:80px;border:.5px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;outline:none;background:var(--color-bg-primary)}.image-paste-zone:focus{border-color:#999;background:var(--color-bg-hover)}.paste-text{text-align:center;color:var(--color-text-secondary);font-size:13px;-webkit-user-select:none;user-select:none}.paste-text small{font-size:11px;opacity:.7}.paste-error{color:#ef4444;font-size:12px;text-align:center}.image-url-input{width:100%;padding:6px 8px;border:.5px solid #ddd;border-radius:4px;font-size:12px;outline:none;margin-bottom:6px;background:var(--color-bg-primary);color:var(--color-text-primary)}.image-url-input:focus{border-color:#999}.image-url-input.error{border-color:#ef4444}.image-url-input.error::placeholder{color:#ef4444}.image-load-btn{width:100%;padding:6px 12px;border:.5px solid #ddd;border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;font-size:12px;transition:all .2s ease}.image-load-btn:hover{background:var(--color-bg-hover)}.image-preview-area{margin-top:7px;text-align:center;padding:7px;background:var(--color-bg-hover);border-radius:3px}.image-preview-thumb{max-width:100%;max-height:100px;object-fit:contain;border-radius:4px}.image-apply-btn{width:100%;margin-top:7px;padding:7px 14px;border:none;border-radius:3px;background:#3b82f6;color:#fff;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.image-apply-btn:hover{background:#2563eb}.paste-context-menu{position:fixed;background:#fffffff2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(0,0,0,.08);border-radius:5px;padding:3px 0;z-index:1004;min-width:110px}.paste-context-item{padding:4px 10px;cursor:pointer;transition:background-color .2s ease;font-size:13px;color:var(--color-text-primary);display:flex;align-items:center;gap:7px}.paste-context-item:hover{background-color:var(--color-bg-hover)}.paste-context-item i{font-size:12px;color:var(--color-text-secondary)}.slide-background-dropdown{position:absolute;background:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:7px;padding:7px;z-index:1003;display:flex;gap:5px}.slide-background-color-item{width:30px;height:30px;border-radius:5px;cursor:pointer;transition:all .2s ease;border:.5px solid #ddd}.slide-background-color-item:hover{transform:scale(1.05)}.slide-background-color-item.white-option{border-color:#ccc}.settings-btn.disabled,.settings-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.settings-btn,.drag-handle-btn,.font-color-btn,.highlight-color-btn,.image-tab,.image-load-btn,.image-apply-btn,.paste-context-item,.slide-background-color-item,.highlight-color-item,.rounded-rect-item,.font-color-item,.font-family-item,.font-size-item,.grid-slide-panel .settings-btn{outline:none}.grid-view-container{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;gap:30px;padding:30px;width:100%;height:calc(100vh - 195px);box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;cursor:default}.grid-slide-wrapper{cursor:pointer;position:relative;width:480px;height:270px;overflow:hidden;border-radius:8px;border:1px solid var(--color-border-light);box-shadow:none;transition:transform .2s ease}.grid-slide-wrapper:hover{box-shadow:0 4px 12px #0000001a}.grid-slide-wrapper{cursor:grab}.grid-slide-wrapper:active,.grid-slide-wrapper.dragging{cursor:grabbing}.grid-slide-clone{display:block!important;position:absolute!important;top:0!important;left:0!important;transform-origin:top left!important;margin:0!important;padding:0!important;width:1920px!important;height:1080px!important}.grid-slide-clone *{pointer-events:none!important}.grid-slide-clone textarea{cursor:pointer!important}.slide-content.grid-view-active{padding:0;cursor:default!important}.grid-slide-panel{position:absolute;bottom:5px;left:5px;background:var(--color-bg-primary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--color-border-node);border-radius:7px;padding:7px;z-index:1001;pointer-events:auto;color:var(--color-text-primary)}.grid-slide-panel .settings-toolbar{display:flex;align-items:center;gap:5px}.grid-slide-panel .settings-btn{width:30px;height:30px;border:.5px solid var(--color-border-node);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;overflow:visible}.grid-slide-panel .settings-btn:hover{background:var(--color-bg-hover)}.grid-slide-panel .settings-btn.active{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-primary)}.grid-slide-panel .settings-btn i{font-size:12px;color:var(--color-text-secondary)}.grid-slide-wrapper.dragging{opacity:.5;cursor:grabbing}.grid-slide-wrapper.drag-over-left:before,.grid-slide-wrapper.drag-over-right:after{content:"";position:absolute;top:0;bottom:0;width:3px;background-color:#3b82f6;z-index:20}.grid-slide-wrapper.drag-over-left:before{left:-15px}.grid-slide-wrapper.drag-over-right:after{right:-15px}.grid-slide-panel{cursor:default}.grid-slide-panel{pointer-events:auto;cursor:default}.grid-slide-panel .settings-btn{cursor:pointer!important}.grid-slide-wrapper.new-slide-tile{border:1px solid var(--color-border-lighter);background:var(--color-bg-hover);cursor:pointer;transition:all .2s ease}.grid-slide-wrapper.new-slide-tile:hover{border-color:var(--color-border-primary);background:var(--color-bg-primary);box-shadow:0 2px 8px #0000001a}.new-slide-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.new-slide-container .fa-plus{font-size:48px;color:var(--color-text-lighter);transition:color .2s ease}.new-slide-label{font-size:16px;color:var(--color-text-lighter);font-weight:500;font-family:Segoe UI,sans-serif;transition:color .2s ease}.grid-slide-wrapper.new-slide-tile:hover .fa-plus,.grid-slide-wrapper.new-slide-tile:hover .new-slide-label{color:var(--color-text-secondary)}.slide-context-menu{position:absolute;top:100%;right:0;margin-top:3px;background-color:transparent;border:none;border-radius:8px;box-shadow:none;padding:0;display:none;z-index:1001;width:160px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.slide-context-menu.show{display:block;visibility:visible;opacity:1}.slide-context-menu .menu-item{padding:8px 12px;margin:-1px 0 0;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;font-family:Open Sans,sans-serif;font-size:10px;font-weight:400;color:var(--color-text-primary);border:1px solid var(--color-border-lighter);background-color:var(--color-bg-primary);width:100%;text-align:left;border-radius:0;box-sizing:border-box}.slide-context-menu .menu-item:first-child{border-radius:8px 8px 0 0;margin-top:0}.slide-context-menu .menu-item:last-child{border-radius:0 0 8px 8px}.slide-context-menu .menu-item:hover{background-color:var(--color-bg-hover)}.slide-context-menu .menu-item i{font-size:11px;width:16px;margin-right:7px;text-align:center;color:var(--color-text-muted)}.slide-context-menu .menu-item.disabled{opacity:.5;cursor:default}.slide-context-menu .menu-item.disabled:hover{background-color:transparent}.slide-context-menu .menu-item .fa-check,.slide-context-menu .menu-item .fa-chevron-right{margin-left:auto;margin-right:0;font-size:10px;color:var(--color-text-muted)}.slide-context-menu .menu-item .color-dot,.slide-context-menu .menu-item .highlight-dot{width:16px;height:16px;border-radius:3px;margin-right:23px;border:1px solid #ccc}body.dark-mode .slide-context-menu{background-color:var(--color-bg-primary);border-color:var(--color-border-lighter);box-shadow:var(--shadow-medium)}body.dark-mode .slide-context-menu .menu-item{color:var(--color-text-primary)}body.dark-mode .slide-context-menu .menu-item:hover{background-color:var(--color-bg-hover)}body.dark-mode .slide-context-menu .menu-item i{color:var(--color-text-muted)}.slide-context-menu .menu-separator{height:1px;background-color:var(--color-border-light);margin:5px 0}body.dark-mode .slide-context-menu .menu-separator{background-color:var(--color-border-lighter)}body.dark-mode .grid-slide-panel{background:var(--color-bg-primary);border-color:var(--color-border-node);color:var(--color-text-primary)}body.dark-mode .grid-slide-panel .settings-btn{background:var(--color-bg-primary);border-color:var(--color-border-node);color:var(--color-text-secondary)}body.dark-mode .grid-slide-panel .settings-btn:hover{background:var(--color-bg-hover)}body.dark-mode .grid-slide-panel .settings-btn.active{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-primary)}body.dark-mode .settings-btn i,body.dark-mode .grid-slide-panel .settings-btn i,body.dark-mode .drag-handle-btn i{color:var(--color-text-primary)}body.dark-mode .settings-btn.disabled i,body.dark-mode .settings-btn:disabled i,body.dark-mode .grid-slide-panel .settings-btn.disabled i,body.dark-mode .grid-slide-panel .settings-btn:disabled i{color:var(--color-text-light);opacity:1}.slide,.slide *{--color-bg-primary: #ffffff !important;--color-bg-secondary: #f5f5f5 !important;--color-bg-hover: #f9f9f9 !important;--color-text-primary: #000000 !important;--color-text-secondary: #333333 !important;--color-text-muted: #605e5e !important;--color-border-light: #dddddd !important;--color-border-lighter: #e1e5eb !important}.slide-template-picker{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;z-index:7;overflow:visible;display:flex;flex-direction:column}.slide-template-list{overflow-y:auto;overflow-x:hidden;padding:6px;-ms-overflow-style:none;scrollbar-width:none}.slide-template-list::-webkit-scrollbar{width:0;height:0}.slide-template-item{width:100%;aspect-ratio:16 / 9;position:relative;border:1px solid var(--color-input-border);border-radius:8px;overflow:hidden;background:var(--color-input-bg);color:var(--color-input-text);cursor:pointer;padding:0}.slide-template-item+.slide-template-item{margin-top:6px}.slide-template-item:hover{outline:none}.slide-template-item:hover .tmpl-box.text,.slide-template-item:hover .tmpl-box.image{background:color-mix(in oklab,var(--color-text-secondary) 16%,transparent)}.slide-template-item:hover .template-skeleton-image-icon,.slide-template-item:hover .template-skeleton-text-icon{color:color-mix(in oklab,var(--color-text-secondary) 28%,transparent)}body.dark-mode .tmpl-box.text,body.dark-mode .tmpl-box.image{background:color-mix(in oklab,var(--color-text-secondary) 12%,transparent)}body.dark-mode .slide-template-item:hover .tmpl-box.text,body.dark-mode .slide-template-item:hover .tmpl-box.image{background:color-mix(in oklab,var(--color-text-secondary) 20%,transparent)}.template-skeleton-image-icon,.template-skeleton-text-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:color-mix(in oklab,var(--color-text-secondary) 22%,transparent)}body.dark-mode .template-skeleton-image-icon,body.dark-mode .template-skeleton-text-icon{color:color-mix(in oklab,var(--color-text-secondary) 28%,transparent)}body.dark-mode .slide-template-item:hover .template-skeleton-image-icon,body.dark-mode .slide-template-item:hover .template-skeleton-text-icon{color:color-mix(in oklab,var(--color-text-secondary) 34%,transparent)}.template-skeleton-div{background:var(--color-input-bg);border-radius:8px}.tmpl-box{border-radius:3px}.tmpl-box.text{background:color-mix(in oklab,var(--color-text-secondary) 8%,transparent)}.tmpl-box.image{background:color-mix(in oklab,var(--color-text-secondary) 8%,transparent);border:none;display:flex;align-items:center;justify-content:center}@supports not (background: color-mix(in oklab,white 50%,black)){.tmpl-box.text,.tmpl-box.image{background:#80808014}.template-skeleton-image-icon,.template-skeleton-text-icon{color:#80808038}.slide-template-item:hover .tmpl-box.text,.slide-template-item:hover .tmpl-box.image{background:#80808029}.slide-template-item:hover .template-skeleton-image-icon,.slide-template-item:hover .template-skeleton-text-icon{color:#80808047}body.dark-mode .tmpl-box.text,body.dark-mode .tmpl-box.image{background:#8080801f}body.dark-mode .slide-template-item:hover .tmpl-box.text,body.dark-mode .slide-template-item:hover .tmpl-box.image{background:#80808033}body.dark-mode .template-skeleton-image-icon,body.dark-mode .template-skeleton-text-icon{color:#80808047}body.dark-mode .slide-template-item:hover .template-skeleton-image-icon,body.dark-mode .slide-template-item:hover .template-skeleton-text-icon{color:#80808057}}.slide-template-item.has-tooltip:after{content:attr(data-tooltip);position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-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;box-shadow:var(--shadow-light);pointer-events:none;z-index:10}.slide-template-item.has-tooltip:hover:after{opacity:1;visibility:visible}body.dark-mode .slide-template-item.has-tooltip:after{background:var(--color-input-bg)!important;color:var(--color-input-text)!important;border-color:var(--color-input-border)!important}.slide-thumbs-arrow{position:sticky;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:12px;border:1px solid var(--color-input-border);background:var(--color-button-bg);color:var(--color-input-text);display:none;align-items:center;justify-content:center;z-index:2;margin:4px auto;cursor:pointer}.slide-thumbs-arrow.visible{display:flex}.slide-thumbs-arrow.up{top:4px}.slide-thumbs-arrow.down{bottom:4px}.slide-thumbs-arrow:hover{background:var(--color-button-bg-hover);border-color:var(--color-input-border-hover)}.slide-thumbs-arrow .icon{width:14px;height:14px;color:var(--color-text-muted)}.article-paragraphs-container{gap:0;line-height:1.75;padding-right:24px}.article-paragraphs-container .resource-add-btn{max-width:680px;margin-top:.5rem;opacity:.6;transition:opacity .2s ease}.article-paragraphs-container .resource-add-btn:hover{opacity:1}.article-hero-section{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;max-width:900px;margin:0 auto 2rem;align-items:start}.article-hero-image{position:relative;width:100%;border-radius:6px;overflow:hidden}.article-hero-image .resource-image-container{width:100%;min-width:0}.article-hero-image .resource-image-thumb{width:100%;height:auto;object-fit:contain;border-radius:6px;border:none}.article-hero-image .resource-image-placeholder{width:100%;min-height:160px;border-radius:6px;border:1px dashed var(--color-border-lighter)}.article-hero-caption{font-family:Libre Baskerville,Georgia,serif;font-size:.68rem;font-style:italic;color:var(--color-text-muted);text-align:left;margin-top:.4rem;line-height:1.4}.article-hero-caption .credit{font-style:normal;color:var(--color-text-lighter)}.article-hero-header{display:flex;flex-direction:column;justify-content:center;min-height:160px}.article-header-only{margin-bottom:1.5rem}.article-header-only .resource-header-card{max-width:680px;margin-left:auto;margin-right:auto}.article-paragraphs-container .resource-header-card{max-width:680px;background:transparent;border:none;padding:0;margin-bottom:0;box-shadow:none}.article-hero-section .resource-header-card{margin-bottom:0}.article-paragraphs-container .resource-header-card:hover{box-shadow:none;border:none!important}.article-paragraphs-container .resource-header-title-input{font-family:Libre Baskerville,Georgia,serif;font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-bottom:.5rem}.article-paragraphs-container .resource-intro-text{font-family:Libre Baskerville,Georgia,serif;font-size:1rem;font-weight:400;font-style:italic;color:var(--color-text-muted);line-height:1.55}.article-hero-section+.article-paragraph.resource-item,.article-hero-section+.article-image-block{margin-top:.5rem}.article-paragraph.resource-item{max-width:680px;padding:0;margin-bottom:0;background:transparent;border:none;border-radius:0;box-shadow:none;cursor:text}.article-paragraph.resource-item:hover{box-shadow:none;background:transparent;border:none}.article-paragraph.resource-item,.article-paragraph.resource-item:active{cursor:text}.article-paragraph-content,.article-paragraph-content.has-image{display:block}.article-paragraph-content:not(.has-image){display:block}.article-paragraph-content.has-image.image-right,.article-paragraph-content.image-right .article-image-container,.article-paragraph-content.image-right .article-paragraph-fields{display:block;order:unset}.article-paragraph-fields{width:100%}.article-paragraph-fields .resource-field{margin-bottom:0}.article-paragraph-fields .resource-input{font-family:Libre Baskerville,Georgia,serif;font-size:.95rem;line-height:1.7;padding:0}.article-paragraph-fields .resource-input:not(.article-subtitle-input){margin-bottom:.6em}.article-subtitle-input{font-family:Libre Baskerville,Georgia,serif;font-size:1.1rem;font-weight:700;color:var(--color-text-secondary);margin-top:1.25rem;margin-bottom:.4rem;letter-spacing:0}.article-paragraph-fields .article-subtitle-input:focus{color:var(--color-text-secondary)}.article-image-block{position:relative;max-width:680px;margin:2rem auto;margin-left:calc(50% - 380px);padding-left:0}.article-image-block .article-image-container{width:100%;max-width:520px;border-radius:0}.article-image-block .resource-image-thumb{width:100%;height:auto;border-radius:0;border:none}.article-image-block .resource-image-placeholder{width:100%;max-width:520px;min-height:180px;border-radius:0}.article-image-block .article-image-caption{font-family:Libre Baskerville,Georgia,serif;font-size:.7rem;font-style:italic;color:var(--color-text-muted);margin-top:.5rem;line-height:1.5;max-width:520px}.article-image-block .article-image-caption .credit{font-style:normal;color:var(--color-text-lighter);display:block;margin-top:.2rem}.article-image-block .resource-image-caption{position:static;display:block;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-text-muted);font-style:italic;padding:0;margin-top:.6rem;border-radius:0}.article-image-block .resource-image-container:hover .resource-image-caption{display:block}.article-end-mark{display:block;max-width:680px;margin:0 auto;margin-top:1.5rem;margin-bottom:.5rem;width:3rem;height:2px;background:#c45a3b}body.dark-mode .article-hero-header .resource-header-card:after,body.dark-mode .article-header-only .resource-header-card:after,body.dark-mode .article-end-mark{background:#d4654a}body.dark-mode .article-paragraph.resource-item{background:transparent;border:none}@keyframes article-text-shimmer{0%{background-position:0 100%}to{background-position:0 -100%}}.article-paragraph.resource-item.shimmer-new .resource-input{background:linear-gradient(180deg,var(--color-text-primary) 0%,var(--color-text-primary) 40%,rgba(180,180,180,1) 47%,rgba(200,200,200,1) 50%,rgba(180,180,180,1) 53%,var(--color-text-primary) 60%,var(--color-text-primary) 100%);background-size:100% 200%;background-position:0 100%;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;animation:article-text-shimmer 4.5s ease-in-out forwards}body.dark-mode .article-paragraph.resource-item.shimmer-new .resource-input{background:linear-gradient(180deg,var(--color-text-primary) 0%,var(--color-text-primary) 40%,rgba(200,200,200,.8) 47%,rgba(220,220,220,.9) 50%,rgba(200,200,200,.8) 53%,var(--color-text-primary) 60%,var(--color-text-primary) 100%);background-size:100% 200%;background-position:0 100%;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}body.dark-mode .article-hero-caption,body.dark-mode .article-image-block .article-image-caption{color:var(--color-text-muted)}body.dark-mode .article-hero-caption .credit,body.dark-mode .article-image-block .article-image-caption .credit{color:var(--color-text-lighter)}@media (max-width: 900px){.article-hero-section{grid-template-columns:1fr;gap:1rem;padding-left:1rem;padding-right:1rem}.article-hero-header{min-height:auto}.article-header-only{padding-left:1rem;padding-right:1rem}.article-paragraph.resource-item,.article-paragraphs-container .resource-header-card,.article-paragraphs-container .resource-add-btn,.article-end-mark{max-width:100%;padding-left:1rem;padding-right:1rem}.article-image-block{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.article-image-block .article-image-container,.article-image-block .resource-image-placeholder{max-width:100%}}@media (max-width: 768px){.article-paragraphs-container{padding-right:0}.article-paragraphs-container .resource-header-title-input{font-size:1.6rem}.article-paragraphs-container .resource-intro-text{font-size:.92rem}.article-paragraph-fields .resource-input{font-size:.9rem}.article-subtitle-input{font-size:1rem;margin-top:1rem}}@media (max-width: 480px){.article-paragraphs-container .resource-header-title-input{font-size:1.4rem}.article-paragraph.resource-item,.article-paragraphs-container .resource-header-card,.article-image-block{padding-left:.75rem;padding-right:.75rem}}.questioning-keypoints-input{min-height:3em;font-style:italic;opacity:.9}.questioning-followup-input{min-height:3em}.questioning-tile-keypoints-textarea{min-height:3em;font-style:italic;opacity:.9}.questioning-tile-followup-textarea{min-height:3em}body.dark-mode .questioning-tile-question-textarea{color:var(--color-text-secondary)}@media (max-width: 768px){.questioning-keypoints-input,.questioning-followup-input{min-height:2.6em}.questioning-question-field label,.questioning-keypoints-field label,.questioning-followup-field label{min-width:5rem}}.timeline-container{position:relative;width:100%;padding:0 0 12px}.timeline-viewport{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.timeline-viewport::-webkit-scrollbar{display:none}.timeline-track{display:flex;align-items:stretch;padding:0 24px}.timeline-rail{position:relative;width:100%;margin-top:12px;padding:6px 24px 15px}.timeline-rail-track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-1px);height:2px;background-image:radial-gradient(var(--color-border-medium) 2px,transparent 2px);background-size:6px 2px;background-repeat:repeat-x}.timeline-rail-track{position:relative;display:flex;align-items:center;width:max-content}.timeline-marker{flex:0 0 460px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.marker-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:11px;font-weight:600;margin-top:3px;white-space:nowrap}.timeline-marker.active .marker-pill{color:var(--color-resource-accent)}.timeline-card{position:relative;flex:0 0 460px;height:340px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:none;overflow:hidden;scroll-snap-align:center}.timeline-card.active{box-shadow:none}.timeline-nav-btn{position:absolute;top:calc(50% - 45px);transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--color-input-border);background-color:var(--color-button-bg);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.timeline-nav-btn:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover)}.timeline-nav-btn.prev{left:0}.timeline-nav-btn.next{right:0}@media (max-width: 768px){.timeline-card{flex-basis:360px;height:300px}}body.dark-mode .timeline-card{background-color:var(--color-bg-primary);border-color:var(--color-border-primary);box-shadow:none}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.flatpickr-calendar{background:var(--color-bg-primary);border:1px solid var(--color-border-lighter);box-shadow:var(--shadow-medium);border-radius:8px;color:var(--color-text-primary);padding:12px 6px;font-size:12.5px;width:322px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{display:none!important}.flatpickr-months{margin-bottom:8px}.flatpickr-innerContainer{padding:0}.flatpickr-months .flatpickr-month{color:var(--color-text-secondary)}.flatpickr-current-month .cur-month{cursor:default;background:transparent;pointer-events:none}.flatpickr-current-month .cur-month:hover{background:transparent;color:var(--color-text-secondary)}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month .numInputWrapper,.flatpickr-current-month input.cur-year{background:var(--color-bg-primary);border:1px solid var(--color-border-lighter);color:var(--color-text-secondary);border-radius:6px;padding:4px 8px}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month input.cur-year:focus{outline:none;border-color:var(--color-border-primary)}.flatpickr-current-month .numInputWrapper span.arrowUp:after,.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-bottom-color:var(--color-text-light);border-top-color:var(--color-text-light)}.flatpickr-day{color:var(--color-text-primary);border-radius:6px}.flatpickr-day:hover{background:var(--color-bg-hover)}.flatpickr-day.today{border-color:var(--color-border-primary)}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--color-resource-accent);color:#fff;border-color:var(--color-resource-accent)}.flatpickr-weekday{color:var(--color-text-secondary);font-size:.95em}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:var(--color-text-light);border-radius:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{fill:var(--color-text-light)}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{background:transparent;border-color:transparent;color:var(--color-text-light)}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--color-text-light)}.flatpickr-months .flatpickr-prev-month{left:12px;top:10px}.flatpickr-months .flatpickr-next-month{right:12px;top:10px}body.dark-mode .flatpickr-calendar{background:var(--color-bg-primary);border-color:var(--color-border-primary)}body.dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months,body.dark-mode .flatpickr-current-month .numInputWrapper,body.dark-mode .flatpickr-current-month input.cur-year{background:var(--color-bg-primary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month .numInputWrapper{display:none!important}body.dark-mode .flatpickr-day:hover{background:var(--color-bg-hover)}body.dark-mode .flatpickr-day.selected,body.dark-mode .flatpickr-day.startRange,body.dark-mode .flatpickr-day.endRange{background:var(--color-resource-accent);border-color:var(--color-resource-accent)}.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover{background:var(--color-resource-accent);color:#fff}.flatpickr-day.today:hover{background:var(--color-button-bg-hover);border-color:transparent;color:var(--color-text-primary)}.flatpickr-day.disabled,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,body.dark-mode .flatpickr-day.disabled,body.dark-mode .flatpickr-day.prevMonthDay,body.dark-mode .flatpickr-day.nextMonthDay{color:var(--color-text-light)}body.dark-mode .flatpickr-months .flatpickr-prev-month svg,body.dark-mode .flatpickr-months .flatpickr-next-month svg{fill:var(--color-text-light)}body.dark-mode .flatpickr-months .flatpickr-prev-month:hover,body.dark-mode .flatpickr-months .flatpickr-next-month:hover{background:transparent;border-color:transparent}body.dark-mode .flatpickr-months .flatpickr-prev-month:hover svg,body.dark-mode .flatpickr-months .flatpickr-next-month:hover svg{fill:var(--color-text-light)}:root{--postit-yellow: #fef9c3;--postit-pink: #fce7f3;--postit-blue: #dbeafe;--postit-green: #d1fae5;--postit-orange: #fed7aa;--postit-purple: #f3e8ff;--postit-yellow-border: #fde68a;--postit-pink-border: #f9a8d4;--postit-blue-border: #93c5fd;--postit-green-border: #6ee7b7;--postit-orange-border: #fdba74;--postit-purple-border: #d8b4fe}body.dark-mode{--postit-yellow: #4a3d1a;--postit-pink: #4a1a3d;--postit-blue: #1a2a4a;--postit-green: #1a4a2a;--postit-orange: #4a2a1a;--postit-purple: #3d1a4a;--postit-yellow-border: #facc15;--postit-pink-border: #f472b6;--postit-blue-border: #60a5fa;--postit-green-border: #4ade80;--postit-orange-border: #fb923c;--postit-purple-border: #c084fc}.scratchpad-canvas-container{position:relative;width:100%;height:calc(100vh - 120px);overflow:auto;background-color:var(--color-main-content-bg);cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:0 0,0 0,0 0,0 0;background-attachment:local}.scratchpad-canvas-container:before{content:"";position:absolute;top:0;left:0;width:3000px;height:calc(100vh - 120px);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);z-index:1}body.dark-mode .scratchpad-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,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)}body.dark-mode .scratchpad-canvas-container:before{height:calc(100vh - 120px);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)}.scratchpad-canvas-container::-webkit-scrollbar{display:none}.scratchpad-canvas-container:active,.scratchpad-canvas-container.dragging{cursor:grabbing}.scratchpad-content{position:relative;width:3000px;height:2000px;z-index:2;transform-origin:top left}.scratchpad-content.zoomed{transform-origin:top left}.scratchpad-flow-layout{position:relative;padding:0 0 200px;min-height:100%;min-width:3000px;min-height:2000px}.section-strip{position:relative;width:100%;min-height:200px;margin-bottom:0;pointer-events:none;z-index:3}.scratchpad-further-info-grid{position:relative;min-height:230px;margin-bottom:0}.section-strip-header{position:absolute;left:40px;top:10px;right:40px;font-size:1.25rem;font-weight:600;color:var(--color-text-secondary);opacity:.7;pointer-events:auto;padding:4px 12px 20px;border-radius:6px;background:transparent;transition:opacity .2s}.section-strip-header:hover{opacity:.9}.section-strip-header input{background:transparent;border:none;font-family:Libre Baskerville,serif;font-size:inherit;font-weight:inherit;color:inherit;outline:none;padding:0;width:100%;max-width:none}.section-strip-header input:focus{outline:none}.postit-note{position:absolute;width:200px;min-height:180px;padding:12px;border-radius:4px;box-shadow:0 1px 2px #0000000a,0 1px 3px #00000005;cursor:move;pointer-events:auto;transition:box-shadow .2s,transform .1s;display:flex;flex-direction:column;gap:8px;overflow:hidden}.postit-note.postit-type-content,.postit-note.postit-type-notes,.postit-note.postit-further-info{width:450px}.postit-note:hover{box-shadow:0 2px 4px #0000000f,0 2px 6px #00000008;z-index:10}.postit-note.dragging{cursor:grabbing;box-shadow:0 3px 6px #00000014,0 4px 8px #0000000a;z-index:100;will-change:transform}.postit-note.color-yellow{background-color:var(--postit-yellow);border:1px solid var(--postit-yellow-border)}.postit-note.color-pink{background-color:var(--postit-pink);border:1px solid var(--postit-pink-border)}.postit-note.color-blue{background-color:var(--postit-blue);border:1px solid var(--postit-blue-border)}.postit-note.color-green{background-color:var(--postit-green);border:1px solid var(--postit-green-border)}.postit-note.color-orange{background-color:var(--postit-orange);border:1px solid var(--postit-orange-border)}.postit-note.color-purple{background-color:var(--postit-purple);border:1px solid var(--postit-purple-border)}.postit-field{display:flex;flex-direction:column;gap:2px}.postit-field-label{font-size:.75rem;font-weight:600;color:#00000080;padding-left:6px}.postit-field-textarea{background:transparent;border:none;resize:none;font-family:Libre Baskerville,serif;font-size:.875rem;line-height:1.5;color:#000000d9;outline:none;cursor:text!important;pointer-events:auto;min-height:40px;padding:6px;border-radius:3px;overflow:hidden}.postit-field-textarea:focus{outline:none}.postit-field-textarea.primary{font-weight:600;font-size:.95rem}.postit-field-textarea.further-info-title{font-size:.75rem;font-weight:600;color:#00000080;min-height:20px;padding:6px;margin-bottom:4px}.postit-field-textarea.further-info-title::placeholder{color:#0000004d}.postit-field-textarea.further-info-notes{font-size:.875rem;color:#000000d9;min-height:100px;padding:6px}.postit-field-textarea.further-info-notes::placeholder{color:#0006}.postit-timings-field{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;gap:8px;pointer-events:auto}.postit-timings-field .postit-field-label{padding-left:0;text-align:center;width:100%}.postit-timings-input-group{display:flex;flex-direction:column;align-items:center;gap:8px}.postit-timings-number{width:100px;background:transparent;border:2px solid rgba(0,0,0,.1);border-radius:8px;text-align:center;font-family:Libre Baskerville,serif;font-weight:700;font-size:2.5rem;color:#000000d9;outline:none;padding:12px;cursor:text!important;pointer-events:auto;appearance:textfield;-moz-appearance:textfield}.postit-timings-number::-webkit-outer-spin-button,.postit-timings-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.postit-timings-number:focus{outline:none}.postit-timings-unit{font-size:.875rem;font-weight:600;color:#0009}.scratchpad-section-divider{-webkit-user-select:none;user-select:none;color:var(--color-text-lighter);font-size:1rem;font-weight:600;pointer-events:none}.scratchpad-section-divider.main-header{margin-left:54px;margin-top:50px;margin-bottom:30px}.scratchpad-section-divider.further-info-header{margin-left:54px;margin-top:120px;margin-bottom:0}.scratchpad-add-section-btn{margin-left:40px;margin-top:10px;margin-bottom:100px}.scratchpad-add-item-btn{margin-left:40px;margin-top:0}.notepad-view{position:relative;width:100%;height:calc(100vh - 120px)}.notepad-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:8px;color:var(--color-text-secondary);font-size:.875rem;z-index:1000}.notepad-loading .icon{animation:spin 1s linear infinite}.notepad-error{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--color-chat-error-bg);border:1px solid var(--color-chat-error-border);border-radius:8px;color:var(--color-chat-error-text);font-size:.875rem;z-index:1000;max-width:400px;text-align:center}.notepad-offline-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--color-bg-warning);border:1px solid var(--color-border-warning);border-radius:8px;color:var(--color-text-warning);font-size:.875rem;z-index:1000;max-width:400px;text-align:center}.notepad-offline-indicator .pending-count{font-weight:600;color:var(--color-text-warning-dark)}.notepad-sync-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--color-bg-info);border:1px solid var(--color-border-info);border-radius:8px;color:var(--color-text-info);font-size:.875rem;z-index:1000;max-width:400px;text-align:center}.notepad-sync-indicator .icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notepad-toolbar.canvas-toolbar{position:absolute;top:-15px;left:-5px;z-index:10;gap:4px;padding:6px 8px}.notepad-color-btn{width:28px;height:28px;border-radius:5px;border:1px solid rgba(0,0,0,.15);cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}.notepad-color-btn:hover{box-shadow:0 1px 3px #0000001a}.notepad-color-btn:disabled{opacity:.5}.notepad-color-btn.color-yellow{background-color:var(--postit-yellow);border-color:var(--postit-yellow-border)}.notepad-color-btn.color-pink{background-color:var(--postit-pink);border-color:var(--postit-pink-border)}.notepad-color-btn.color-blue{background-color:var(--postit-blue);border-color:var(--postit-blue-border)}.notepad-color-btn.color-green{background-color:var(--postit-green);border-color:var(--postit-green-border)}.notepad-color-btn.color-orange{background-color:var(--postit-orange);border-color:var(--postit-orange-border)}.notepad-color-btn.color-purple{background-color:var(--postit-purple);border-color:var(--postit-purple-border)}.postit-content-scroll{flex:1;overflow-y:auto;margin:-5px -5px 0;padding-right:32px}.postit-field-textarea.notepad-content{font-size:.875rem;color:#000000d9;min-height:60px;width:100%;padding:8px;overflow:hidden}.postit-note:has(.postit-resource-label) .postit-content-scroll{margin-top:15px}.postit-field-textarea.notepad-content::placeholder{color:#0006}body.dark-mode .notepad-color-btn{border-color:#fff3}body.dark-mode .postit-field-textarea.notepad-content{color:#ffffffe6}body.dark-mode .postit-field-textarea.notepad-content::placeholder{color:#ffffff80}body.dark-mode .postit-field-textarea{color:#ffffffe6}body.dark-mode .postit-field-textarea::placeholder{color:#ffffff80}body.dark-mode .postit-field-textarea.further-info-title{color:#ffffffb3}body.dark-mode .postit-field-textarea.further-info-title::placeholder{color:#fff6}body.dark-mode .postit-field-textarea.further-info-notes{color:#ffffffe6}body.dark-mode .postit-field-textarea.further-info-notes::placeholder{color:#ffffff80}.postit-resize-handle{position:absolute;bottom:0;right:0;width:12px;height:12px;background:linear-gradient(-45deg,transparent 30%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.2) 40%,transparent 40%,transparent 60%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.2) 70%,transparent 70%);cursor:nw-resize;opacity:0;transition:opacity .2s ease}.postit-note:hover .postit-resize-handle,.postit-note.resizing .postit-resize-handle{opacity:1}.postit-note.resizing{cursor:nw-resize}.postit-resource-label{position:absolute;top:13px;left:13px;right:40px;font-family:Libre Baskerville,serif;font-size:11px;font-weight:400;color:var(--color-text-secondary)!important;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:5}body.dark-mode .postit-resource-label{color:var(--color-text-secondary)!important}.postit-resource-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:5}.postit-resource-icon .icon{font-size:18px;width:18px;height:18px}body.dark-mode .postit-resize-handle{background:linear-gradient(-45deg,transparent 30%,rgba(255,255,255,.2) 30%,rgba(255,255,255,.2) 40%,transparent 40%,transparent 60%,rgba(255,255,255,.2) 60%,rgba(255,255,255,.2) 70%,transparent 70%)}.notepad-resource-selector{position:fixed;bottom:18px;left:50%;transform:translate(-50%);margin-left:-10px;display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-node);border-radius:10px;z-index:100;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}body.canvas-gen-open .notepad-resource-selector{left:calc(var(--canvas-main-center, 50%) - 20px)}.main-content .notepad-resource-selector{left:calc(50% + 30px);max-width:calc(100vw - 120px)}.main-content.active .notepad-resource-selector{left:calc(50% + 115px);max-width:calc(100vw - 300px)}body.canvas-gen-open .main-content .notepad-resource-selector{max-width:calc(100vw - 120px - var(--gen-sidebar-width) - 40px);left:calc(50% + 30px - (var(--gen-sidebar-width) / 2))}body.canvas-gen-open .main-content.active .notepad-resource-selector{max-width:calc(100vw - 300px - var(--gen-sidebar-width) - 40px);left:calc(50% + 115px - (var(--gen-sidebar-width) / 2))}.notepad-resource-selector::-webkit-scrollbar{display:none}@media (max-width: 900px){.notepad-resource-selector{display:none}}.notepad-resource-content{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.notepad-resource-content::-webkit-scrollbar{display:none}.notepad-resource-arrow{display:none;flex-shrink:0;width:24px;height:24px;border-radius:50%;background-color:var(--color-input-bg-hover);border:1px solid var(--color-input-border-hover);cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center}.notepad-resource-arrow:hover{background-color:var(--color-input-border);color:var(--color-input-text)}.notepad-resource-arrow.visible{display:flex}.notepad-resource-arrow.left{margin-right:4px}.notepad-resource-arrow.right{margin-left:4px}.notepad-resource-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:6px;font-size:11px;color:var(--color-input-text);cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:left;line-height:1.2;overflow:visible;-webkit-user-select:none;user-select:none}.notepad-resource-button:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover)}.notepad-resource-button:active{background-color:var(--color-input-border)}.notepad-resource-button:focus{outline:none;border:1px solid var(--color-input-border-hover)}.notepad-resource-button .icon{width:16px;height:16px;flex-shrink:0;display:inline-block;pointer-events:none}.notepad-resource-button span{font-weight:500;line-height:1.2;word-wrap:break-word;pointer-events:none}.scratchpad-zoom-slider{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10}.scratchpad-add-btn{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;color:var(--color-text-lighter);font-family:Libre Baskerville,serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s;z-index:10}.scratchpad-add-btn:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-text)}body.dark-mode .scratchpad-add-btn{border-color:var(--color-border-primary)}body.dark-mode .scratchpad-add-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-medium)}.resource-container{margin:0;padding:8px 4px}.resource-title{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:1.25rem;color:var(--color-text-secondary);border:none;background:transparent;outline:none;padding:0;width:100%;display:block}.main-content .resource-container{margin-top:55px}.resource-items-container{font-family:Libre Baskerville,serif;display:flex;flex-direction:column;gap:1rem;margin-top:0;padding-right:20px;overflow-y:auto;height:calc(100vh - 110px);margin-right:-15px;position:relative}.resource-header-card{margin-bottom:1rem;cursor:default}.resource-header-card:hover{background-color:transparent!important;border:1px solid transparent!important;box-shadow:none!important;transform:none!important;transition:none!important}.article-hero-header .resource-header-card,.article-header-only .resource-header-card{max-width:880px;background:transparent;border:none;padding:0;margin-bottom:0;box-shadow:none}.article-hero-header .resource-header-card:hover,.article-header-only .resource-header-card:hover{box-shadow:none;border:none!important}.article-hero-header .resource-header-card:after,.article-header-only .resource-header-card:after{content:"";display:block;width:3rem;height:2px;background:#c45a3b;margin-top:1rem}body.dark-mode .article-hero-header .resource-header-card:after,body.dark-mode .article-header-only .resource-header-card:after{background:#d4654a}.resource-header-title-input{font-size:1.8rem;font-weight:700;line-height:1.35}.resource-header-card .resource-field:last-child .resource-input{padding-bottom:.1rem}@media (max-width: 768px){.resource-header-title-input{font-size:1.5rem}}.resource-input.resource-header-title-input{font-size:1.5rem;font-weight:700;line-height:1.5;padding-left:1rem}@media (max-width: 768px){.resource-input.resource-header-title-input{font-size:1.5rem}}.resource-intro-text{font-size:.96rem;font-weight:600;line-height:1.5;color:var(--color-text-muted)}.resource-input.resource-intro-text,.resource-input.resource-intro-text:focus,.resource-intro-text:focus{color:var(--color-text-muted);padding-left:1rem}.resource-input.article-subtitle-input{color:var(--color-text-muted)}.resource-input.article-subtitle-input:focus,.article-subtitle-input:focus{color:var(--color-text-muted)}.highlighted-textarea{position:relative;display:block;flex:1;min-width:0;width:100%}.highlighted-textarea textarea{position:relative;background:transparent;width:100%}.resource-item{background-color:transparent;border:1px solid transparent;border-radius:10px;padding:1rem;transition:all .2s ease;position:relative;width:100%;max-width:880px;margin-left:auto;margin-right:auto}.resource-item.numbered{padding-left:3rem}.resource-item:hover{border:1px solid var(--color-border-light)}.resource-item{cursor:grab}.resource-item.nodrag,.resource-item[data-draggable=false]{cursor:default}.resource-item:active{cursor:grabbing}.resource-item-dragging{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);opacity:.5;transform:rotate(.5deg);cursor:grabbing!important}.drag-ghost{position:absolute;z-index:10000;pointer-events:none;opacity:.85;transform:rotate(.15deg);box-shadow:0 4px 15px #0000001a}.drag-placeholder{opacity:.2}.drag-container-active{-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain}body.dragging{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.draggable-item{transition:transform .15s ease;will-change:transform}.resource-item-drag-over{box-shadow:0 2px 6px #00000026}.resource-field{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.5rem}@keyframes resource-shimmer{0%{background-position:0 100%}to{background-position:0 -100%}}.resource-item.shimmer-new:not(.article-paragraph){background:linear-gradient(180deg,transparent 0%,transparent 20%,rgba(238,238,238,.7) 35%,rgba(242,242,242,.8) 50%,rgba(238,238,238,.7) 65%,transparent 80%,transparent 100%);background-size:100% 200%;background-repeat:no-repeat;animation:resource-shimmer 5s ease-in-out forwards}body.dark-mode .resource-item.shimmer-new:not(.article-paragraph){background:linear-gradient(180deg,transparent 0%,transparent 20%,rgba(60,60,60,.45) 35%,rgba(65,65,65,.55) 50%,rgba(60,60,60,.45) 65%,transparent 80%,transparent 100%);background-size:100% 200%;background-repeat:no-repeat}.resource-field:last-child{margin-bottom:0}.resource-field label{display:block;font-size:.7rem;font-weight:500;color:var(--color-text-lighter);min-width:4rem;margin:2px 0 0;text-align:right;padding-top:2px}.resource-image-container{display:flex;flex-direction:column;align-items:stretch;width:240px;min-width:240px;position:relative;overflow:visible;border-radius:8px}.resource-image-thumb{display:block;width:240px;height:auto;object-fit:contain;border-radius:8px;border:1px solid var(--color-border-lighter);background-color:var(--color-bg-tertiary)}.resource-image-placeholder{width:240px;min-height:160px;border-radius:8px;border:1px dashed var(--color-border-lighter);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;padding:12px}.resource-image-url-input{width:100%;padding:8px 12px;border:1px solid var(--color-input-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:13px;text-align:center;outline:none!important;transition:all .2s ease}.resource-image-url-input:focus,.resource-image-url-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241),.1);outline:none!important}.resource-image-url-input::placeholder{color:var(--color-text-muted);text-align:center}.resource-image-url-input.overlay-input{background:#fffffff2;border:1px solid rgba(0,0,0,.2);color:#333;outline:none!important}.resource-image-url-input.overlay-input:focus,.resource-image-url-input.overlay-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241),.2);outline:none!important}.resource-image-url-input.overlay-input::placeholder{color:#666}.resource-image-caption{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;font-size:10.5px;line-height:1.3;color:#fff;background:linear-gradient(to top,#000000a6,#00000059);-webkit-backdrop-filter:blur(2px) saturate(120%);backdrop-filter:blur(2px) saturate(120%);border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:none;z-index:2;pointer-events:none}.resource-image-container:hover .resource-image-caption{display:block}.resource-image-alt-text{position:absolute;left:0;right:0;top:0;padding:6px 8px;font-size:10.5px;line-height:1.3;color:#fff;background:linear-gradient(to bottom,#000000a6,#00000059);-webkit-backdrop-filter:blur(2px) saturate(120%);backdrop-filter:blur(2px) saturate(120%);border-top-left-radius:8px;border-top-right-radius:8px;z-index:2;pointer-events:none}.resource-image-paste-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:var(--color-text-primary);border-radius:8px;padding:12px;z-index:3}.resource-item-number{position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Libre Baskerville,serif;font-size:.9rem;font-weight:600;color:var(--color-text-lighter)}.resource-input{flex:1;min-width:0;width:100%;border:none;background:transparent;outline:none;padding:.25rem 0;font-family:Libre Baskerville,serif;font-size:.78rem;color:var(--color-text-primary);line-height:1.5;transition:color .2s ease;resize:none;overflow:hidden;min-height:1.5em}.resource-input-primary{font-size:.88rem;font-weight:600;color:var(--color-text-secondary);padding-right:2rem}.resource-input::placeholder{color:var(--color-text-placeholder);opacity:.7}.resource-input:focus{color:var(--color-text-primary)}body.dark-mode .resource-item{background-color:transparent;border-color:transparent}body.dark-mode .resource-item:hover{border-color:var(--color-border-primary)}body.dark-mode .resource-item-dragging{background-color:var(--color-bg-primary);border-color:var(--color-border-primary)}body.dark-mode .resource-item-number{background-color:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-lighter)}body.dark-mode .resource-item-drag-over{box-shadow:0 2px 6px #ffffff14}.resource-tiles-container{position:relative;width:100%;height:600px;display:flex;align-items:center;justify-content:center;perspective:1000px;overflow:hidden;margin-left:0}.artifact-resource-container,.artifact-container{overflow-x:hidden}.resource-tile{position:absolute;width:450px;height:520px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .6s cubic-bezier(.4,0,.2,1);cursor:pointer;transform-origin:center center;backface-visibility:hidden}.resource-tile-content{padding:20px;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.resource-tile-header{font-family:Libre Baskerville,serif;font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:15px;text-align:center;border-bottom:1px solid var(--color-border-lighter);padding-bottom:10px}.resource-tile-field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem}.resource-tile-field:last-child{margin-bottom:0}.resource-tile-label{display:block;font-family:Libre Baskerville,serif;font-size:.7rem;font-weight:500;color:var(--color-text-lighter);margin:0}.resource-tile-textarea{border:none;background:transparent;outline:none;padding:.25rem 0;font-family:Libre Baskerville,serif;font-size:.78rem;color:var(--color-text-primary);line-height:1.5;transition:color .2s ease;resize:none;overflow:hidden;min-height:1.5em;width:100%}.resource-tile-textarea-primary{font-size:.88rem;font-weight:600;color:var(--color-text-secondary)}.resource-tile-textarea::placeholder{color:var(--color-text-placeholder);opacity:.7}.resource-tile-textarea:focus{color:var(--color-text-primary)}.resource-tile.focused{transform:translate(0) translateZ(0) rotateY(0) scale(1);opacity:1;z-index:10}.resource-tile.left{transform:translate(-180px) translateZ(-20px) rotateY(6deg) scale(.98);opacity:.5;z-index:5}.resource-tile.right{transform:translate(180px) translateZ(-20px) rotateY(-6deg) scale(.98);opacity:.5;z-index:5}.resource-tile.far-left{transform:translate(-340px) translateZ(-40px) rotateY(12deg) scale(.95);opacity:.15;z-index:1}.resource-tile.far-right{transform:translate(340px) translateZ(-40px) rotateY(-12deg) scale(.95);opacity:.15;z-index:1}.resource-tile.hidden{transform:translate(0) translateZ(-500px) rotateY(0) scale(.5);opacity:0;pointer-events:none;z-index:0}.resource-tile-navigation{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:20;align-items:center;visibility:hidden}.resource-tile-nav-btn{width:40px;height:40px;background-color:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:50%;color:var(--color-text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;visibility:visible}.resource-tile-nav-btn:disabled,.resource-tile-nav-btn[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}.resource-tile-nav-btn:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-text-primary);box-shadow:0 4px 12px #00000026}.resource-tile-nav-btn.prev{position:fixed;right:30px;top:50%;transform:translateY(calc(-50% - 10px))}.resource-tile-nav-btn.next{position:fixed;left:30px;top:50%;transform:translateY(calc(-50% - 10px))}body.dark-mode .resource-tile{background-color:var(--color-bg-primary);border-color:var(--color-border-primary);box-shadow:0 4px 12px #0000004d}body.dark-mode .resource-tile-header{border-bottom-color:var(--color-border-primary)}body.dark-mode .resource-tile-textarea{color:var(--color-text-primary)}body.dark-mode .resource-tile-textarea-primary{color:var(--color-text-secondary)}body.dark-mode .resource-tile-textarea:focus{color:var(--color-text-primary)}.resource-menu-container{position:fixed;top:20px;right:calc(var(--gen-sidebar-width, 300px) + 10px);z-index:5000;opacity:0;visibility:hidden;display:inline-block}body.artifact-view .resource-menu-container{opacity:1;visibility:visible}body.artifact-view .resource-menu-container.slide-deck-menu{visibility:hidden}.resource-menu-button{width:32px;height:32px;background-color:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:8px;color:var(--color-text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.resource-menu-button:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-text-primary)}.resource-menu-button:active{background-color:var(--color-input-border);transform:translateY(1px)}.resource-menu-button:focus{outline:none}.resource-menu-button i{font-size:14px}body.dark-mode .resource-menu-button{background-color:var(--color-button-bg);border-color:var(--color-input-border);color:var(--color-text-secondary)}body.dark-mode .resource-menu-button:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-text-primary)}.resource-menu-dropdown{position:absolute;top:100%;right:0;margin-top:3px;background-color:transparent;border:none;border-radius:8px;box-shadow:none;padding:0;display:none;z-index:5001;min-width:180px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.resource-menu-dropdown.show{display:block;visibility:visible;opacity:1}.resource-menu-dropdown .menu-item{padding:8px 12px;margin:-1px 0 0;display:flex;align-items:center;cursor:pointer;border-radius:0;border:1px solid var(--color-border-lighter);background-color:var(--color-bg-primary);transition:all .2s ease;font-family:Libre Baskerville,serif;font-size:11.5px;font-weight:400;color:var(--color-text-primary);width:100%;text-align:left}.resource-menu-dropdown .menu-item:first-child{border-radius:8px 8px 0 0;margin-top:0}.resource-menu-dropdown .menu-item:last-child{border-radius:0 0 8px 8px}.resource-menu-dropdown .menu-item:hover{background-color:var(--color-bg-hover)}.resource-menu-dropdown .menu-item .icon{width:22px;height:22px;margin-right:10px;text-align:center;color:var(--color-text-muted)}.resource-menu-dropdown .menu-item .icon.icon-file-pdf{color:var(--icon-color-red)}.resource-menu-dropdown .menu-item .icon.icon-file-word{color:var(--icon-color-blue)}body.dark-mode .resource-menu-dropdown{background-color:var(--color-bg-primary);border-color:var(--color-border-lighter);box-shadow:var(--shadow-medium)}body.dark-mode .resource-menu-dropdown .menu-item{color:var(--color-text-primary)}body.dark-mode .resource-menu-dropdown .menu-item:hover{background-color:var(--color-bg-hover)}body.dark-mode .resource-menu-dropdown .menu-item i{color:var(--color-text-muted)}body.dark-mode .resource-menu-dropdown .menu-item .icon.icon-file-pdf{color:var(--icon-color-red)}body.dark-mode .resource-menu-dropdown .menu-item .icon.icon-file-word{color:var(--icon-color-blue)}.question-menu-container{position:absolute;top:.5rem;right:.5rem;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.resource-item:hover>.question-menu-container{opacity:1;visibility:visible}.resource-item:hover .image-menu-container{opacity:0;visibility:hidden}.resource-image-container:hover>.image-menu-container,.vocab-tile-image-wrap:hover>.image-menu-container,.article-image-container:hover>.image-menu-container{opacity:1;visibility:visible}.image-menu-container{position:absolute;top:6px;right:6px}.resource-item.item-menu-open .resource-image-container .question-menu-container{opacity:0!important;visibility:hidden!important}.resource-item.item-menu-open .resource-image-container .question-menu-dropdown{display:none!important;visibility:hidden!important;opacity:0!important}.question-menu-button{width:28px;height:28px;background-color:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.question-menu-button:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-text-primary)}.question-menu-button:active{background-color:var(--color-input-border);transform:translateY(1px)}.question-menu-button:focus{outline:none}.question-menu-button i{font-size:14px}.question-menu-dropdown{position:absolute;top:100%;right:0;margin-top:3px;background-color:transparent;border:none;border-radius:8px;box-shadow:none;padding:0;display:none;z-index:3001;min-width:160px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.question-menu-dropdown.show{display:block;visibility:visible;opacity:1}.question-menu-dropdown.fixed-at-cursor{position:fixed;inset:0 auto auto 0;transform:none;margin-top:0;z-index:10020}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.item-menu-dropdown{z-index:5002}.image-menu-dropdown{z-index:10010}.resource-item:has(.question-menu-dropdown.show){z-index:3000}.menu-submenu-container,.question-menu-dropdown .menu-item.has-submenu{position:relative}.question-menu-submenu{position:absolute;top:0;left:100%;margin-top:0;display:none;visibility:hidden;opacity:0;z-index:10060}.menu-submenu-container:hover .question-menu-submenu{display:block;visibility:visible;opacity:1}.question-menu-dropdown .menu-item.submenu-selected .icon{color:var(--color-success)}.question-menu-dropdown .menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:-1px 0 0;border-radius:0;border:1px solid var(--color-border-lighter);background-color:var(--color-bg-primary);font-family:Open Sans,sans-serif;font-size:10.5px;font-weight:400;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.question-menu-dropdown .menu-item:first-child{border-radius:8px 8px 0 0;margin-top:0}.question-menu-dropdown .menu-item:last-child{border-radius:0 0 8px 8px}.question-menu-dropdown .menu-item:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-lighter)}.question-menu-dropdown .menu-item .icon{width:18px;height:18px;margin-right:8px;text-align:center;color:var(--color-text-placeholder)}.question-menu-dropdown .menu-item .icon.icon-trash{color:var(--icon-color-red)}.question-menu-dropdown .menu-item .icon.icon-file-pdf{color:var(--color-accent-pdf)}.question-menu-dropdown .menu-item .icon.icon-file-word{color:var(--color-icon)}.question-menu-dropdown .menu-item .icon.icon-file-powerpoint{color:var(--color-accent-pptx)}body.dark-mode .question-menu-dropdown .menu-item .icon{color:var(--color-text-muted)}body.dark-mode .question-menu-button{background-color:var(--color-button-bg);border-color:var(--color-input-border);color:var(--color-text-secondary)}body.dark-mode .question-menu-button:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-text-primary)}body.dark-mode .question-menu-dropdown{background-color:var(--color-bg-primary);border-color:var(--color-border-lighter);box-shadow:var(--shadow-medium)}body.dark-mode .question-menu-dropdown .menu-item{color:var(--color-text-primary)}body.dark-mode .question-menu-dropdown .menu-item:hover{background-color:var(--color-bg-hover)}body.dark-mode .question-menu-dropdown .menu-item i{color:var(--color-text-muted)}body.dark-mode .question-menu-dropdown .menu-item .icon.icon-trash{color:var(--icon-color-red)}.resource-add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-button-bg);border:1px solid var(--color-border-light);border-radius:8px;color:var(--color-text-lighter);font-family:Open Sans,sans-serif;font-size:.78rem;cursor:pointer;transition:all .2s ease;align-self:flex-start;margin-bottom:1rem;width:100%;max-width:880px;margin-left:auto;margin-right:auto}.resource-add-btn:hover{background-color:var(--color-button-bg-hover);color:var(--color-text-secondary)}.resource-add-btn i{font-size:12px}body.dark-mode .resource-add-btn{border-color:var(--color-border-primary);color:var(--color-text-lighter)}body.dark-mode .resource-add-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-medium);color:var(--color-text-secondary)}@media (max-width: 768px){.resource-items-container{gap:.75rem}.resource-item{padding:.75rem}.resource-item.numbered{padding-left:2.5rem}.resource-item-number{left:.5rem;width:1.5rem;height:1.5rem;font-size:.8rem}.resource-field{margin-bottom:.5rem}.resource-input{font-size:.83rem}.resource-input-primary{font-size:.93rem}.resource-field label{min-width:4rem;padding-top:0;margin-top:2px}.question-menu-container{top:.4rem;right:.4rem}.question-menu-button{width:20px;height:20px;font-size:10px}.question-menu-dropdown{min-width:140px}.question-menu-dropdown .menu-item{font-size:10px;padding:2px 8px}.resource-add-btn{padding:.6rem .8rem;font-size:.75rem}.resource-items-container,.resource-tile-content{scrollbar-width:none;-ms-overflow-style:none}.resource-items-container::-webkit-scrollbar,.resource-tile-content::-webkit-scrollbar{display:none}}@media (max-width: 768px){.resource-image-container{width:100%;min-width:0}.resource-image-thumb{width:100%;height:auto;object-fit:contain}.resource-image-placeholder{width:100%;height:160px}}@media (max-width: 1200px){.resource-menu-container{right:20px}}.questionnaire-question-field label,.questionnaire-markscheme-field label,.worksheet-question-field label,.worksheet-markscheme-field label,.exit-ticket-question-field label,.exit-ticket-markscheme-field label,.extension-activities-question-field label,.extension-activities-markscheme-field label,.questioning-question-field label{min-width:1.5rem;text-align:right;margin-top:2px}.lesson-plan-metadata-row,.lesson-plan-section-header{max-width:880px;width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.lesson-plan-header-section{margin-bottom:.5rem}.lesson-plan-metadata-row{display:flex;gap:1rem;flex-wrap:wrap}.lesson-plan-metadata-field{background-color:#fff;border:1px solid var(--color-border-light);border-radius:8px;padding:.75rem;flex:1;min-width:140px;display:flex;flex-direction:column;gap:.5rem}.lesson-plan-metadata-field label{font-size:.7rem;font-weight:500;color:var(--color-text-lighter);margin:0}.lesson-plan-metadata-input{border:none;background:transparent;outline:none;font-family:Libre Baskerville,serif;font-size:.8rem;font-weight:500;color:var(--color-text-primary);padding:0}.lesson-plan-metadata-input::placeholder{color:var(--color-text-placeholder);font-weight:400}.lesson-plan-sections{margin-top:1rem}.lesson-plan-section-header{font-family:Libre Baskerville,serif;font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-lighter)}.lesson-plan-metadata-row+.lesson-plan-section-header{margin-top:1.25rem}.lesson-plan-sections-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.lesson-plan-section{position:relative}.lesson-plan-fields-container{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1.75rem}.lesson-plan-section-title-input{font-size:.9rem;font-weight:600}.lesson-plan-section-duration-badge{position:absolute;bottom:10px;right:10px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-lighter);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:4px;font-family:Open Sans,sans-serif;font-size:.75rem;color:var(--color-text-secondary)}.lesson-plan-duration-unit{color:var(--color-text-lighter)}.lesson-plan-section-duration-input{border:none;background:transparent;outline:none;font-family:Open Sans,sans-serif;font-size:.75rem;font-weight:600;color:var(--color-text-primary);width:32px;text-align:center;padding:0}.lesson-plan-section-duration-input::-webkit-outer-spin-button,.lesson-plan-section-duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lesson-plan-section-duration-input[type=number]{-moz-appearance:textfield}.lesson-plan-section-duration-input::placeholder{color:var(--color-text-placeholder);font-weight:400}.lesson-plan-section-content-input{font-size:.8rem;min-height:1em}.lesson-plan-section-notes-input{font-size:.75rem;color:var(--color-text-lighter);min-height:1em;font-style:italic}.lesson-plan-further-info{margin-top:1rem}.lesson-plan-further-info-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.lesson-plan-further-info-fields-container{display:flex;flex-direction:column;gap:.5rem}.lesson-plan-further-info-title-input{font-size:.9rem;font-weight:600}.lesson-plan-further-info-notes-input{font-size:.8rem;min-height:1em}body.dark-mode .lesson-plan-metadata-field{background-color:var(--color-bg-primary);border-color:var(--color-border-primary)}body.dark-mode .lesson-plan-metadata-field label{color:var(--color-text-lighter)}body.dark-mode .lesson-plan-metadata-input{color:var(--color-text-primary)}body.dark-mode .lesson-plan-section-header{color:var(--color-text-secondary);border-bottom-color:var(--color-border-primary)}body.dark-mode .lesson-plan-section-notes-input{color:var(--color-text-lighter)}body.dark-mode .lesson-plan-duration-unit{color:var(--color-text-placeholder)}body.dark-mode .lesson-plan-section-duration-badge{background-color:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}body.dark-mode .lesson-plan-section-duration-input{color:var(--color-text-primary)}@media (max-width: 768px){.lesson-plan-header-section{margin-bottom:1.5rem}.lesson-plan-metadata-row{gap:.75rem;flex-direction:column}.lesson-plan-metadata-field{min-width:auto;padding:.6rem}.lesson-plan-metadata-field label{font-size:.65rem}.lesson-plan-metadata-input{font-size:.75rem}.lesson-plan-section-header{font-size:.9rem}.lesson-plan-sections-container{gap:.75rem}.lesson-plan-fields-container{gap:.4rem;padding-bottom:2rem}.lesson-plan-section-duration-badge{bottom:8px;right:8px;padding:5px 8px;font-size:.7rem}.lesson-plan-section-duration-input{width:28px;font-size:.7rem}.lesson-plan-section-title-field label,.lesson-plan-section-content-field label,.lesson-plan-section-notes-field label,.lesson-plan-further-info-title-field label,.lesson-plan-further-info-notes-field label{min-width:4rem}.lesson-plan-further-info{margin-top:1.5rem}.lesson-plan-further-info-container{gap:.75rem}.lesson-plan-further-info-fields-container{gap:.4rem}}@media (max-width: 480px){.lesson-plan-metadata-row{gap:.5rem}.lesson-plan-metadata-field{padding:.5rem}.lesson-plan-metadata-field label{font-size:.6rem}.lesson-plan-metadata-input{font-size:.7rem}.lesson-plan-section-duration-badge{bottom:6px;right:6px;padding:4px 6px;font-size:.65rem}.lesson-plan-section-duration-input{width:24px;font-size:.65rem}.lesson-plan-duration-unit{font-size:.65rem}.lesson-plan-section-title-field label,.lesson-plan-section-content-field label,.lesson-plan-section-notes-field label,.lesson-plan-further-info-title-field label,.lesson-plan-further-info-notes-field label{min-width:3rem;font-size:.65rem}.lesson-plan-further-info{margin-top:1rem}.lesson-plan-further-info-container{gap:.5rem}}.lesson-plan-tiles-view{display:flex;flex-direction:column;gap:2rem;overflow:hidden}.lesson-plan-sections-tiles-section,.lesson-plan-further-info-tiles-section{display:flex;flex-direction:column}.lesson-plan-tiles-view .lesson-plan-section-header{margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-lighter);text-align:center}.lesson-plan-sections-carousel,.lesson-plan-further-info-carousel{position:relative;width:100vw;height:600px;display:flex;align-items:center;justify-content:center;perspective:1000px;overflow:hidden;margin-left:calc(-50vw + 50%)}.lesson-plan-section-tile{position:absolute;width:450px;height:520px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .6s cubic-bezier(.4,0,.2,1);cursor:pointer;transform-origin:center center;backface-visibility:hidden}.lesson-plan-section-tile-content{padding:20px;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.lesson-plan-section-tile-header{font-family:Libre Baskerville,serif;font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:15px;text-align:center;border-bottom:1px solid var(--color-border-lighter);padding-bottom:10px;border-top:none;border-left:none;border-right:none;background:transparent;outline:none;resize:none;overflow:hidden;min-height:1.5em;width:100%;line-height:1.5;transition:color .2s ease}.lesson-plan-section-tile-header::placeholder{color:var(--color-text-placeholder);opacity:.7}.lesson-plan-section-tile-header:focus{color:var(--color-text-primary)}.lesson-plan-section-tile-content-field,.lesson-plan-section-tile-notes-field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem}.lesson-plan-section-tile-content-field:last-child,.lesson-plan-section-tile-notes-field:last-child{margin-bottom:0}.lesson-plan-section-tile-label{display:block;font-size:.7rem;font-weight:500;color:var(--color-text-lighter);margin:0}.lesson-plan-section-tile-content-textarea,.lesson-plan-section-tile-notes-textarea{border:none;background:transparent;outline:none;padding:.25rem 0;font-family:Open Sans,sans-serif;font-size:.8rem;color:var(--color-text-primary);line-height:1.5;transition:color .2s ease;resize:none;overflow:hidden;min-height:1.5em;width:100%}.lesson-plan-section-tile-content-textarea::placeholder,.lesson-plan-section-tile-notes-textarea::placeholder{color:var(--color-text-placeholder);opacity:.7}.lesson-plan-section-tile-content-textarea:focus,.lesson-plan-section-tile-notes-textarea:focus{color:var(--color-text-primary)}.lesson-plan-section-tile-duration-badge{position:absolute;bottom:10px;right:10px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-lighter);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:4px;font-family:Open Sans,sans-serif;font-size:.75rem}.lesson-plan-section-tile-duration-input{border:none;background:transparent;outline:none;font-family:Open Sans,sans-serif;font-size:.75rem;font-weight:600;color:var(--color-text-primary);width:32px;text-align:center;padding:0}.lesson-plan-section-tile-duration-input::-webkit-outer-spin-button,.lesson-plan-section-tile-duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lesson-plan-section-tile-duration-input[type=number]{-moz-appearance:textfield}.lesson-plan-section-tile-duration-input::placeholder{color:var(--color-text-placeholder);font-weight:400}.lesson-plan-tile-duration-unit{font-family:Open Sans,sans-serif;font-size:.75rem;color:var(--color-text-lighter);font-weight:500}.lesson-plan-further-info-tile{position:absolute;width:450px;height:520px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .6s cubic-bezier(.4,0,.2,1);cursor:pointer;transform-origin:center center;backface-visibility:hidden}.lesson-plan-further-info-tile-content{padding:20px;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.lesson-plan-further-info-tile-header{font-family:Libre Baskerville,serif;font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:15px;text-align:center;border-bottom:1px solid var(--color-border-lighter);padding-bottom:10px;border-top:none;border-left:none;border-right:none;background:transparent;outline:none;resize:none;overflow:hidden;min-height:1.5em;width:100%;line-height:1.5;transition:color .2s ease}.lesson-plan-further-info-tile-header::placeholder{color:var(--color-text-placeholder);opacity:.7}.lesson-plan-further-info-tile-header:focus{color:var(--color-text-primary)}.lesson-plan-further-info-tile-notes-field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem}.lesson-plan-further-info-tile-notes-field:last-child{margin-bottom:0}.lesson-plan-further-info-tile-label{display:block;font-size:.7rem;font-weight:500;color:var(--color-text-lighter);margin:0}.lesson-plan-further-info-tile-notes-textarea{border:none;background:transparent;outline:none;padding:.25rem 0;font-family:Open Sans,sans-serif;font-size:.8rem;color:var(--color-text-primary);line-height:1.5;transition:color .2s ease;resize:none;overflow:hidden;min-height:1.5em;width:100%}.lesson-plan-further-info-tile-notes-textarea::placeholder{color:var(--color-text-placeholder);opacity:.7}.lesson-plan-further-info-tile-notes-textarea:focus{color:var(--color-text-primary)}.lesson-plan-tile-navigation{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:20;align-items:center;visibility:hidden}.lesson-plan-tile-nav-btn{width:40px;height:40px;background-color:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:50%;color:var(--color-text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;visibility:visible}.lesson-plan-tile-nav-btn:hover{background-color:var(--color-button-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-text-primary);box-shadow:0 4px 12px #00000026}.lesson-plan-tile-nav-btn.prev{position:fixed;right:30px;top:50%;transform:translateY(calc(-50% - 10px))}.lesson-plan-tile-nav-btn.next{position:fixed;left:30px;top:50%;transform:translateY(calc(-50% - 10px))}body.dark-mode .lesson-plan-tiles-view .lesson-plan-section-header{border-bottom-color:var(--color-border-primary)}body.dark-mode .lesson-plan-section-tile,body.dark-mode .lesson-plan-further-info-tile{background-color:var(--color-bg-primary);border-color:var(--color-border-primary);box-shadow:0 4px 12px #0000004d}body.dark-mode .lesson-plan-section-tile-header,body.dark-mode .lesson-plan-further-info-tile-header{border-bottom-color:var(--color-border-primary);color:var(--color-text-secondary)}body.dark-mode .lesson-plan-section-tile-header:focus,body.dark-mode .lesson-plan-further-info-tile-header:focus{color:var(--color-text-primary)}body.dark-mode .lesson-plan-section-tile-content-textarea,body.dark-mode .lesson-plan-section-tile-notes-textarea,body.dark-mode .lesson-plan-further-info-tile-notes-textarea{color:var(--color-text-primary)}body.dark-mode .lesson-plan-section-tile-content-textarea:focus,body.dark-mode .lesson-plan-section-tile-notes-textarea:focus,body.dark-mode .lesson-plan-further-info-tile-notes-textarea:focus{color:var(--color-text-primary)}body.dark-mode .lesson-plan-section-tile-duration-badge{background-color:var(--color-bg-tertiary);border-color:var(--color-border-primary)}body.dark-mode .lesson-plan-section-tile-duration-input{color:var(--color-text-primary)}body.dark-mode .lesson-plan-tile-duration-unit{color:var(--color-text-lighter)}@media (max-width: 768px){.lesson-plan-tiles-view{gap:2rem}.lesson-plan-section-tile-duration-badge{bottom:8px;right:8px;padding:5px 8px;font-size:.7rem}.lesson-plan-section-tile-duration-input{width:28px;font-size:.7rem}.lesson-plan-tile-duration-unit{font-size:.7rem}}@media (max-width: 480px){.lesson-plan-tiles-view{gap:1.5rem}.lesson-plan-section-tile-duration-badge{bottom:6px;right:6px;padding:4px 6px;font-size:.65rem}.lesson-plan-section-tile-duration-input{width:24px;font-size:.65rem}.lesson-plan-tile-duration-unit{font-size:.65rem}}.question-slide-container{width:1920px;height:1080px;padding:60px 80px;display:flex;flex-direction:column;background:var(--color-bg-primary)}.slide:fullscreen::backdrop,.slide:-webkit-full-screen::backdrop,.slide:-moz-full-screen::backdrop{background:#000}.question-slide-container.compact{padding:50px 80px}.question-slide-container.compact .question-slide-options-grid{max-width:1400px;gap:32px;margin-top:10px}.question-slide-container.compact .question-slide-option{padding:28px;min-height:110px}.question-slide-container.compact .question-slide-option.size-large{font-size:2.8rem}.question-slide-container.compact .question-slide-option.size-medium{font-size:2rem}.question-slide-container.compact .question-slide-option.size-small{font-size:1.6rem}.question-slide-text{font-family:Libre Baskerville,serif;font-size:2.8rem;font-weight:600;color:var(--color-text-primary);margin-bottom:30px;text-align:left;line-height:1.5}.question-slide-text.q-size-medium{font-size:2.2rem;margin-bottom:24px}.question-slide-text.q-size-small{font-size:1.8rem;margin-bottom:20px;line-height:1.4}.question-slide-image{max-width:60%;max-height:40%;margin:0 auto 30px;border-radius:12px;object-fit:contain;border:1px solid var(--color-border-light)}.question-slide-options-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:40px;max-width:1500px;width:100%;margin:20px auto 0;flex:1;align-content:center}.question-slide-option{padding:35px;border:3px solid;border-radius:20px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Libre Baskerville,serif;font-size:1.8rem;line-height:1.6;position:relative;min-height:130px;cursor:pointer}.question-slide-option.size-large{font-size:3.2rem;line-height:1.4}.question-slide-option.size-medium{font-size:2.4rem;line-height:1.5}.question-slide-option.size-small{font-size:1.8rem;line-height:1.6}.question-slide-option:nth-child(1){background:#ef444414;border-color:#ef444466}.question-slide-option:nth-child(2){background:#3b82f614;border-color:#3b82f666}.question-slide-option:nth-child(3){background:#eab30814;border-color:#eab30866}.question-slide-option:nth-child(4){background:#22c55e14;border-color:#22c55e66}.question-slide-option.revealed{background:#96969614!important;border-color:#9696964d!important;opacity:.5}.question-slide-option.correct{border-color:#22c55e!important;background:#22c55e26!important;border-width:4px;opacity:1!important}.question-slide-option.incorrect{border-color:#ef4444!important;background:#ef444426!important;border-width:4px;opacity:1}.question-slide-option-icon{position:absolute;top:18px;left:20px;font-size:2.8rem;opacity:1}.question-slide-option:nth-child(1) .question-slide-option-icon{color:#ef4444b3}.question-slide-option:nth-child(2) .question-slide-option-icon{color:#3b82f6b3}.question-slide-option:nth-child(3) .question-slide-option-icon{color:#eab308b3}.question-slide-option:nth-child(4) .question-slide-option-icon{color:#22c55eb3}.question-slide-option-check{position:absolute;top:16px;right:18px;font-size:2.8rem;color:#22c55e}.question-slide-reveal-btn{margin-top:auto;padding:14px 28px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-button-bg);color:var(--color-text-secondary);cursor:pointer;align-self:center;font-family:Libre Baskerville,serif;font-size:1.1rem;display:flex;align-items:center}.question-slide-reveal-btn:hover{background:var(--color-button-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-text-primary)}.question-slide-answer{margin-top:12px;padding:24px 28px;border:1px solid var(--color-border-light);border-radius:8px;background:var(--color-input-bg);max-width:900px;width:100%;font-family:Libre Baskerville,serif;font-size:1.15rem;line-height:1.6}body.dark-mode .question-slide-container{background:var(--color-bg-primary)}body.dark-mode .question-slide-option{border-color:var(--color-border-primary);background:var(--color-input-bg)}body.dark-mode .question-slide-option.correct{border-color:#22c55e;background:#22c55e26}.quiz-presentation-container{background-color:red}.questionnaire-dynamic-fields{margin-top:.5rem}.questionnaire-options-container{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;margin-bottom:.5rem}.questionnaire-option{display:flex;align-items:center;gap:.75rem;padding:.3rem .75rem;background-color:transparent;border:1px solid var(--color-border-lighter);border-radius:8px;transition:all .2s ease}.questionnaire-option:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light)}.questionnaire-option-radio{width:20px;height:20px;border:1px solid var(--color-border-lighter);border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative;background-color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-light)}.questionnaire-option-radio:hover{border-color:var(--color-border-medium)}.questionnaire-option-radio.selected{border-color:var(--color-success);background-color:var(--color-bg-primary);color:var(--color-success)}.questionnaire-option-radio .icon{display:none;width:14px;height:14px;color:var(--color-success)}.questionnaire-option-radio.selected .icon{display:inline-block}.questionnaire-option-input{flex:1;border:none;background:transparent;outline:none;padding:.25rem 0;margin-top:6px;font-family:Libre Baskerville,serif;font-size:.78rem;color:var(--color-text-primary);transition:color .2s ease;resize:none}.highlighted-textarea .highlight-layer.questionnaire-option-input{top:7px}.questionnaire-option-input::placeholder{color:var(--color-text-placeholder);opacity:.7}.questionnaire-option-input:focus{color:var(--color-text-primary)}.questionnaire-remove-option-btn{width:20px;height:20px;border:none;background:none;color:var(--color-text-lighter);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}.questionnaire-remove-option-btn:hover{background-color:var(--color-accent-delete-hover);color:var(--color-danger)}.questionnaire-add-option-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:transparent;border:1px solid var(--color-border-lighter);border-radius:8px;color:var(--color-text-lighter);font-family:Open Sans,sans-serif;font-size:.75rem;cursor:pointer;transition:all .2s ease;align-self:flex-start}.questionnaire-add-option-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.questionnaire-add-option-btn i{font-size:12px}.questionnaire-markscheme-input{min-height:1em;font-style:italic;opacity:.9}body.dark-mode .questionnaire-option{background-color:var(--color-bg-hover);border-color:var(--color-border-primary)}body.dark-mode .questionnaire-option:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium)}body.dark-mode .questionnaire-option-radio{background-color:var(--color-bg-primary);border-color:var(--color-border-lighter)}body.dark-mode .questionnaire-option-radio:hover{border-color:var(--color-border-medium)}body.dark-mode .questionnaire-option-radio.selected{border-color:var(--color-border-lighter);background-color:var(--color-bg-primary)}body.dark-mode .questionnaire-add-option-btn{border-color:var(--color-border-primary);color:var(--color-text-lighter)}body.dark-mode .questionnaire-add-option-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-medium);color:var(--color-text-secondary)}body.dark-mode .questionnaire-remove-option-btn:hover{background-color:var(--color-accent-delete-hover);color:var(--color-danger)}@media (max-width: 768px){.questionnaire-option{padding:.4rem .6rem;gap:.6rem}.questionnaire-option-radio{width:18px;height:18px}.questionnaire-option-input{font-size:.83rem}.questionnaire-add-option-btn{padding:.4rem .6rem;font-size:.7rem}.questionnaire-question-field label,.questionnaire-markscheme-field label{min-width:4rem}}.extended-task-instructions-section,.extended-task-criteria-section{margin-top:1rem;margin-bottom:1rem}.extended-task-section-header{font-family:Libre Baskerville,serif;font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-lighter);max-width:880px;width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.extended-task-instructions-container,.extended-task-criteria-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.extended-task-fields-container{display:flex;flex-direction:column;gap:.5rem}.extended-task-title-input,.extended-task-criterion-input{font-size:.9rem;font-weight:600}.extended-task-content-input,.extended-task-description-input{font-size:.8rem}.extended-task-content-input{min-height:3em}.extended-task-description-input{min-height:2em}.extended-task-points-input{flex:none;border:none;background:transparent;outline:none;padding:.25rem 0;font-family:Open Sans,sans-serif;font-size:1rem;color:var(--color-text-primary);line-height:1.5;transition:color .2s ease;width:50px;text-align:center}.extended-task-points-input::placeholder{color:var(--color-text-placeholder);opacity:.7}.extended-task-points-input:focus{color:var(--color-text-primary)}.extended-task-add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:transparent;border:1px solid var(--color-border-light);border-radius:8px;color:var(--color-text-lighter);font-family:Open Sans,sans-serif;font-size:.8rem;cursor:pointer;transition:all .2s ease;align-self:flex-start;margin-bottom:1rem;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.extended-task-add-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.extended-task-add-btn i{font-size:12px}body.dark-mode .extended-task-section-header{color:var(--color-text-secondary);border-bottom-color:var(--color-border-primary)}body.dark-mode .extended-task-points-input{color:var(--color-text-primary)}body.dark-mode .extended-task-points-input:focus{color:var(--color-text-primary)}body.dark-mode .extended-task-add-btn{border-color:var(--color-border-primary);color:var(--color-text-lighter)}body.dark-mode .extended-task-add-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-medium);color:var(--color-text-secondary)}@media (max-width: 768px){.extended-task-instructions-section,.extended-task-criteria-section{margin-bottom:1.5rem}.extended-task-section-header{font-size:.9rem}.extended-task-instructions-container,.extended-task-criteria-container{gap:.75rem}.extended-task-fields-container{gap:.4rem}.extended-task-add-btn{padding:.6rem .8rem;font-size:.75rem}.extended-task-points-input{width:80px;font-size:.8rem}.extended-task-title-field label,.extended-task-content-field label,.extended-task-criterion-field label,.extended-task-description-field label,.extended-task-points-field label{min-width:4.5rem}}.pdv-view{width:100%;height:100%;overflow-y:auto;padding:0}.pdv-container{max-width:720px;margin:0 auto;display:flex;flex-direction:column;padding:0 20px 40px}.pdv-header{padding:20px 0;border-bottom:1px solid var(--color-border-light);margin-bottom:24px}.pdv-header-title{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:10px}.pdv-header-title .icon{font-size:18px;width:18px;height:18px;color:var(--color-text-muted)}.pdv-content{display:flex;flex-direction:column;gap:32px}.pdv-section{display:flex;flex-direction:column}.pdv-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pdv-section-title{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.pdv-section-header .pdv-section-title{margin-bottom:0}.pdv-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-bg-secondary);border-radius:10px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;color:var(--color-text-muted)}.pdv-field{display:flex;flex-direction:column;gap:8px}.pdv-field-label{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:var(--color-text-muted)}.pdv-title-row{display:flex;gap:12px;align-items:center}.pdv-title-row .pdv-input{flex:1}.pdv-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:1px solid var(--color-border-light);border-radius:8px;color:var(--color-text-secondary);font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pdv-save-btn:hover:not(:disabled):not(.saved){background:var(--color-bg-hover);border-color:var(--color-border-medium);color:var(--color-text-primary)}.pdv-save-btn:disabled{opacity:.4;cursor:default}.pdv-save-btn.saved{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}body.dark-mode .pdv-save-btn.saved{background:#1b3d1f;border-color:#4caf50;color:#81c784}.pdv-add-resource-form{display:flex;gap:12px;align-items:center}.pdv-type-dropdown{position:relative;flex:1;min-width:180px}.pdv-type-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-input-text);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.pdv-type-trigger:hover{border-color:var(--color-input-border-hover);background:var(--color-input-bg-hover)}.pdv-type-trigger .icon{width:16px;height:16px;flex-shrink:0}.pdv-type-trigger span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdv-type-trigger span.placeholder{color:var(--color-text-muted)}.pdv-type-trigger .chevron{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0;transition:transform .15s ease}.pdv-type-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:8px;box-shadow:var(--shadow-medium);z-index:100;max-height:320px;overflow-y:auto}.pdv-type-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:background .1s ease;text-align:left}.pdv-type-option:hover{background:var(--color-bg-hover)}.pdv-type-option.selected{background:var(--color-bg-secondary)}.pdv-type-option .icon{width:16px;height:16px;flex-shrink:0}.pdv-type-option span{flex:1}.pdv-type-option .check{width:14px;height:14px;color:var(--icon-color-green);flex-shrink:0}.pdv-input{flex:2;padding:10px 14px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-input-text);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease}.pdv-input::placeholder{color:var(--color-text-muted)}.pdv-input:hover{border-color:var(--color-input-border-hover);background:var(--color-input-bg-hover)}.pdv-input:focus{outline:none;box-shadow:var(--shadow-focus);border-color:transparent}.pdv-add-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:1px solid var(--color-border-light);border-radius:8px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.pdv-add-btn:hover:not(:disabled){border-color:var(--color-border-primary);background:var(--color-bg-hover);color:var(--color-text-primary)}.pdv-add-btn:disabled{opacity:.5}.pdv-add-btn .icon{font-size:14px;width:14px;height:14px}@media (max-width: 640px){.pdv-add-resource-form{flex-direction:column}.pdv-type-dropdown,.pdv-input,.pdv-add-btn{width:100%}}.pdv-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pdv-quick-card{display:flex;align-items:center;gap:12px;padding:16px;background:transparent;border:1px solid var(--color-border-light);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.pdv-quick-card:hover{border-color:var(--color-border-primary);background:var(--color-bg-hover)}.pdv-quick-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:8px;flex-shrink:0}.pdv-quick-icon .icon{font-size:18px;width:18px;height:18px}.pdv-quick-label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:var(--color-text-primary)}.pdv-resources-list{display:flex;flex-direction:column;background:transparent;border:1px solid var(--color-border-light);border-radius:8px}.pdv-resources-list .pdv-resource-row:first-child{border-radius:8px 8px 0 0}.pdv-resources-list .pdv-resource-row:last-child{border-radius:0 0 8px 8px}.pdv-resources-list .pdv-resource-row:only-child{border-radius:8px}.pdv-resource-row{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--color-border-light);transition:background .15s ease}.pdv-resource-row:last-child{border-bottom:none}.pdv-resource-row:hover{background:var(--color-bg-hover)}.pdv-resource-main{flex:1;display:flex;align-items:center;gap:14px;padding:18px 16px;background:none;border:none;cursor:pointer;text-align:left;min-width:0}.pdv-resource-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:8px;flex-shrink:0}.pdv-resource-icon .icon{font-size:16px;width:16px;height:16px}.pdv-resource-info{display:flex;flex-direction:column;gap:4px;min-width:0}.pdv-resource-title{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdv-resource-type{font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;color:var(--color-text-muted)}.pdv-resource-actions{display:flex;align-items:center;gap:4px;padding-right:12px;opacity:0;transition:opacity .15s ease}.pdv-resource-row:hover .pdv-resource-actions{opacity:1}.pdv-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.pdv-action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.pdv-action-btn.danger:hover{background:#d9534f1a;color:var(--color-danger, #d9534f)}.pdv-action-btn .icon{font-size:14px;width:14px;height:14px}.pdv-action-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);padding:5px 10px;border-radius:6px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:var(--shadow-medium);z-index:100;border:1px solid var(--color-border-lighter)}.pdv-action-btn:hover:after{opacity:1}.pdv-actions-grid{display:flex;flex-wrap:wrap;gap:12px}.pdv-action-card{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid var(--color-border-light);border-radius:8px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.pdv-action-card:hover:not(:disabled){border-color:var(--color-border-primary);background:var(--color-bg-hover);color:var(--color-text-primary)}.pdv-action-card:disabled{opacity:.6;cursor:not-allowed}.pdv-action-card .icon{font-size:16px;width:16px;height:16px}.pdv-delete-section{margin-top:16px;padding:20px;border:1px solid var(--color-border-light);border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:20px}.pdv-delete-description{font-family:Montserrat,sans-serif;font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.pdv-delete-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--color-border-light);border-radius:8px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.pdv-delete-btn:hover{border-color:var(--color-danger, #d9534f);color:var(--color-danger, #d9534f);background:#d9534f0d}.pdv-delete-btn .icon{font-size:14px;width:14px;height:14px}@media (max-width: 640px){.pdv-container{padding:0 16px 32px}.pdv-quick-grid{grid-template-columns:1fr}.pdv-resource-actions{opacity:1}.pdv-action-card{width:100%;justify-content:center}}body.dark-mode .pdv-resources-list{background:var(--color-bg-secondary)}body.dark-mode .pdv-resource-row:hover{background:var(--color-bg-tertiary)}body.dark-mode .pdv-quick-card{background:var(--color-bg-secondary)}body.dark-mode .pdv-quick-card:hover{background:var(--color-bg-tertiary)}body.dark-mode .pdv-delete-section,body.dark-mode .pdv-type-trigger{background:var(--color-bg-secondary)}body.dark-mode .pdv-type-menu{background:var(--color-bg-secondary);border-color:var(--color-border-light)}body.dark-mode .pdv-type-option:hover,body.dark-mode .pdv-type-option.selected{background:var(--color-bg-tertiary)}body.dark-mode .pdv-input,body.dark-mode .pdv-add-btn{background:var(--color-bg-secondary)}body.dark-mode .pdv-add-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}body.dark-mode .pdv-action-card{background:var(--color-bg-secondary)}body.dark-mode .pdv-action-card:hover:not(:disabled){background:var(--color-bg-tertiary)}body.dark-mode .pdv-save-btn{background:var(--color-bg-secondary)}body.dark-mode .pdv-save-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}.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:10px 32px 10px 16px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;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-bg-secondary);border-color:var(--color-border-light)}.custom-dropdown-trigger:focus{outline:none;border-color:var(--color-border-light)}.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{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:9999;max-height:300px;overflow-y:auto;overflow-x:hidden;animation:dropdown-fade-in .15s ease}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{background:transparent;margin:4px 0}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-scrollbar, #aaa);border-radius:3px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--color-border-medium, #999)}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{width:100%;padding:10px 16px;border:none;background:transparent;color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between;gap:8px}.custom-dropdown-item:hover{background:var(--color-bg-secondary)}.custom-dropdown-item.active{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.custom-dropdown-check{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}@media (max-width: 768px){.custom-dropdown-trigger{min-width:100%}}.settings-view{width:100%;height:100%;overflow-y:auto;padding:0}.settings-view-container{max-width:100%;margin:0 auto;display:flex;flex-direction:column;min-height:100%;padding:0 20px 40px}.settings-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}.settings-modal.show{opacity:1;visibility:visible}.settings-modal-container{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:900px;height:85vh;max-height:700px;display:flex;flex-direction:column;overflow:hidden}.settings-header{padding:20px 0;border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-bottom:24px}.settings-modal-container .settings-header{padding:20px 24px;margin-bottom:0}.settings-header-title{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:10px}.settings-header-title i,.settings-header-title .icon{font-size:18px;width:18px;height:18px;color:var(--color-text-muted)}.settings-close-button{background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--color-text-placeholder);cursor:pointer;transition:all .15s ease}.settings-close-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-close-button i,.settings-close-button .icon{font-size:16px;width:16px;height:16px}.settings-body{display:flex;flex:1;overflow:hidden;gap:24px}.settings-view .settings-body{overflow:visible}.settings-menu{width:200px;flex-shrink:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.settings-modal-container .settings-menu{border-right:1px solid var(--color-border-light);padding:16px 12px}.settings-menu-item{padding:10px 14px;border-radius:6px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;gap:10px}.settings-menu-item i,.settings-menu-item .icon{font-size:16px;width:18px;height:18px;min-width:18px;flex-shrink:0}.settings-menu-item:hover{background:var(--color-main-content-bg);border-color:var(--color-border-lighter);color:var(--color-text-secondary)}.settings-menu-item.active{background:var(--color-main-content-bg);color:var(--color-text-secondary);font-weight:600;border-color:var(--color-border-lighter)}.settings-content{flex:1;overflow-y:auto;padding:24px 24px 40px;max-width:900px;margin:0 auto;background:var(--color-sidebar-bg);border:1px solid var(--color-border-lighter);border-radius:8px}.settings-modal-container .settings-content{padding:24px;max-width:none;margin:0;background:transparent;border:none;border-radius:0}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 16px}.settings-section-description{font-family:Montserrat,sans-serif;font-size:13px;font-weight:400;color:var(--color-text-muted);margin:0 0 16px;line-height:1.5}.settings-field{margin-bottom:20px}.settings-field-label{display:block;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:var(--color-text-muted);margin-bottom:8px}.settings-field-hint{font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-light);margin-top:6px}.settings-input,.settings-input select{width:100%;max-width:400px;padding:10px 14px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-input-text);font-family:Montserrat,sans-serif;font-size:14px;transition:all .2s ease}textarea.settings-textarea{max-width:100%}select.settings-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.settings-input:hover{background-color:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}select.settings-input:hover{background-color:var(--color-input-bg-hover);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.settings-input:focus{box-shadow:var(--shadow-focus);border:none;outline:none}select.settings-input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.settings-input:disabled{opacity:.6}.settings-input-readonly{background:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-muted);cursor:default}.settings-textarea{resize:none;height:150px;line-height:1.5}.theme-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:800px}.theme-card{position:relative;background:transparent;border:1px solid var(--color-border-lighter);border-radius:8px;padding:20px;text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column;text-align:left;cursor:pointer}.theme-card:hover{border-color:var(--color-border-light);box-shadow:0 2px 8px #0000000f}.theme-card-icon{width:24px;height:24px;margin-bottom:12px}.theme-card-title{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;margin:0}.theme-card-check{position:absolute;top:12px;right:12px;width:18px;height:18px;color:inherit}.theme-card.light-theme{background:#fff!important;color:#1a1a1a!important;border-color:#e5e5e5!important}.theme-card.light-theme .theme-card-icon{color:#f59e0b!important}.theme-card.dark-theme{background:#1a1a1a!important;color:#e5e5e5!important;border-color:#333!important}.theme-card.dark-theme .theme-card-icon{color:#60a5fa!important}.theme-card.dark-theme .theme-card-description{color:#e5e5e5!important}.theme-card.system-theme{background:transparent}.theme-card.system-theme .theme-card-icon{color:#a78bfa}.theme-card.light-theme.active{border-color:#f59e0b!important;border-width:2px;box-shadow:0 0 0 1px #f59e0b,0 2px 8px #f59e0b26!important}.theme-card.light-theme.active .theme-card-check{color:#f59e0b!important}.theme-card.dark-theme.active{border-color:#60a5fa!important;border-width:2px;box-shadow:0 0 0 1px #60a5fa,0 2px 8px #60a5fa26!important}.theme-card.dark-theme.active .theme-card-check{color:#60a5fa!important}.theme-card.system-theme.active{border-color:#a78bfa!important;border-width:2px;box-shadow:0 0 0 1px #a78bfa,0 2px 8px #a78bfa26!important}.theme-card.system-theme.active .theme-card-check{color:#a78bfa!important}.theme-card.light-theme:hover{background:#f5f5f5!important;border-color:#d4d4d4!important}.theme-card.dark-theme:hover{background:#242424!important;border-color:#404040!important}.theme-card.system-theme:hover{border-color:var(--color-border-light)}.settings-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:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.settings-button:hover{background:var(--color-bg-hover);box-shadow:0 2px 8px #0000001a}.settings-button:active{transform:scale(.98)}.settings-button:disabled{opacity:.5;cursor:default}.settings-button.secondary{background:var(--color-bg-tertiary, #f5f5f5);color:var(--color-text-secondary, #666)}.settings-button.danger{color:var(--color-danger, #d9534f)}.settings-button.danger:hover{background:var(--color-bg-hover)}.settings-back-button{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;margin-bottom:12px}.settings-back-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-back-button:active{transform:scale(.98)}.settings-back-button:disabled{opacity:.5;cursor:default}.settings-back-button .icon{width:16px;height:16px}.settings-divider{height:1px;background:var(--color-border-light);margin:24px 0;border:none;flex-shrink:0}.settings-danger-zone{margin-top:32px;padding:20px;border:1px solid var(--color-border-light);border-radius:8px;background:var(--color-bg-secondary)}.settings-danger-zone-title{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:var(--color-danger, #d9534f);margin:0 0 8px}.settings-danger-zone-description{font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-muted);margin:0 0 12px}.settings-save-status{display:flex;align-items:center;gap:6px;font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-light);margin-top:8px}.settings-save-status.saving{color:var(--color-text-muted)}.settings-save-status.saved{color:var(--color-success, #28a745)}.settings-save-status.error{color:var(--color-danger, #d9534f)}.settings-save-status i{font-size:12px}.settings-tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.settings-tag{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-muted);transition:all .2s ease}.settings-tag:hover{background:var(--color-bg-hover);border-color:var(--color-border-lighter)}.settings-tag-remove{background:none;border:none;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-light);transition:all .2s ease;opacity:0;visibility:hidden}.settings-tag:hover .settings-tag-remove{opacity:1;visibility:visible}.settings-tag-remove:hover{color:var(--color-danger)}.settings-tag-remove i,.settings-tag-remove .icon{font-size:14px;width:14px;height:14px}.settings-character-tag{display:inline-flex;align-items:center;padding:8px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.settings-character-tag:hover{background:var(--color-bg-hover);border-color:var(--color-border-lighter)}.settings-character-tag.active{background:var(--color-bg-primary);border-color:var(--color-accent-orange);color:var(--color-text-primary);font-weight:600}.settings-field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.settings-field-header .settings-field-label{margin-bottom:0}.settings-add-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--color-border-light);border-radius:6px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.settings-add-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-lighter);color:var(--color-text-primary)}.settings-add-button .icon{width:14px;height:14px}.settings-add-form{background:transparent;border:1px solid var(--color-border-light);border-radius:8px;padding:16px;margin-bottom:16px}.settings-add-form-row{display:flex;gap:12px;margin-bottom:12px}.settings-add-form-field{flex:1}.settings-add-form-field-small{flex:0 0 140px}.settings-add-form-field label{display:block;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}.settings-add-form-field .settings-input{max-width:100%}.settings-add-form-field .settings-textarea{height:auto}.settings-submit-button{margin-top:5px;padding:10px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.settings-submit-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-lighter)}.settings-error{color:var(--color-danger, #d9534f);font-family:Montserrat,sans-serif;font-size:12px;margin-bottom:12px}.settings-prompts-list{display:flex;flex-direction:column;gap:12px}.settings-prompts-loading,.settings-prompts-empty{padding:24px;text-align:center;color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:13px}.settings-prompts-loading .icon{margin-right:8px}.settings-prompt-item{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;padding:14px 70px 14px 16px;transition:all .2s ease}.settings-prompt-item:hover{border-color:var(--color-border-lighter)}.settings-prompt-item.editing{background:transparent;border:1px solid var(--color-border-light);padding:16px}.settings-prompt-item.editing .settings-input{max-width:100%}.settings-prompt-item.editing .settings-add-form-field{flex:1}.settings-prompt-item.editing .settings-add-form-field label{display:block;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}.settings-prompt-item.editing .settings-textarea{height:auto}.settings-prompt-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.settings-prompt-title{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:var(--color-text-primary)}.settings-prompt-command{font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--color-text-muted);background:var(--color-bg-primary);padding:2px 6px;border-radius:4px}.settings-prompt-content{font-family:Montserrat,sans-serif;font-size:13px;color:var(--color-text-muted);line-height:1.4;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.settings-prompt-content.expanded{-webkit-line-clamp:unset;display:block}.settings-prompt-expand{background:none;border:none;padding:4px 0;color:var(--color-text-muted);cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;opacity:.7;transition:opacity .15s}.settings-prompt-expand:hover{opacity:1}.settings-prompt-buttons{position:absolute;top:12px;right:12px;display:flex;gap:6px;opacity:1}.settings-prompt-action{background:none;border:none;padding:6px;color:var(--color-text-light);cursor:pointer;transition:all .2s ease}.settings-prompt-action:hover{color:var(--color-text-primary)}.settings-prompt-action.settings-prompt-delete:hover{color:var(--color-danger, #d9534f)}.settings-prompt-action .icon{width:16px;height:16px}.settings-prompt-actions{display:flex;gap:8px;margin-top:12px}.settings-delete-button{color:var(--color-danger, #d9534f)}.settings-delete-button:hover{background:#d9534f1a}.prompt-library-category{margin-bottom:32px}.prompt-library-category-title{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.prompt-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.prompt-library-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;padding:14px;display:flex;flex-direction:column;transition:border-color .2s ease}.prompt-library-card:hover{border-color:var(--color-border-lighter)}.prompt-library-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.prompt-library-command{font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--color-text-primary);background:var(--color-bg-primary);padding:2px 6px;border-radius:4px}.prompt-library-label{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:var(--color-text-primary)}.prompt-library-content{font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-muted);line-height:1.5;margin:0 0 12px;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.prompt-library-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--color-border-light);border-radius:6px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.prompt-library-add-btn.added{color:var(--color-success, #28a745);border-color:var(--color-success, #28a745)}.settings-find-prompts-link{display:inline-flex;align-items:center;gap:6px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:var(--color-text-muted);background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.settings-find-prompts-link:hover{color:var(--color-text-primary)}.settings-find-prompts-link .icon{width:16px;height:16px}.settings-empty-state{text-align:center;padding:40px 20px;color:var(--color-text-light)}.settings-empty-state i{font-size:48px;margin-bottom:16px;color:var(--color-text-lighter)}.settings-empty-state-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:var(--color-text-muted);margin:0 0 8px}.settings-empty-state-description{font-family:Montserrat,sans-serif;font-size:13px;color:var(--color-text-light);margin:0}.legal-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:800px}.legal-card{background:transparent;border:1px solid var(--color-border-lighter);border-radius:8px;padding:20px;text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.legal-card:hover{border-color:var(--color-border-light);box-shadow:0 2px 8px #0000000d}.legal-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.legal-card-icon{width:24px;height:24px;color:var(--color-text-muted)}.legal-card-external{width:14px;height:14px;color:var(--color-text-muted);opacity:.5;transition:opacity .2s ease}.legal-card:hover .legal-card-external{opacity:1}.legal-card-title{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.legal-card-description{font-family:Montserrat,sans-serif;font-size:13px;color:var(--color-text-muted);line-height:1.4}.subscription-plan-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.subscription-plan-name{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:var(--color-text-primary)}.subscription-plan-price{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:var(--color-text-muted);margin-top:4px}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600}.status-badge.status-green{background:#10b9811a;color:#10b981}.status-badge.status-red{background:#ef44441a;color:#ef4444}.status-badge.status-orange{background:#f973161a;color:#f97316}.status-badge.status-blue{background:#3b82f61a;color:#3b82f6}.status-badge.status-gray{background:#6b72801a;color:#6b7280}.subscription-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:0}.subscription-stat-card{background:transparent;border:1px solid var(--color-border-lighter);border-radius:8px;padding:16px;transition:all .2s ease;text-align:center}.subscription-stat-card:hover{box-shadow:0 2px 8px #0000000d}.subscription-stat-card.highlight{background:transparent}.subscription-stat-label{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:8px}.subscription-stat-value{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:var(--color-text-primary);line-height:1}.subscription-stat-card.highlight .subscription-stat-value{color:var(--color-text-primary)}.subscription-stat-unit{font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;color:var(--color-text-light);margin-left:4px}.subscription-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.topup-balance{background:var(--color-bg-secondary);border-radius:8px;padding:16px 20px;margin-bottom:16px;text-align:center}.topup-balance-label{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:8px}.topup-balance-value{font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:var(--color-text-primary);line-height:1}.topup-balance-unit{font-size:14px;font-weight:500;color:var(--color-text-muted);margin-left:6px}.topup-history{margin-top:20px}.topup-history h4{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.topup-table{width:100%;border-collapse:collapse;font-family:Montserrat,sans-serif;font-size:13px;background:var(--color-bg-secondary);border-radius:8px;overflow:hidden}.topup-table thead{background:var(--color-bg-secondary)}.topup-table th{padding:10px 12px;text-align:left;font-weight:600;color:var(--color-text-muted);font-size:12px}.topup-table td{padding:10px 12px;color:var(--color-text-primary)}.topup-table tbody tr{border-top:1px solid var(--color-border-light)}.topup-table tbody tr:hover{background:var(--color-bg-hover)}.usage-controls{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.usage-graph-container{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;padding:24px;margin-bottom:24px}.usage-graph-container .recharts-active-shape,.usage-graph-container .recharts-cursor{display:none!important}.usage-graph-container .recharts-rectangle.recharts-active-bar{fill-opacity:.15!important}.usage-graph-container .recharts-layer.recharts-bar-rectangles rect{pointer-events:none}.usage-graph-container .recharts-default-tooltip{pointer-events:all}.usage-graph-container .recharts-bar-background-rectangle{display:none!important}.usage-graph-container .recharts-tooltip-wrapper{pointer-events:none}.usage-graph-container .recharts-tooltip-wrapper .usage-tooltip{pointer-events:all}.usage-graph-container .recharts-surface,.usage-graph-container .recharts-wrapper{cursor:default!important}.usage-graph-container.loading-skeleton{background:linear-gradient(90deg,var(--color-bg-primary) 0%,rgba(0,0,0,.02) 50%,var(--color-bg-primary) 100%);background-size:200% 100%;animation:subtle-pulse 3s ease-in-out infinite}@keyframes subtle-pulse{0%,to{background-position:0% 0}50%{background-position:100% 0}}.usage-empty{text-align:center;padding:80px 20px;color:var(--color-text-muted)}.usage-empty .icon{font-size:48px;margin-bottom:16px;color:var(--color-border-light)}.usage-empty p{font-family:Montserrat,sans-serif;font-size:14px;margin:0}.usage-tooltip{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #0000001a}.usage-tooltip-date{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border-light)}.usage-tooltip-items{display:flex;flex-direction:column;gap:6px}.usage-tooltip-item{display:flex;align-items:center;gap:8px;font-family:Montserrat,sans-serif;font-size:12px}.usage-tooltip-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.usage-tooltip-name{color:var(--color-text-secondary);font-weight:500}.usage-tooltip-value{color:var(--color-text-primary);font-weight:600;margin-left:auto}@media (max-width: 768px){.settings-view{padding:0}.settings-view .settings-body{flex-direction:column}.settings-view .settings-menu{width:100%;border-right:none;border-bottom:1px solid var(--color-border-light);padding-bottom:12px;margin-bottom:20px;flex-direction:row;overflow-x:auto;flex-shrink:0}.settings-view .settings-menu-item{white-space:nowrap;padding:8px 12px}.settings-modal-container{width:95%;max-width:none;height:95vh;max-height:none}.settings-modal-container .settings-body{flex-direction:column}.settings-modal-container .settings-menu{width:100%;border-right:none;border-bottom:1px solid var(--color-border-light);padding:12px;flex-direction:row;overflow-x:auto;flex-shrink:0}.settings-modal-container .settings-menu-item{white-space:nowrap;padding:8px 12px}.settings-modal-container .settings-content{padding:20px 16px}.settings-input{max-width:100%}.subscription-plan-header{flex-direction:column;align-items:flex-start}.subscription-stats-grid{grid-template-columns:1fr;gap:10px}.subscription-actions{flex-direction:column;width:100%}.subscription-actions .settings-button{width:100%;justify-content:center}.usage-controls{flex-direction:column}.custom-dropdown{width:100%}.legal-cards-grid,.theme-cards-grid{grid-template-columns:1fr}}.prompt-library-view{width:100%;height:100%;overflow-y:auto;padding:0;background:var(--color-main-content-bg)}.prompt-library-container{max-width:1200px;margin:0 auto;padding:24px 32px 48px}.prompt-library-header{margin-bottom:32px}.prompt-library-back{display:inline-flex;align-items:center;gap:8px;padding:8px 0;background:none;border:none;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:color .2s ease;margin-bottom:16px}.prompt-library-back:hover{color:var(--color-text-primary)}.prompt-library-back .icon{width:16px;height:16px}.prompt-library-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px;display:flex;align-items:center;gap:12px}.prompt-library-title .icon{width:28px;height:28px;color:var(--color-accent-orange)}.prompt-library-description{font-family:Open Sans,sans-serif;font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.5}.prompt-library-error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:12px 16px;margin-bottom:24px;font-family:Open Sans,sans-serif;font-size:13px;color:var(--color-danger, #dc3545)}.prompt-library-content{display:flex;flex-direction:column;gap:40px}.prompt-library-category-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--color-border-light)}.prompt-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.prompt-library-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:10px;padding:18px;display:flex;flex-direction:column;transition:border-color .2s ease,box-shadow .2s ease}.prompt-library-card:hover{border-color:var(--color-border-lighter);box-shadow:0 2px 8px #0000000a}.prompt-library-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.prompt-library-command{font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-secondary);padding:4px 8px;border-radius:4px}.prompt-library-label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:var(--color-text-primary)}.prompt-library-card-content{font-family:Open Sans,sans-serif;font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 16px;flex:1}.prompt-library-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:1px solid var(--color-border-light);border-radius:6px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;align-self:flex-start}.prompt-library-add-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-lighter);color:var(--color-text-primary)}.prompt-library-add-btn:disabled{cursor:default}.prompt-library-add-btn.added{color:var(--color-success, #28a745);border-color:var(--color-success, #28a745);background:#28a7450d}.prompt-library-add-btn .icon{width:14px;height:14px}@media (max-width: 768px){.prompt-library-container{padding:16px 16px 32px}.prompt-library-title{font-size:20px}.prompt-library-grid{grid-template-columns:1fr}}.landing-viewport{position:relative;max-height:800px;min-height:600px;width:100%;background-color:var(--color-main-content-bg);background-image:linear-gradient(rgba(0,0,0,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.012) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:0 0,0 0,0 0,0 0}.landing-viewport:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;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,serif;font-weight:500;font-size:clamp(32px,7vw,50px);line-height:1.2;letter-spacing:0;color:var(--color-text, #111);margin:250px 0 86px;text-align:center}.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:Libre Baskerville,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:Libre Baskerville,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){.landing-title{margin-top:200px}.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}}.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:Libre Baskerville,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:13px;font-family:Montserrat,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:#fafafa99;border:2px solid rgba(240,240,240,.4);box-shadow:0 1px 2px #00000005,inset 0 1px #ffffff4d;background-clip:padding-box;backdrop-filter:blur(8px) saturate(180%) contrast(1.01);-webkit-backdrop-filter:blur(8px) saturate(180%) contrast(1.01)}.glass-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at -10% -20%,#ffffff1a,#ffffff0a 42%,#fff0 68%)}.glass-pill .brand{font-family:Libre Baskerville,serif;font-weight:500;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;background:transparent;border:none;color:#444;cursor:pointer;padding:4px;margin-left:8px;transition:opacity .2s ease}.mobile-menu-btn:hover{opacity:.7}.mobile-menu-btn .icon{width:24px;height:24px}.mobile-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fcfcfcfa;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 4px 12px #00000014;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px;display:flex;flex-direction:column;gap:4px;z-index:1001}.mobile-menu-dropdown a{padding:10px 14px;color:#777;text-decoration:none;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:.85rem;font-weight:500;border-radius:10px;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:#fcfcfcfa;border:1px solid rgba(0,0,0,.08);font-weight:600;margin-top:4px;color:#666}.mobile-menu-dropdown .mobile-menu-cta:hover{background:#fcfcfc;border-color:#0000001f;color:#555}.mobile-menu-divider{height:1px;background:#00000014;margin:4px 0}@media (max-width: 640px){.glass-pill .nav-links,.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:80px 24px}.video-container{max-width:1000px;margin:0 auto}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 20px #00000026}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.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:Libre Baskerville,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:Libre Baskerville,serif}.pricing-card .price-row.small{font-size:1rem;font-weight:600}.pricing-card .price-subtitle{margin:6px 0 8px;font-family:Libre Baskerville,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{width:40px;height:40px;color:#555;margin-bottom:10px}.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,.05);border-radius:8px;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:Montserrat,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:Libre Baskerville,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:Libre Baskerville,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:0 0 0 1px #6ca6f74d}.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:Montserrat,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:Montserrat,sans-serif;color:var(--color-input-text);line-height:1.3}.mockup-slide-body{font-size:6px;font-weight:400;font-family:Libre Baskerville,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:Libre Baskerville,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:Libre Baskerville,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:Libre Baskerville,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:Libre Baskerville,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,serif;font-weight:700;font-size:clamp(1.8rem,4vw,2.2rem);text-align:center;color:#222;margin:0 0 16px}.contact-subtitle{font-family:Libre Baskerville,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:12px;border:1px solid rgba(0,0,0,.12);background-color:var(--color-bg-primary);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:Libre Baskerville,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:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-weight:700;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:Libre Baskerville,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:Montserrat,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:Montserrat,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}}.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:Montserrat,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:Libre Baskerville,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:Montserrat,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:Montserrat,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:Montserrat,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:Montserrat,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:Montserrat,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-header{margin-bottom:24px}.tier-name{font-family:Montserrat,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:Libre Baskerville,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:Libre Baskerville,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:Libre Baskerville,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:Montserrat,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:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:default;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:Libre Baskerville,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:Montserrat,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:Libre Baskerville,serif;font-size:32px;font-weight:700;color:#222;line-height:1;margin-bottom:4px}.package-credits-label{font-family:Libre Baskerville,serif;font-size:12px;color:#555;margin-bottom:12px}.package-price{font-family:Libre Baskerville,serif;font-size:20px;font-weight:700;color:#222;margin-bottom:4px}.package-rate{font-family:Montserrat,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:Montserrat,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:Libre Baskerville,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:Libre Baskerville,serif;font-size:12px;color:#555;text-align:center;margin-top:4px}@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}}.create-resources-container{padding:10px}.create-resources-header{display:flex;align-items:center;justify-content:flex-start;gap:15px;position:sticky;top:0;background:transparent;z-index:10;padding:8px 0 0;margin-bottom:20px}.title-group{display:flex;flex-direction:column;gap:6px;flex:0 1 400px;max-width:400px;width:100%}.title-label{font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-light)}.title-input{font-family:Montserrat,sans-serif;font-size:14px;padding:10px 12px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-input-text);outline:none;transition:all .2s ease;width:100%}.title-input:hover{background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.title-input:focus{box-shadow:var(--shadow-focus);border:none}.title-input.error{border-color:var(--color-danger)}.create-resources-button{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:8px;padding:10px 16px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px;display:inline-flex;align-items:center;gap:8px}.create-resources-button:hover{background:var(--color-bg-primary);box-shadow:0 2px 8px #0000001a}.create-resources-button:disabled{opacity:.6;cursor:default;box-shadow:none}.create-error{margin:10px 0;color:var(--color-danger);font-family:Montserrat,sans-serif;font-size:13px}.resource-type-label{font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-light);margin:6px 5px 6px 10px;padding-top:10px}.resource-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:5px 5px 20px}.resource-type-card{filter:grayscale(100%);opacity:.6}.resource-type-card.unselected{background:transparent;border-color:var(--color-border-light);box-shadow:none}.resource-type-card.selected{filter:none;opacity:1}.resource-type-icon{width:32px;height:32px}@media (max-width: 768px){.resource-type-grid{grid-template-columns:1fr}}.legal-page{min-height:100vh;background-color:var(--color-main-content-bg);padding:100px 24px 24px}.legal-content{max-width:720px;margin:0 auto;padding:32px 0 80px}.legal-header{display:flex;align-items:center;gap:14px;margin-bottom:6px}.legal-header-icon{width:32px;height:32px;color:#555;flex-shrink:0}.legal-header-icon svg{width:100%;height:100%}.legal-header-icon path,.legal-header-icon circle,.legal-header-icon line,.legal-header-icon polyline,.legal-header-icon polygon{stroke-width:1}.legal-content h1{font-family:Montserrat,system-ui,-apple-system,sans-serif;font-weight:700;font-size:1.5rem;color:#222;margin:0;line-height:1.3;letter-spacing:-.01em}.legal-content .legal-updated{font-family:Libre Baskerville,serif;font-size:.8rem;color:#888;margin:0 0 48px;padding-left:46px}.legal-content section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid rgba(0,0,0,.06)}.legal-content section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-content h2{font-family:Montserrat,system-ui,-apple-system,sans-serif;font-weight:600;font-size:1rem;color:#222;margin:0 0 12px;line-height:1.4}.legal-content h3{font-family:Montserrat,system-ui,-apple-system,sans-serif;font-weight:600;font-size:.85rem;color:#444;margin:18px 0 8px;line-height:1.4}.legal-content p{font-family:Libre Baskerville,serif;font-size:.85rem;line-height:1.7;color:#555;margin:0 0 12px}.legal-content p:last-child{margin-bottom:0}.legal-content p strong{color:#333;font-weight:600}.legal-content a{color:#333;text-decoration:underline;text-decoration-color:#3336;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.legal-content a:hover{color:#555;text-decoration-color:#5559}@media (max-width: 768px){.legal-page{padding:80px 16px 16px}.legal-content{padding:24px 0 60px}.legal-content section{margin-bottom:24px;padding-bottom:24px}.legal-content .legal-updated{margin-bottom:40px;padding-left:0}.legal-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.legal-content h1{font-size:1.3rem}.legal-content h2{font-size:.9rem}.legal-content h3{font-size:.8rem}.legal-content p{font-size:.8rem;line-height:1.65}.legal-header-icon{width:28px;height:28px}}.auth-body{background-color:var(--color-bg-tertiary);font-family:Open Sans,sans-serif;margin:0;transition-duration:.3s}.auth-main{font-family:Open Sans,sans-serif}.auth-layout{display:flex;min-height:100vh;background-color:var(--color-main-content-bg)}.branding-panel{margin-top:10%;width:50%;height:90%;display:flex;flex-direction:column}.form-panel{margin-top:150px;width:50%;overflow-y:auto;padding-bottom:120px;display:flex;flex-direction:column;align-items:flex-start}.text-container{margin:10% 10% 10% 30%}.brand-title{font-size:55px;margin:5px 0 0 5px;display:block;color:var(--color-text-secondary);font-weight:400;cursor:pointer;font-family:Libre Baskerville,serif}.brand-subtitle{font-family:Montserrat,sans-serif;font-size:18px;margin-left:5px;margin-top:5px;display:block;color:var(--color-text-lighter);font-weight:400}.social-auth-buttons{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.social-auth-button{width:100%;padding:10px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border-lighter);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;font-size:14px;font-weight:600;color:var(--color-text-muted);transition:all .2s ease;font-family:Montserrat,sans-serif}.social-auth-button:hover{background:var(--color-bg-hover);box-shadow:0 2px 8px #0000001a}.social-auth-button:active{transform:scale(.98)}.social-auth-button:disabled{opacity:.5;cursor:default}.social-icon{flex-shrink:0}.user-type-selector-compact{width:100%;margin-bottom:16px;display:flex;align-items:center;gap:10px}.user-type-label{font-size:13px;font-family:Montserrat,sans-serif;color:var(--color-text-muted);font-weight:600}.user-type-select{flex:1;padding:10px 14px;border:1px solid var(--color-input-border);border-radius:8px;background-color:var(--color-input-bg);color:var(--color-input-text);font-size:14px;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .2s ease}.user-type-select:hover{border-color:var(--color-input-border-hover);background-color:var(--color-input-bg-hover)}.user-type-select:focus{outline:none;box-shadow:var(--shadow-focus);border:none}.login-box{background-color:var(--color-sidebar-bg);border:1px solid var(--color-border-lighter);width:400px;border-radius:8px;min-height:300px;position:relative;margin-top:200px;overflow:visible;box-shadow:0 2px 8px #00000014;padding:32px}.login-box-skeleton{background:linear-gradient(90deg,#d6d6d6,#e8e8e8,#d6d6d6);background-size:200% 100%;animation:shimmer 2.5s linear infinite;-webkit-animation:shimmer 2.5s linear infinite;will-change:background-position;border:1px solid #d6d6d6;width:400px;border-radius:12px;min-height:300px;margin-top:200px}.login-box-skeleton2{background:linear-gradient(90deg,#ccc,#dadada,#ccc);background-size:200% 100%;animation:shimmer 2.5s linear infinite;-webkit-animation:shimmer 2.5s linear infinite;will-change:background-position;border:1px solid #cccccc;height:30px;border-radius:12px;width:80%;margin-bottom:20px;margin-left:10%;margin-top:30px}.section-title{font-size:13px;font-weight:400;font-family:Montserrat,sans-serif;display:block;margin:0 0 12px;color:var(--color-text-lighter)}.section-title.code-label{margin-bottom:8px}.auth-input{font-family:Montserrat,sans-serif;padding:14px;border:1px solid var(--color-input-border);font-size:14px;border-radius:8px;color:var(--color-input-text);width:100%;margin-bottom:20px;background-color:var(--color-input-bg);transition:all .2s ease}.auth-input:hover{border-color:var(--color-input-border-hover);background-color:var(--color-input-bg-hover);outline:none}.auth-input:focus{box-shadow:var(--shadow-focus);border:none;outline:none}.auth-input:disabled{background-color:var(--color-bg-hover);color:var(--color-text-lighter);opacity:.6}.code-input{font-family:Montserrat,sans-serif;padding:12px 20px;border:1px solid var(--color-input-border);font-size:20px;text-align:center;border-radius:8px;color:var(--color-text-muted);width:100%;margin-bottom:16px;margin-top:16px;background-color:var(--color-input-bg);transition:all .2s ease}.code-input:hover{border-color:var(--color-input-border-hover);background-color:var(--color-input-bg-hover);outline:none}.code-input:focus{box-shadow:var(--shadow-focus);border:none;outline:none}.auth-button{width:100%;padding:10px 20px;border:1px solid var(--color-border-lighter);background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.auth-button:hover:enabled{background:var(--color-bg-hover);box-shadow:0 2px 8px #0000001a}.auth-button:active:enabled{transform:scale(.98)}.auth-button:disabled{opacity:.5;cursor:default}.send-code-button{width:100%;padding:8px 16px;border:none;color:var(--color-text-secondary);background-color:transparent;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:8px;text-align:center}.send-code-button:hover:enabled{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.send-code-button:disabled{cursor:default}.error-box{background:#fff5f5;border:1px solid #ffdddd;color:#d00;padding:12px 16px;border-radius:8px;margin-bottom:16px;margin-top:20px;font-size:14px;font-family:Montserrat,sans-serif;text-align:center;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.error-box.visible{opacity:1;max-height:100px;margin-bottom:16px;margin-top:20px}.error-text{color:#d00;text-align:center;font-size:14px;font-family:Montserrat,sans-serif;margin:0}.success-box{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:8px;margin-bottom:16px;margin-top:20px;font-size:14px;font-family:Montserrat,sans-serif;text-align:center;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.success-box.visible{opacity:1;max-height:100px;margin-bottom:16px;margin-top:20px}.success-text{color:#166534;text-align:center;font-size:14px;font-family:Montserrat,sans-serif;margin:0}.password-validation{margin-bottom:16px}.terms-text{font-size:12px;font-family:Montserrat,sans-serif;display:block;margin-top:16px;width:100%;margin-bottom:16px;color:var(--color-text-secondary);text-align:center;font-weight:400;line-height:1.5}.terms-link{cursor:pointer;color:var(--icon-color-blue);text-decoration:none}.forgot-password-box{text-align:center;width:100%;margin-bottom:16px;margin-top:12px}.forgot-password{color:var(--color-text-primary);font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;text-decoration:none;width:100%;cursor:pointer}.auth-switch-box{text-align:center;width:100%;margin-bottom:16px;margin-top:55px}.auth-switch-text{color:var(--color-text-secondary);font-size:12px;font-family:Montserrat,sans-serif}.auth-switch-link{color:var(--color-text-primary);font-size:12px;font-weight:600;font-family:Montserrat,sans-serif;text-decoration:none;cursor:pointer}.auth-terms-text{font-size:11px;font-family:Montserrat,sans-serif;color:var(--color-text-muted);text-align:center;margin:16px auto 12px;line-height:1.5;max-width:280px}.auth-terms-text a{color:var(--color-text-secondary);text-decoration:underline;text-decoration-color:#0003;text-underline-offset:2px;transition:color .2s ease}.auth-terms-text a:hover{color:var(--color-text-primary)}.back-button{position:absolute;top:16px;left:16px;padding:6px 12px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;border-radius:6px;margin:0}.back-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.back-button:active{transform:scale(.98)}.or-divider{text-align:center;margin:20px 0;font-size:13px;color:var(--color-text-lighter);font-family:Montserrat,sans-serif;font-weight:500}.school-search-container{position:relative;width:100%;margin-bottom:16px}.school-search-container .auth-input{width:100%;margin:0}.school-dropdown{position:absolute;top:calc(100% + 5px);width:100%;background-color:var(--color-sidebar-bg);border:1px solid var(--color-border-lighter);border-radius:8px;max-height:175px;overflow-y:auto;z-index:100;display:none;box-shadow:0 2px 8px #0000001a}.school-dropdown.show{display:block}.school-option{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--color-border-light);font-size:14px;font-family:Montserrat,sans-serif;color:var(--color-text-muted);transition:background-color .2s}.school-option:hover{background-color:var(--color-bg-hover)}.school-option:last-child{border-bottom:none}.school-option.selected{background-color:var(--color-input-bg-hover);color:var(--color-auth-accent);font-weight:700}.school-name{font-weight:600;margin-bottom:2px}.school-postcode{font-size:10px;color:var(--color-text-lighter)}.no-schools-found{padding:15px;text-align:center;color:var(--color-text-lighter);font-size:11px;font-style:italic}.selected-school-display{background-color:var(--color-input-bg);border:1px solid var(--color-border-lighter);border-radius:8px;padding:8px 12px;margin:15px 15px 20px;width:calc(100% - 32px);display:flex;justify-content:space-between;align-items:center;font-size:11px}.selected-school-name{color:var(--color-text-muted);font-weight:600;flex-grow:1;margin-right:10px}.change-school-button{background:none;border:none;color:var(--color-auth-accent);font-size:10px;font-weight:700;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s}.change-school-button:hover{background-color:var(--color-input-bg-hover)}.user-type-options{margin:0 10% 30px;width:80%}.user-type-option{background-color:var(--color-input-bg);border:1px solid var(--color-border-lighter);border-radius:8px;padding:20px 25px;margin-bottom:18px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.user-type-option:hover{background-color:var(--color-input-bg-hover);border-color:var(--color-auth-accent);box-shadow:var(--shadow-medium)}.user-type-info{flex-grow:1}.user-type-title{font-size:12px;font-weight:600;color:var(--color-auth-accent);margin-bottom:3px}.user-type-icon{font-size:16px;color:var(--color-auth-accent);margin-left:15px}.google-frame{border:none;display:block;margin:-10px auto auto}.user-type-description{font-size:11px;color:#605e5e;text-align:center;margin:10px 15% 25px;width:70%;line-height:150%}.remember-school-container{margin-left:calc(10% + 20px);width:calc(80% - 25px);margin-top:-15px;margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:5px}.remember-school-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#605e5e}.remember-school-checkbox:checked{background-color:#605e5e;border-color:#605e5e}.remember-school-label{font-size:12px;color:#605e5e;cursor:pointer;-webkit-user-select:none;user-select:none}.password-box{background-color:var(--color-auth-login-bg);border:1px solid #cccccc;width:400px;border-radius:12px;margin:auto;min-height:300px}.tick-modal{display:block;position:fixed;z-index:1000;padding-top:200px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0000004d}.tick-box{vertical-align:top;height:120px;width:160px;border-radius:5px;border:1px solid #cccccc;background-color:#fff;margin:auto}.tick-icon{color:#06bf00;font-size:100px;text-align:center;width:100%;line-height:100%;margin-top:10px}.user-type-subtitle{font-size:10px;color:#999;font-style:italic}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes typing{0%{max-width:0}to{max-width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-text-lighter)}}@keyframes hide-cursor{to{border-right:none}}@media only screen and (max-width: 600px){.branding-panel{display:none}.form-panel{width:100%}.login-box,.login-box-skeleton{margin:50px auto auto;max-width:90%}.school-search-container{margin-left:5%;width:calc(90% - 10px)}}@media only screen and (min-width: 600px) and (max-width: 768px){.branding-panel{display:none}.form-panel{width:100%}.login-box,.login-box-skeleton{margin:50px auto auto;max-width:90%}.school-search-container{margin-left:5%;width:calc(90% - 10px)}}@media only screen and (min-width: 768px) and (max-width: 992px){.branding-panel{display:none}.form-panel{width:100%}.login-box,.login-box-skeleton{margin:50px auto auto;max-width:90%}}@media only screen and (min-width: 992px){.branding-panel{display:flex;width:50%}.form-panel{width:50%}.login-box{margin-left:0;margin-top:30px}.login-box-skeleton{margin-top:30px}}@media only screen and (min-width: 1200px){.branding-panel{display:flex;width:45%}.form-panel{width:50%}.login-box,.login-box-skeleton{margin-top:30px}}body.dark-mode .auth-layout{background-color:var(--color-main-content-bg)}body.dark-mode .login-box{background-color:var(--color-auth-login-bg);border-color:var(--color-border-primary)}body.dark-mode .login-box-skeleton,body.dark-mode .login-box-skeleton2{background:linear-gradient(90deg,var(--color-skeleton) 0%,var(--color-skeleton-accent) 50%,var(--color-skeleton) 100%);border-color:var(--color-border-primary)}body.dark-mode .auth-input,body.dark-mode .code-input{background-color:var(--color-input-bg);border-color:var(--color-input-border);color:var(--color-input-text)}body.dark-mode .auth-input:hover,body.dark-mode .code-input:hover{border-color:var(--color-input-border-hover)}body.dark-mode .auth-input:disabled{background-color:var(--color-bg-hover);color:var(--color-text-lighter)}body.dark-mode .auth-button{background-color:var(--color-auth-accent);border-color:var(--color-auth-accent);color:#fff}body.dark-mode .auth-button:hover:enabled{background-color:var(--color-auth-accent-hover);color:#fff;border-color:var(--color-auth-accent-hover)}body.dark-mode .auth-button:disabled{background-color:var(--color-bg-primary);border-color:var(--color-input-border);color:var(--color-text-placeholder);cursor:default}body.dark-mode .send-code-button{background-color:var(--color-auth-accent);border-color:var(--color-auth-accent);color:#fff}body.dark-mode .send-code-button:hover:enabled{background-color:var(--color-auth-accent-hover);color:#fff;border-color:var(--color-auth-accent-hover)}body.dark-mode .school-dropdown{background-color:var(--color-bg-secondary);border-color:var(--color-border-primary)}body.dark-mode .school-option{color:var(--color-text-secondary);border-bottom-color:var(--color-border-light)}body.dark-mode .school-option:hover{background-color:var(--color-bg-hover)}body.dark-mode .school-option.selected{background-color:var(--color-bg-hover);color:var(--color-auth-accent)}body.dark-mode .selected-school-display{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}body.dark-mode .selected-school-name{color:var(--color-text-secondary)}body.dark-mode .change-school-button:hover{background-color:var(--color-input-bg-hover)}body.dark-mode .user-type-option{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}body.dark-mode .user-type-option:hover{background-color:var(--color-bg-active);border-color:var(--color-auth-accent)}body.dark-mode .section-title,body.dark-mode .terms-text{color:var(--color-text-light)}body.dark-mode .terms-link{color:var(--icon-color-blue)}body.dark-mode .error-box{background:#dc26261a;border-color:#dc26264d}body.dark-mode .error-text{color:#fca5a5}body.dark-mode .success-box{background:#22c55e1a;border-color:#22c55e4d}body.dark-mode .success-text{color:#86efac}input[type=text],input[type=password],input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none}*{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-bg-primary)}.main-content{position:relative;padding:10px 20px 0;margin:10px 10px 10px 60px;background-color:var(--color-main-content-bg);border:1px solid var(--color-border-light);border-radius:8px;min-height:calc(100vh - 20px);box-shadow:var(--shadow-light)}.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}.main-content.chat-active{background-color:var(--color-main-content-bg-active)}body.dark-mode .main-content.chat-active{background-color:var(--color-main-content-bg)}.main-content{position:relative;padding:10px 20px 0;margin:10px 10px 10px 60px;background-color:var(--color-main-content-bg);border:1px solid var(--color-input-border);border-radius:8px;min-height:calc(100vh - 20px);box-shadow:var(--shadow-light)}.main-content.active{margin-left:230px}.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}