:root{--bg-primary: #ffffff;--bg-secondary: #f9f9f9;--bg-sidebar: #f5f5f5;--bg-tertiary: #f0f0f0;--text-primary: #000000;--text-secondary: #555555;--text-tertiary: #888888;--text-inverse: #ffffff;--accent-blue: #007bff;--accent-green: #10a37f;--accent-purple: #ab68ff;--border-color: #e5e5e5;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 24px;--border-radius-xl: 32px;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--transition-speed: .3s;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none;transition:all var(--transition-speed)}input,textarea{font-family:inherit;outline:none}ul{list-style:none}a{text-decoration:none;color:inherit}#root{height:100vh;display:flex}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .5s ease-out}.slide-up{animation:slideUp .4s ease-out}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}@media (max-width: 800px){.modal-backdrop{align-items:flex-end;padding:0}}.sidebar{height:100%;background-color:var(--bg-primary);border-right:1px solid var(--border-color);transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:100;flex-shrink:0;position:relative;overflow:visible}.sidebar.open{width:var(--sidebar-width)}.sidebar.collapsed{width:var(--sidebar-collapsed-width);cursor:ew-resize}.nav-item-wrapper{position:relative;display:flex;align-items:center;width:100%}.sidebar-tooltip{position:absolute;left:calc(100% + 12px);background-color:#000;color:#fff;padding:6px 14px;border-radius:10px;font-size:.85rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000;box-shadow:0 4px 12px #00000026}.nav-item-wrapper:hover .sidebar-tooltip{opacity:1;visibility:visible}.sidebar-header{height:64px;display:flex;background-color:#fafafa;align-items:center;justify-content:space-between;padding:0 10px 0 22px;flex-shrink:0}.logo-container{display:flex;align-items:center;position:relative;height:32px;width:100%}.logo-placeholder{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.main-logo{width:24px;height:24px;transition:opacity .2s,transform .2s;display:flex}.main-logo-1{display:flex}.main-logo img{width:100%;height:100%;object-fit:contain}.expand-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .2s,transform .2s;color:var(--text-primary);display:flex}.sidebar.collapsed:hover .main-logo{opacity:0;transform:scale(.8);transition-delay:.1s}.sidebar.collapsed:hover .expand-arrow{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:.15s}.logo-text{position:absolute;left:44px;font-weight:700;font-size:1.05rem;color:var(--text-primary);opacity:1;white-space:nowrap;transition:opacity .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.sidebar.collapsed .logo-text{opacity:0}.collapse-toggle{display:flex;width:100%;height:100%;max-width:38px;max-height:38px;align-items:center;justify-content:center;border-radius:999px;color:var(--text-tertiary);transition:background .2s}.collapse-toggle:hover{background-color:var(--bg-tertiary);max-width:38px;max-height:38px;border-radius:999px}.sidebar-content{flex:1;display:flex;background-color:#fafafa;flex-direction:column;justify-content:space-between;padding:8px 10px;gap:4px}.new-chat-btn{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 11px;background-color:#fff;border:solid 1px #00000010;border-radius:9999px;font-weight:600;font-size:.92rem;color:var(--text-primary);transition:background .2s;white-space:nowrap;overflow:hidden}.new-chat-btn:hover{background-color:var(--bg-tertiary)}.sidebar.collapsed .new-chat-btn{background-color:transparent;border-color:transparent}.sidebar.collapsed .new-chat-btn:hover,.sidebar.collapsed .new-chat-btn.active{background-color:var(--bg-tertiary)}.sidebar-nav{padding:10px 0;height:100%}.sidebar-nav ul{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 11px;border-radius:12px;cursor:pointer;transition:background .15s;overflow:hidden;white-space:nowrap}.nav-item:hover,.nav-item.active{background-color:var(--bg-tertiary);border-radius:999px}.nav-item.active .nav-label{color:var(--text-primary);font-weight:600}.nav-item.active .nav-icon{color:var(--text-primary)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);margin-left:4px}.nav-label{font-size:.92rem;text-align:left;color:var(--text-secondary);transition:opacity .2s,transform .2s;white-space:nowrap;flex:1}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none}.nav-badge{font-size:.65rem;font-weight:700;background-color:#2563eb;color:#fff;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;transition:opacity .2s}.sidebar.collapsed .nav-badge{opacity:0}.pro-access-card{display:flex;align-items:center;gap:12px;padding:16px 12px;height:70px;background:linear-gradient(270deg,#40464e,#000);border-radius:20px;color:#fff;cursor:pointer;transition:all var(--transition-speed, .3s) cubic-bezier(.4,0,.2,1);overflow:hidden;width:100%}.sidebar.collapsed .pro-access-card{height:51px;padding:11.5px 12px}.pro-access-card:hover{background:linear-gradient(270deg,#000 100%,#000)}.pro-icon-circle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.pro-title{font-weight:600;font-size:.88rem;display:block;color:#fff}.pro-subtitle{font-size:.75rem;opacity:.6;display:block;color:#fafafa}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px!important;transform:translate(-100%);z-index:2000}.sidebar.open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.sidebar-tooltip{display:none!important}}.dynamic-icon{display:inline-block;vertical-align:middle;flex-shrink:0;max-width:100%;height:auto;object-fit:contain;transition:transform .2s ease,opacity .2s ease}.dynamic-icon:not([src]){visibility:hidden}.dynamic-icon.xs{width:12px;height:12px}.dynamic-icon.sm{width:16px;height:16px}.dynamic-icon.md{width:24px;height:24px}.dynamic-icon.lg{width:32px;height:32px}.dynamic-icon.xl{width:48px;height:48px}.layout-container{display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden;position:relative}.main-content{flex:1;height:100%;overflow-y:auto;background-color:var(--bg-primary);transition:margin-left var(--transition-speed) ease-in-out;display:flex;flex-direction:column}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:1900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}@media (max-width: 768px){.main-content{margin-left:0!important;width:100%}}.model-selector-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:300px;background-color:#fff;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 10px 40px #00000014;z-index:1000;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.model-selector-dropdown{z-index:1800}}.model-search-container{padding:16px 16px 8px}.model-search-bar{display:flex;align-items:center;gap:10px;padding:0 16px;height:38px;background-color:#fff;border:1px solid #f0f0f0;border-radius:22px;transition:border-color .2s}.model-search-bar:focus-within{border-color:#e0e0e0}.search-icon{color:#999;flex-shrink:0}.model-search-input{flex:1;border:none;background:transparent;font-size:.95rem;color:#111;outline:none}.model-search-input::placeholder{color:#999}.model-list-content{max-height:275px;overflow-y:auto;padding:8px 0}.model-list-content::-webkit-scrollbar{width:6px}.model-list-content::-webkit-scrollbar-track{background:transparent}.model-list-content::-webkit-scrollbar-thumb{background:#eee;border-radius:10px}.model-group{padding:0}.model-category-label{font-size:.75rem;font-weight:500;color:#999;padding:4px 20px}.model-item-wrap{padding:1px 18px}.model-item{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;border-radius:14px;transition:all .2s}.model-item:hover{background-color:#f7f7f7}.model-item-wrap.selected .model-item{background-color:#f3f3f3}.model-icon-wrap{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px}.model-icon-wrap>*{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.model-info{flex:1;display:flex;flex-direction:column}.model-name{font-size:.81rem;font-weight:600;color:#111}.model-description{font-size:.68rem;color:#888}.check-icon{flex-shrink:0}.pro-badge-pill{font-size:.72rem;font-weight:700;background-color:#2563eb;color:#fff;padding:2px 10px;border-radius:20px;margin-left:8px}.no-results{padding:40px 20px;text-align:center;color:#999;font-size:.9rem}.model-selector-footer{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid #f5f5f5;color:#999;font-size:.88rem}.model-selector-footer svg{color:#999}.user-profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:280px;background-color:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 10px 40px #00000014;z-index:1000;overflow:hidden;display:flex;flex-direction:column;padding:12px 8px}.user-profile-header{display:flex;align-items:center;gap:12px;padding:8px 12px}.user-avatar-large{width:44px;height:44px;border:solid 1px var(--bg-tertiary);border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:700;font-size:1.2rem;flex-shrink:0}.user-info-text{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-email-display{font-size:.9rem;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status-badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;width:fit-content}.user-status-badge.pro{background-color:#dcfce7;color:#15803d}.user-status-badge.member{background-color:#f3f4f6;color:#4b5563}.profile-menu-divider{height:1px;background-color:#f5f5f5;margin:12px 0}.profile-menu-list{display:flex;flex-direction:column;gap:2px}.profile-menu-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;color:#4b5563;transition:all .2s;cursor:pointer;background:transparent;border:none;width:100%}.profile-menu-item:hover{background-color:#f7f7f7;color:#111}.item-left{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:500}.chevron-right{opacity:.3}.save-tag{font-size:.65rem;font-weight:800;background-color:#eff6ff;color:#3b82f6;padding:4px 6px;border-radius:999px}.profile-menu-item.logout{color:#ef4444}.profile-menu-item.logout:hover{background-color:#fef2f2}.header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--bg-primary);position:sticky;top:0;z-index:50;flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px;position:relative}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:background .2s}.mobile-menu-btn:hover{background-color:var(--bg-tertiary)}.model-selector-btn{display:flex;height:38px;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--border-radius-lg);font-weight:600;font-size:.95rem;color:var(--text-primary);background-color:transparent;transition:background .2s}.model-selector-btn:hover,.model-selector-btn.active{background-color:var(--bg-tertiary)}.model-icon{display:flex;align-items:center}.chevron{color:var(--text-tertiary);transition:transform .3s cubic-bezier(.4,0,.2,1)}.model-selector-btn.active .chevron{transform:rotate(180deg)}.go-pro-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background-color:var(--text-primary);color:var(--text-inverse);border-radius:var(--border-radius-lg);font-weight:600;font-size:.9rem;transition:opacity .2s,transform .2s}.go-pro-btn:hover{opacity:.88;transform:scale(1.02)}.go-pro-icon{font-size:.85rem}.header-right{display:flex;align-items:center;gap:16px}.user-profile-container{position:relative;display:flex;align-items:center;width:38px;height:38px}.profile-trigger-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s;background-color:transparent}.profile-trigger-btn:hover{transform:scale(1.05)}.guest-avatar{color:var(--text-tertiary);margin:0 auto}.guest-avatar:hover{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;width:38px;height:38px;border-radius:999px}.user-avatar-small{width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:solid 1px var(--bg-tertiary);font-weight:700;font-size:.9rem}.user-avatar-small:hover{background:#f0f0f0}@media (max-width: 768px){.mobile-menu-btn{display:flex}.header{z-index:1700}}@media (max-width: 600px){.go-text{display:none}.go-pro-text{display:inline-block}.go-pro-btn{padding:8px 12px;width:auto;height:38px;gap:6px;border-radius:var(--border-radius-lg)}.go-pro-icon{display:flex;align-items:center}.go-pro-icon svg{height:16px;width:16px}.header{padding:0 12px}}@media (max-width: 375px){.go-pro-text{display:none}.go-pro-btn{padding:0;width:38px;height:38px;justify-content:center;border-radius:50%}.go-pro-icon svg{height:20px;width:20px}}.chat-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 24px;overflow:hidden}.chat-content{flex:1;display:flex;padding-bottom:180px;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:768px;gap:32px}.chat-greeting{font-size:1.75rem;font-weight:500;letter-spacing:-.5px;color:var(--text-primary);text-align:center;margin-bottom:8px;width:100%}.input-wrapper{width:100%;background-color:var(--bg-primary);border:1px solid #e0e0e0;border-radius:28px;padding:20px 24px 16px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000000a;transition:border-color .2s,box-shadow .2s,all .3s cubic-bezier(.4,0,.2,1)}.input-wrapper:focus-within{border-color:#d0d0d0;box-shadow:0 12px 40px #00000014}.input-wrapper.has-files{border-radius:24px;padding-top:16px}.file-preview-list{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 16px;width:100%}.file-preview-item{display:flex;align-items:center;gap:8px;background-color:#f8f9fa;padding:8px 12px;border-radius:14px;border:1px solid #f0f0f0;max-width:220px;animation:filePopIn .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.file-preview-item.image-preview{padding:0;width:80px;height:80px;border-radius:12px;overflow:visible;background-color:transparent;border:none}.image-thumbnail{width:100%;height:100%;border-radius:12px;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014;background-color:#f3f4f6;display:flex}.image-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;background-color:#f3f4f6}.image-thumbnail.load-error{background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.image-thumbnail.load-error:after{content:"✕";color:#999;font-size:1.2rem}.image-preview .remove-file-btn{height:20px;width:20px;position:absolute;top:-6px;right:-6px;background-color:#000;color:#fff;border-radius:50%;padding:3px 4px 0 3px;z-index:2;box-shadow:0 2px 4px #0003}.image-preview .remove-file-btn:hover{background-color:red;color:#fff}@keyframes filePopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.attach-btn.disabled{opacity:.3;cursor:not-allowed}.file-icon-box{color:#2563eb;display:flex}.file-info{display:flex;flex-direction:column;overflow:hidden}.file-name{font-size:.8rem;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.7rem;color:#888}.remove-file-btn{color:#999;padding:2px;border-radius:50%;transition:all .2s;flex-shrink:0;margin-left:4px}.remove-file-btn:hover{background-color:#f0f0f0;color:#ef4444}.chat-input{width:100%;border:none;background:transparent;resize:none;font-size:1rem;color:var(--text-primary);min-height:32px;max-height:200px;overflow-y:auto;line-height:1.5;display:block}.chat-input::-webkit-scrollbar{width:5px}.chat-input::-webkit-scrollbar-track{background:transparent}.chat-input::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}.chat-input::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.chat-input::placeholder{color:silver}.input-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.input-right-actions{display:flex;align-items:center;gap:12px}.attach-btn,.mic-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-primary);transition:background .2s}.attach-btn svg{width:20px;height:20px}.attach-btn:hover,.mic-btn:hover{background-color:var(--bg-secondary)}.mic-btn.listening{background-color:#ef4444;color:#fff;animation:micPulse 1.5s infinite}@keyframes micPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.send-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#202020;color:#fff;transition:background .2s,transform .15s}.send-btn svg{width:20px;height:20px}.send-btn.active{background-color:var(--text-primary)}.send-btn:hover{background-color:#000}.chat-input-section{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.action-btn-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.action-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(5px);background-color:#000;color:#fff;padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:100;box-shadow:0 4px 12px #00000026}.action-btn-wrapper:hover .action-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.quick-actions-container{position:absolute;top:calc(100% + 16px);left:0;display:flex;flex-direction:column;align-items:center;width:100%;z-index:10}.quick-action-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.category-pill{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border-color);border-radius:20px;background-color:var(--bg-primary);font-size:.9rem;color:var(--text-secondary);font-weight:500;transition:all .2s;cursor:pointer}.category-pill:hover{background-color:var(--bg-secondary);border-color:#d0d0d0}.category-pill.active{background-color:var(--bg-tertiary);border-color:var(--text-primary);color:var(--text-primary)}.pill-icon{font-size:0;opacity:.7}.more-pill{color:var(--text-tertiary)}.suggested-prompts-wrapper{display:flex;flex-direction:column;width:100%;align-items:center;gap:16px}.suggested-prompts-list{display:flex;flex-direction:column;width:100%}.back-to-categories{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;font-size:.85rem;color:var(--text-tertiary);cursor:pointer;transition:all .2s;background:none;margin-top:4px}.back-to-categories:hover{background-color:var(--bg-secondary);color:var(--text-secondary)}.suggested-prompt-row{display:flex;align-items:center;width:100%;padding:14px 24px;border:none;background:none;font-size:1rem;color:var(--text-secondary);cursor:pointer;text-align:left;border-bottom:1px solid rgba(0,0,0,.06);transition:background-color .2s,color .15s;border-radius:0}.suggested-prompt-row:first-child{border-top:none}.suggested-prompt-row:last-child{border-bottom:none}@media (hover: hover){.suggested-prompt-row:hover{background-color:var(--bg-secondary);color:var(--text-primary)}}.suggested-prompt-row:active{background-color:var(--bg-tertiary);transition:none}.prompt-label{font-weight:600;color:var(--text-primary)}.prompt-highlight{font-weight:400;color:#909090;margin-left:4px}.stagger-slide-up{opacity:0;transform:translateY(12px);animation:staggerSlideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes staggerSlideUp{to{opacity:1;transform:translateY(0)}}.chat-footer a:hover{color:var(--text-secondary)}@media (max-width: 768px){.chat-area{padding:0 16px;height:100%}.chat-content{justify-content:center;padding-top:0;padding-bottom:220px;min-height:100%}.chat-greeting{font-size:1.5rem;margin-top:20px;margin-bottom:32px;text-align:center;width:100%;display:block}.chat-input-section{position:fixed;bottom:calc(48px + env(safe-area-inset-bottom,0px));left:0;width:100%;padding:12px 16px;background:linear-gradient(to top,var(--bg-primary) 90%,transparent);z-index:1000;transition:bottom .3s ease}body:has(input:focus,textarea:focus) .chat-input-section{bottom:0}.input-wrapper{margin-bottom:12px;box-shadow:0 -4px 20px #0000000d;padding:12px 16px;border-radius:20px}.chat-input{font-size:1rem}.quick-actions-container{position:static;margin-top:0;width:100%}.quick-action-pills{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:4px 0 8px;gap:8px;width:100%}.quick-action-pills::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0;white-space:nowrap;padding:8px 14px;font-size:.8rem;border-radius:16px}.suggested-prompts-wrapper{position:relative;width:100%;background:var(--bg-primary);max-height:40vh;overflow-y:auto;z-index:1001;animation:expandUp .3s cubic-bezier(.16,1,.3,1)}.suggested-prompts-wrapper::-webkit-scrollbar{display:none}@keyframes expandUp{0%{opacity:0;max-height:0}to{opacity:1;max-height:40vh}}@keyframes slideUpPrompts{0%{transform:translateY(100%)}to{transform:translateY(0)}}.suggested-prompt-row{padding:16px 20px;font-size:.95rem}.suggested-prompt-row:active{background-color:var(--bg-secondary);color:var(--text-primary)}.chat-footer{display:flex;padding:20px 16px 120px;justify-content:center;background:var(--bg-primary)}}@media (max-width: 480px){.chat-greeting{font-size:1.35rem}.chat-content{padding-top:40px}}.ai-image-container{flex:1;display:flex;height:100%;width:100%;padding:10px 20px;gap:20px;box-sizing:border-box}.ai-settings-sidebar{width:380px;background:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:24px;box-shadow:0 2px 10px #00000005;flex-shrink:0;border:1px solid #f0f0f0;overflow-y:auto}.settings-header{padding-bottom:10px;border-bottom:solid 1px var(--border-color)}.settings-header h2{font-size:1.25rem;font-weight:700;margin:0 0 4px;color:#111}.settings-header p{font-size:.85rem;color:#666;margin:0}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group>label{font-size:.9rem;font-weight:600;color:#333}.setting-group>.setting-desc{font-size:.8rem;color:#888;margin-top:-4px}.prompt-input{width:100%;height:120px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;resize:none;font-family:inherit;font-size:.9rem;background:#fafafa;transition:border-color .2s}.prompt-input:focus{outline:none;border-color:var(--text-tertiary);background:#fff}.prompt-input::-webkit-scrollbar{width:5px}.prompt-input::-webkit-scrollbar-track{background:transparent}.prompt-input::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}.prompt-input::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.setting-section-title{font-size:.85rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:12px}.setting-section-title:after{content:"";flex:1;height:1px;background-color:#eee}.select-input{width:100%;padding:10px 16px;border:1px solid #f0f0f0;border-radius:24px;font-size:.9rem;background-color:#fff;box-shadow:0 10px 40px #00000005;cursor:pointer;transition:box-shadow .2s,border-color .2s;display:flex;align-items:center;justify-content:space-between}.select-input svg{color:#999;flex-shrink:0}.select-input:focus{outline:none;border-color:#e0e0e0}.select-input:hover,.select-input.active{background-color:var(--bg-tertiary)}.custom-dropdown-list{position:absolute;top:calc(100% + 8px);left:0;width:100%;background-color:#fff;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 10px 40px #0000000a;z-index:1000;padding:8px;display:flex;flex-direction:column;gap:2px}.custom-dropdown-item{padding:10px 16px;cursor:pointer;border-radius:16px;transition:background-color .2s;font-size:.9rem;color:#111}.custom-dropdown-item:hover,.custom-dropdown-item.selected{background-color:var(--bg-tertiary)}.custom-dropdown-item.selected{font-weight:600}.sliders-row{display:flex;gap:16px}.slider-container{flex:1;display:flex;flex-direction:column;gap:6px}.slider-label{font-size:.8rem;font-weight:600;color:#333}.range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(to right,var(--text-secondary) var(--progress, 0%),#e0e0e0 var(--progress, 0%));border-radius:999px;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--text-secondary);cursor:pointer;border:3px solid #fff;box-shadow:0 1px 4px #0003}.settings-actions{display:flex;margin-top:auto;padding:16px 0 24px;border-top:1px solid #f0f0f0;justify-content:space-between;position:sticky;bottom:-24px;background:#fff;z-index:10;margin-bottom:-24px}.btn-reset{display:flex;height:100%;max-height:38px;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:20px;font-size:.9rem;font-weight:600;color:#333;cursor:pointer;transition:background .2s}.btn-reset:hover{background:#f5f5f5}.btn-generate{display:flex;height:100%;max-height:38px;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#111;color:#fff;border:none;border-radius:20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-generate:hover{opacity:.9}.ai-collection-area{flex:1;background:#fff;border-radius:12px;padding:24px 32px;display:flex;flex-direction:column;box-shadow:0 2px 10px #00000005;border:1px solid #f0f0f0;overflow:hidden;min-height:600px}.collection-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:10px;border-bottom:solid 1px var(--border-color)}.collection-title h2{font-size:1.25rem;font-weight:700;margin:0 0 4px;color:#111}.collection-title p{font-size:.85rem;color:#666;margin:0}.collection-search{position:relative;width:260px}.collection-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888}.collection-search input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e0e0e0;border-radius:20px;font-size:.85rem;outline:none;background:#fafafa}.collection-search input:focus{border-color:#aaa}.tabs-container{display:flex;background:#f5f5f5;border-radius:20px;padding:4px;width:fit-content;margin-bottom:32px}.tab-btn{padding:6px 16px;border:none;background:transparent;border-radius:16px;font-size:.85rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.tab-btn.active{background:#fff;color:#111;box-shadow:0 1px 3px #0000001a}.collection-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;min-height:250px}.empty-state img{opacity:.8}.empty-state h3{font-size:1rem;font-weight:700;margin:0 0 8px;text-align:center}.empty-state p{font-size:.9rem;color:#666;margin:0;text-align:center}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding-bottom:20px}.image-item{width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;position:relative;background-color:#eee}.image-item img{width:100%;height:100%;object-fit:cover;display:block}.promo-card{background:url(/assets/limited-use-img.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.promo-card h3{font-size:1.1rem;font-weight:700;color:#111;margin:0 0 8px}.promo-card p{font-size:.85rem;color:#444;margin:0 0 20px;line-height:1.4}.btn-select-plan{background:var(--text-primary);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-select-plan:hover{opacity:.9}@media (max-width: 900px){.ai-image-container{flex-direction:column;padding:16px;gap:16px;height:auto;flex:none}.ai-settings-sidebar{width:100%;max-height:60vh;min-height:460px}.prompt-input{font-size:1rem}.ai-collection-area{padding:16px;min-height:unset;overflow:visible}.images-grid{grid-template-columns:1fr 1fr;gap:8px}.image-item{border-radius:8px}.promo-card{padding:12px}.promo-card h3{font-size:.8rem;margin-bottom:4px}.promo-card p{font-size:.65rem;margin-bottom:10px;line-height:1.2}.btn-select-plan{padding:6px 12px;font-size:.75rem}}@media (max-width: 480px){.collection-header{flex-direction:column;gap:16px;align-items:stretch}.collection-search{width:100%}}@media (max-width: 375px){.btn-text-extra{display:none}.btn-generate{padding:10px 16px;font-size:.85rem}}.ai-documents-container{flex:1;display:flex;height:100%;width:100%;align-items:center;justify-content:center;position:relative;overflow:hidden}.ai-documents-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:600px;max-width:95vw;max-height:90vh;background-size:50px 50px;background-image:linear-gradient(to right,#f5f5f5 1px,transparent 1px),linear-gradient(to bottom,#f5f5f5 1px,transparent 1px);background-position:center center;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 85%);mask-image:radial-gradient(circle at center,black 40%,transparent 85%);opacity:.6}.documents-content{display:flex;width:768px;flex-direction:column;align-items:center;text-align:center;background:transparent;padding:40px;position:relative;z-index:1}.documents-header{margin-bottom:32px}.documents-header h2{font-size:1.8rem;font-weight:800;color:#111;margin:0 0 8px}.documents-header p{font-size:1rem;color:#555;margin:0}.upload-zone{width:100%;max-width:768px;min-width:300px;padding:40px;border:1px dashed #d0d0d0;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;transition:all .2s}.upload-zone:hover{background-color:#f5f5f5;border-color:#b0b0b0}.upload-icon{color:#333;opacity:.8;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.upload-text{font-size:1rem;color:#111;margin-bottom:8px}.upload-text strong{font-weight:700}.upload-subtext{font-size:.75rem;color:#888;margin-bottom:24px}.btn-upload{background:#111;color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-upload:hover{opacity:.9}@media (max-width: 600px){.upload-zone{min-width:100%;padding:30px 20px}.documents-header h2{font-size:1.5rem}}.auth-modal{background:#fff;width:100%;max-width:900px;border-radius:32px;box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1);transition:all .6s cubic-bezier(.34,1.56,.64,1);will-change:height,width,transform}.modal-close-btn{position:absolute;top:24px;right:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#888;border-radius:50%;transition:all .2s;z-index:10;background:#fff}.modal-close-btn:hover{background-color:#f5f5f5;color:#333;transform:rotate(90deg)}.auth-container{display:flex;min-height:520px}.auth-left{flex:1.1;padding:60px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #f0f0f0;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:400px;background-size:40px 40px;background-image:linear-gradient(to right,#f8f8f8 1px,transparent 1px),linear-gradient(to bottom,#f8f8f8 1px,transparent 1px);pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%);mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}.powered-by,.auth-hero-section,.available-models-section{position:relative;z-index:1}.powered-by{display:flex;flex-direction:column;gap:16px}.powered-label{font-size:.85rem;font-weight:500;color:#666}.provider-logos{display:flex;gap:24px}.provider{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#222}.provider-logo-placeholder{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.8rem}.logo-openai{color:#f26522;font-size:1.2rem}.logo-anthropic{font-weight:700;font-size:1.1rem}.logo-google{color:#4285f4;font-weight:900}.auth-hero-section{margin:40px 0}.auth-hero-title{font-size:2.2rem;font-weight:700;line-height:1.1;letter-spacing:-1px;color:#111;margin-bottom:20px}.auth-hero-subtitle{font-size:.95rem;line-height:1.5;color:#777;max-width:320px}.available-models-section{display:flex;flex-direction:column;gap:12px}.available-models-label{font-size:.8rem;font-weight:600;color:#666}.model-icons-row{display:flex;align-items:center;gap:8px}.model-icon-placeholder{width:24px;height:24px;border-radius:50%}.icon-1,.icon-2,.icon-3,.icon-4,.icon-5{background:none}.more-models{font-size:.85rem;font-weight:600;color:#888;margin-left:4px}.auth-right{flex:1;padding:60px 50px;display:flex;flex-direction:column;justify-content:center;text-align:center;background-color:#fcfcfc}.auth-form-header{margin-bottom:32px}.auth-form-title{font-size:1.8rem;font-weight:700;color:#111;margin-bottom:12px}.auth-form-subtitle{font-size:.95rem;color:#777;line-height:1.4;max-width:280px;margin:0 auto}.auth-actions{display:flex;flex-direction:column;gap:12px;width:100%}.auth-social-btn{height:52px;border-radius:26px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;border:none}.google-btn{background-color:#ececec;color:#1a1d21}.google-btn:hover{background-color:#e2e2e2}.social-logo-g{font-size:.5rem}.apple-btn{background-color:#ececec;color:#1a1d21}.apple-btn:hover{background-color:#e2e2e2}.social-logo-a{font-size:.5rem}.auth-divider{display:flex;align-items:center;margin:16px 0;color:#bbb;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:#eee}.auth-divider span{padding:0 16px}.email-login-group{display:flex;flex-direction:column;gap:12px}.auth-email-input{height:52px;width:100%;border-radius:26px;padding:0 24px;border:1px solid #e5e5e5;font-size:1rem;transition:border-color .2s}.auth-email-input:focus{border-color:#999}.auth-primary-btn{height:52px;border-radius:26px;background-color:#f7f7f7;color:#bbb;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;border:none;cursor:not-allowed;width:100%}.auth-primary-btn.active{background-color:#262626;color:#fff;cursor:pointer}.auth-primary-btn.active:hover{background-color:#000}.input-with-error{display:flex;flex-direction:column;gap:6px;width:100%}.auth-error-message{color:#ff4d4d;font-size:.8rem;text-align:left;padding-left:14px;animation:fadeIn .2s ease}.input-error{border-color:#ff4d4d!important}.input-error:focus{box-shadow:0 0 0 1px #ff4d4d}.password-step{display:flex;flex-direction:column;gap:20px;width:100%}.auth-input-group{display:flex;flex-direction:column;gap:8px;text-align:left}.auth-label{font-size:.9rem;font-weight:600;color:#444;margin-left:12px}.auth-email-input::placeholder{opacity:.5}.static-input{background-color:#fff;border-color:#eee;color:#111}input::-ms-reveal,input::-ms-clear{display:none}input::-webkit-password-toggle-view-button{display:none}.password-input-wrapper{position:relative;width:100%}.password-toggle-btn{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#bbb;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle-btn:hover{color:#888}.auth-primary-btn.loading{opacity:.8;cursor:wait;display:flex;justify-content:center;align-items:center;gap:12px}.spinner-icon{animation:spin 1s linear infinite}.auth-footer-links{display:flex;flex-direction:column;align-items:center;gap:20px}.back-link-btn{background:none;border:none;color:#999;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s}.back-link-btn:hover{color:#111}.auth-legal-text.small{margin-top:0;font-size:.78rem}.auth-legal-text a{color:#4285f4;text-decoration:none}.auth-legal-text a:hover{text-decoration:underline}@media (max-width: 800px){.auth-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;margin-bottom:0;animation:slideUpBottom .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.auth-container{flex-direction:column;min-height:0}.auth-left{display:none}.auth-right{padding:60px 24px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.initial-step,.password-step{width:100%;max-width:475px;margin:0 auto}.modal-close-btn{top:16px;right:16px}}.pricing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.pricing-modal{background-color:#fff;width:100%;max-width:900px;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{position:absolute;top:20px;right:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#999;border-radius:50%;transition:background .2s;z-index:10}.close-btn:hover{background-color:#f5f5f5;color:#333}.pricing-container{display:flex;min-height:580px}.pricing-features{flex:1.1;background-color:#fbfbfb;padding:40px;border-right:1px solid #f0f0f0;display:flex;flex-direction:column}.users-joined{display:flex;align-items:center;gap:12px;margin-bottom:30px}.user-avatars{display:flex;align-items:center}.user-avatars img{width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-8px}.user-avatars img:first-child{margin-left:0}.more-users{width:32px;height:28px;background-color:#f0f0f0;border-radius:14px;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:-8px;border:2px solid #fff}.joined-text{font-size:.88rem;font-weight:700;color:#333}.features-table{width:100%;display:flex;flex-direction:column}.table-header{display:flex;justify-content:space-between;padding:0 0 12px;border-bottom:1px solid var(--border-color);margin-bottom:8px}.feat-title{font-size:.75rem;font-weight:600;color:#999}.feat-columns{display:flex;gap:30px;font-size:.75rem;font-weight:600;color:#999;min-width:80px;justify-content:flex-end}.feat-columns .pro-label{color:#2563eb}.feat-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:solid 1px var(--border-color)}.feat-name-wrap{display:flex;align-items:center;gap:12px;font-size:.88rem;font-weight:600;color:#333}.feat-text-content{display:flex;flex-direction:column;align-items:flex-start}.feat-main-name{font-weight:600;color:#333}.feat-subtext{font-size:.75rem;font-weight:400;color:#777}.feat-icon-placeholder{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.fallback-feat-icon{font-size:.7rem;color:#2563eb;font-weight:700}.status-icon{width:14px;display:flex;justify-content:center}.status-icon.empty{color:#ccc}.status-icon.pro{color:var(--accent-blue)}.view-all-plans-section{margin-top:auto;display:flex;justify-content:center;padding-top:30px}.view-all-plans-btn{background:none;border:none;color:var(--tertiary-text);font-size:.75rem;font-weight:300;cursor:pointer;text-decoration:underline;padding:8px 16px;opacity:.7;transition:opacity 0s}.view-all-plans-btn:hover{opacity:1}.pricing-plans{flex:1;padding:40px;display:flex;flex-direction:column}.upgrade-header{display:flex;align-items:center;justify-content:left;gap:8px}.upgrade-header h2{font-size:1.5rem;font-weight:800;color:#000;letter-spacing:-.5px}.upgrade-subtext{text-align:left;font-size:.88rem;color:#666;margin-bottom:24px}.plan-selection{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.plan-option{display:flex;align-items:center;gap:16px;padding:10px 20px;border:1.5px solid #f0f0f0;border-radius:16px;cursor:pointer;transition:all .2s;position:relative}.plan-option input{position:absolute;opacity:0}.radio-custom{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;position:relative;flex-shrink:0}.plan-option.active{border-color:#000;background-color:#fff}.plan-option.active .radio-custom{border-color:#000}.plan-option.active .radio-custom:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;background-color:#000;border-radius:50%}.plan-info{display:flex;justify-content:space-between;align-items:center;width:100%}.plan-name{font-weight:700;font-size:1rem;color:#111}.plan-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.plan-total-price{font-size:.82rem;color:#888}.plan-price-per-day{font-weight:600;font-size:1.1rem;color:var(--text-primary);opacity:.7}.plan-option.active .plan-price-per-day{opacity:1}.name-with-badge{display:flex;flex-direction:row;gap:8px}.save-badge{display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;background-color:#eff6ff;color:#3b82f6;padding:2px 8px;border-radius:999px;width:fit-content}.continue-btn{width:100%;height:54px;background-color:#000;color:#fff;border-radius:28px;font-weight:700;font-size:1rem;transition:transform .2s,opacity .2s;margin-bottom:20px}.continue-btn:hover{opacity:.9;transform:translateY(-1px)}.legal-text{font-size:.68rem;color:#999;text-align:center;line-height:1.6;margin-bottom:24px}.legal-text a{color:#999;text-decoration:underline}.payment-methods{display:flex;justify-content:center;gap:20px;margin-bottom:24px}.payment-methods img{height:16px;opacity:.8}.secure-footer{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.75rem;font-weight:600;color:#888}@media (max-width: 768px){.pricing-overlay{align-items:flex-end;padding:0}.pricing-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;animation:modalSlideUpBottom .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pricing-container{flex-direction:column;min-height:0}.pricing-features{display:none}.pricing-plans{padding:40px 20px 20px;max-width:475px;margin:0 auto}}.full-pricing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fcfcfc;z-index:3000;display:block;overflow-y:auto;animation:fadeIn .2s ease-out}.full-pricing-modal{width:100%;max-width:1000px;background-color:#fcfcfc;min-height:100vh;display:flex;flex-direction:column;margin:0 auto}.slide-up-full{animation:slideUpFull .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpFull{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.full-pricing-header-bar{display:flex;justify-content:right;align-items:center;padding:24px 40px;top:0;background-color:#fcfcfce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.back-btn{background:none;border:none;font-size:1rem;font-weight:600;color:#555;cursor:pointer}.back-btn:hover{color:#000}.close-all-btn{background:none;border:none;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:4px;transition:background .2s}.close-all-btn:hover{background-color:#eee;color:#000}.full-pricing-content{padding:0 40px 80px;display:flex;flex-direction:column;align-items:center}.full-pricing-hero{text-align:center;margin-bottom:60px}.full-pricing-hero h1{font-size:2.5rem;font-weight:800;color:#111;margin-bottom:16px}.full-pricing-hero p{font-size:1.1rem;color:#666;margin-bottom:32px}.billing-toggle{display:inline-flex;background-color:#f1f5f9;padding:4px;border-radius:999px}.toggle-btn{background:transparent;border:none;padding:12px 24px;border-radius:999px;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;position:relative}.toggle-btn.active{background-color:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.save-badge-small{position:absolute;top:-14px;left:50%;transform:translate(-50%);background-color:#3b82f6;color:#fff;padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:800;white-space:nowrap;box-shadow:0 2px 4px #3b82f633}.pricing-cards-wrapper{display:flex;gap:24px;width:100%;max-width:675px;margin-bottom:80px}.pricing-card{flex:1;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;display:flex;flex-direction:column;position:relative}.pricing-card.pro-card{border:.5px solid #000;box-shadow:0 10px 30px -10px #0000001a}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.pricing-card h3{font-size:1.15rem;font-weight:700;margin-bottom:12px}.card-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.card-price h2{font-size:2.5rem;font-weight:800;letter-spacing:-1px}.card-price span{color:#64748b;font-weight:500}.card-desc{color:#64748b;font-size:.9rem;margin-bottom:24px;min-height:40px}.card-action-btn{width:100%;padding:12px;border-radius:999px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:24px}.card-action-btn.secondary{background-color:#f1f5f9;color:#0f172a;border:none}.card-action-btn.secondary:hover{background-color:#e2e8f0}.card-action-btn.primary{background-color:var(--text-primary);color:#fff;border:none}.card-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;opacity:.88}.card-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.card-features li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#334155;font-weight:500}.card-features li svg{color:var(--accent-blue)}.free-card .card-features li svg{color:#94a3b8}.compare-section{width:100%;margin-bottom:80px}.compare-section-header{margin-bottom:40px}.compare-section-header h2{font-size:2rem;font-weight:800;margin-bottom:8px;color:#111}.compare-section-header p{font-size:1rem;color:#64748b;margin:0}.compare-table-wrapper{background-color:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden}.compare-table{width:100%;border-collapse:collapse}.compare-table th{padding:24px;background-color:#fff;border-bottom:1px solid #e2e8f0;vertical-align:bottom}.feature-col-header{width:40%}.plan-col-header{width:30%;text-align:center}.plan-header-title{font-size:1.1rem;font-weight:800;color:#111;margin-bottom:4px}.plan-header-price{font-size:.85rem;color:#64748b;margin-bottom:12px}.plan-header-btn{padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;width:100%;max-width:140px;margin:0 auto;transition:all .2s}.plan-header-btn.secondary{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.plan-header-btn.primary{background-color:var(--text-primary);color:#fff}.plan-header-btn.primary:hover{transform:translateY(-2px);opacity:.88;background-color:var(--text-primary)}.compare-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;font-size:.95rem;font-weight:500;color:#334155}.feature-name-content{display:flex;align-items:center;gap:12px}.feature-logo{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.feature-logo img{width:100%;height:100%;object-fit:contain}.feature-logo svg{color:#64748b}.group-header-row td{padding:16px 24px;border-bottom:none;background-color:#fafafa}.group-header-content{display:flex;align-items:center;gap:12px;font-weight:700;color:#111;font-size:1rem}.group-header-content svg{color:#64748b}.compare-table tr:last-child td{border-bottom:none}.status-cell{text-align:center}.icon-check{color:#64748b}.pro-check{color:var(--accent-blue)}.icon-cross{color:#94a3b8;font-size:1.1rem;font-weight:400}.text-value{color:#334155;font-size:.85rem}.faq-section{width:100%;max-width:800px}.faq-section h2{text-align:center;font-size:2rem;font-weight:800;margin-bottom:40px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .2s;cursor:pointer}.faq-item:hover{border-color:#cbd5e1}.faq-item.open{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.faq-question h3{font-size:1.05rem;font-weight:600;margin:0;color:#0f172a}.faq-question svg{color:#64748b;flex-shrink:0}.faq-answer{padding:0 24px 24px;color:#475569;line-height:1.6}.faq-answer p{margin:0}@media (max-width: 768px){.full-pricing-content{padding:0 20px 60px}.full-pricing-header-bar{padding:16px 20px}.pricing-cards-wrapper{flex-direction:column}.pro-card{order:1}.free-card{order:2}.billing-toggle{flex-direction:column;width:100%;max-width:320px;padding:8px;gap:10px;border-radius:24px}.toggle-btn{width:auto;align-self:center;justify-content:center;padding:12px 20px;min-width:140px;gap:10px}.save-badge-small{position:relative;top:6px;left:auto;transform:translateY(-50%);font-size:.6rem}.full-pricing-hero h1{font-size:2rem}.compare-table th,.compare-table td{padding:16px 12px}.compare-section h2,.faq-section h2{font-size:1.5rem}}.logout-confirm-modal{background:#fff;border-radius:24px;padding:32px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000026;text-align:center;animation:modal-slide-up .4s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.logout-confirm-modal h3{font-size:1.15rem;font-weight:600;color:#111;margin:0 0 24px}.logout-actions{display:flex;gap:12px;justify-content:center}.logout-actions button{padding:10px 24px;border-radius:20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.btn-cancel:hover{background:#e0e0e0}.btn-logout-confirm{background:#dc2626;color:#fff;border:none}.btn-logout-confirm:hover{background:#b91c1c}@media (max-width: 768px){.logout-confirm-modal{max-width:100%;border-radius:24px 24px 0 0;animation:modal-slide-up-bottom .4s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-up-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.app-main-view{flex:1;display:flex;flex-direction:column}.chat-footer{display:flex;gap:20px;justify-content:center;padding:16px 0;flex-shrink:0;width:100%;margin-top:auto}.chat-footer a{font-size:.78rem;color:#bbb;transition:color .2s;text-decoration:none}.chat-footer a:hover{color:#888}.logout-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.logout-loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.logout-loading-content p{font-size:1.1rem;font-weight:500;color:#111;margin:0}.logout-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #111;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.chat-footer{position:fixed;bottom:0;left:0;width:100%;height:calc(48px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--bg-primary);margin:0;z-index:1001;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.chat-footer.static-footer{position:relative;background:transparent;transform:none!important}body:has(input:focus,textarea:focus) .chat-footer:not(.static-footer){transform:translateY(100%);pointer-events:none}}