body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.1;overflow-x:hidden;transition:background-color 0.3s ease,color 0.3s ease;}.app-header{display:flex;align-items:center;padding:0 20px;height:65px;background:var(--bg-secondary);border-bottom:1px solid #334155;position:fixed;top:0;left:0;right:0;z-index:1100;transition:background-color 0.3s ease;}.sidebar-toggle-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;margin-right:15px;display:flex;align-items:center;}.sidebar-toggle-btn:hover{background-color:var(--bg-tertiary);border-radius:6px;padding:4px 6px;}.header-brand-logo{display:flex;align-items:center;gap:6px;text-decoration:none;}.header-brand-logo img{height:40px;width:40px;aspect-ratio:1/1;border-radius:8px;background:var(--bg-input);object-fit:contain;box-shadow:0 2px 8px var(--shadow-sm);}.header-brand-logo .brand-title{font-size:1em;font-weight:600;color:var(--text-primary);letter-spacing:0.02em;}.theme-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;cursor:pointer;padding:5px 5px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-size:1.2em;width:38px;height:34px;}.theme-toggle-btn:hover{background-color:var(--bg-input);border-color:#F97316;}.theme-icon{transition:transform 0.3s ease;}.theme-toggle-btn:hover .theme-icon{transform:rotate(20deg);}.app-container{display:flex;width:100%;padding-top:65px;}.sidebar{width:220px;background-color:var(--bg-secondary);padding:5px;display:flex;flex-direction:column;border-right:1px solid #334155;flex-shrink:0;height:calc(100vh - 65px);overflow-y:auto;box-sizing:border-box;position:fixed;top:65px;left:0;transform:translateX(0);transition:transform 0.3s ease-in-out,background-color 0.3s ease;z-index:1000;}body.sidebar-hidden .sidebar{transform:translateX(-100%);}.login-button{width:100%;height:48px;padding:0 20px;border-radius:8px;font-weight:600;font-size:0.95em;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;margin-top:10px;}.login-button.primary{background:linear-gradient(90deg,#F97316 60%,#ea580c 100%);color:white;border:1px solid transparent;}.login-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(249,115,22,0.3);}.login-button.google-button{background:#FFFFFF;color:#1F2937;border:1px solid #CBD5E1;}.login-button.google-button:hover{background:#F8FAFC;border-color:#94A3B8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}@keyframes spin{100%{transform:rotate(360deg);}}.free-plan{background:var(--bg-card);border-radius:5px;border-color:#0eb19e;border:1px solid transparent;padding:4px;cursor:pointer;color:var(--text-primary);font-size:0.64em;width:100%;}.help-link:hover svg{color:var(--accent-orange) !important;}.metadata{background:var(--bg-card);border-radius:8px;padding:5px;margin-left:20px;color:var(--text-muted);text-align-last:center;font-weight:bold;}.login-container{position:relative;}.modal-close-btn{position:absolute;top:15px;right:20px;background:transparent;border:none;color:#94A3B8;font-size:28px;font-weight:bold;cursor:pointer;line-height:1;z-index:10;transition:color 0.2s ease;}.modal-close-btn:hover{color:#F97316;transform:scale(1.1);}@keyframes spin{100%{transform:rotate(360deg);}}.main-panel{flex-grow:1;padding:18px;min-height:calc(100vh - 65px);box-sizing:border-box;display:flex;flex-direction:column;margin-left:220px;transition:margin-left 0.3s ease-in-out;}body.sidebar-hidden .main-panel{margin-left:0;}@media (max-width:700px){.sidebar{transform:translateX(-100%);}.sidebar.visible{transform:translateX(0);box-shadow:4px 0 15px rgba(0,0,0,0.2);}.main-panel{margin-left:0 !important;}}@media (max-width:700px){.image-properties-overlay{left:50% !important;transform:translateX(-50%) !important;top:2px !important;height:220px !important;width:220px !important;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10px;background:rgba(36,36,36,0.5) !important;}body.light-mode .image-properties-overlay{background:rgba(36,36,36,0.5) !important;}}.image-column{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border-right:1px solid #3B82F6;}.prompt-column{display:flex;flex-direction:column;padding:10px;}.sidebar-section{margin-bottom:10px;padding:0 10px;}.api-key-buttons{display:flex;flex-direction:column;gap:10px;}.mode-button{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);padding:7px 10px;text-align:center;border-radius:6px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;font-size:0.8em;width:100%;}.mode-button.active,.mode-button:hover{background:linear-gradient(135deg,#2A66EB 0%,#0284C7 100%);color:white;border-color:#92a3ba;box-shadow:0 2px 8px rgba(37,99,235,0.22);}.file-upload-box{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-input) 100%);border:1px dashed #334155;border-radius:16px;padding:32px;text-align:center;width:100%;max-width:800px;transition:all 0.3s ease;box-shadow:0 4px 24px var(--shadow-sm);}.file-upload-box.dragover{border-color:var(--accent-orange);box-shadow:0 0 0 2px rgba(249,115,22,0.2);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-input) 100%);}.format-button{min-width:auto;min-height:auto;font-size:0.75em;font-weight:600;border-radius:8px !important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:6px 14px;letter-spacing:0.02em;}.format-button.blue-button{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;}.format-button.purple-button{background:linear-gradient(135deg,#8B5CF6 0%,#6D28D9 100%);color:#fff;}.format-button.red-button{background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);color:#fff;}.format-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.action-button{padding:4px 15px;border-radius:6px;font-weight:600;font-size:0.8em;text-align:center;letter-spacing:0.02em;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.2s ease;color:white;}.action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.trial-status-container{background:linear-gradient(135deg,rgba(59,130,246,0.1) 0%,rgba(37,99,235,0.1) 100%);border:1px solid rgba(59,130,246,0.2);border-radius:12px;padding:12px;margin:5px 0;display:none;flex-direction:column;gap:8px;transition:all 0.3s ease;}.trial-header{display:flex;justify-content:space-between;align-items:center;}.trial-label{font-size:0.75em;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px;}.trial-count{font-size:0.75em;font-weight:700;color:var(--accent-blue);}.trial-progress-bg{height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden;width:100%;}.trial-progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6 0%,#2563EB 100%);width:0%;transition:width 0.5s ease-out;border-radius:3px;}.trial-footer-text{font-size:0.65em;color:var(--text-muted);line-height:1.3;}body.light-mode .trial-status-container{background:rgba(59,130,246,0.05);border-color:rgba(59,130,246,0.15);}.metadata-modal-content{background:var(--bg-tertiary);border-radius:16px;box-shadow:0 8px 32px var(--shadow-md);border:1px solid var(--border-color);}.metadata-modal-header{padding:24px;border-bottom:1px solid var(--border-color);}.metadata-modal-title{font-size:1.4em;font-weight:600;color:var(--accent-orange);letter-spacing:0.02em;}::-webkit-scrollbar{width:8px;background:var(--scrollbar-bg);}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);}.platform-button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);font-weight:500;padding:4px 16px;border-radius:16px;transition:all 0.2s ease;font-size:0.8em;cursor:pointer;}.platform-button.active,.platform-button:hover{background:linear-gradient(135deg,var(--accent-orange) 0%,#ecdbd3 100%);color:#fff;border-color:var(--accent-orange);box-shadow:0 2px 8px rgba(249,115,22,0.2);}.switch .slider.round{background-color:#334155;border-radius:16px;height:16px;width:40px;transition:all 0.3s ease;}.switch .slider.round:before{background-color:#fff;border-radius:50%;margin-bottom:-4px;transition:all 0.3s ease;}input:checked+.slider.round{background:linear-gradient(135deg,#17b117 0%,#16f629 100%);}input:checked+.slider.round:before{transform:translateX(20px);}.slider-group input[type="range"]{appearance:none;-webkit-appearance:none;width:100%;height:6px;background:#334155;border-radius:3px;outline:none;}.slider-group input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#F97316;border-radius:50%;cursor:pointer;transition:all 0.2s ease;}.slider-group input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 8px rgba(236,206,185,0.4);}.pill-label{padding:4px 10px;border-radius:6px;font-size:0.8em;font-weight:bold;margin-bottom:0px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}.orange-pill{background-color:#2A66EB;color:white;justify-content:center;}.collapsible-content{padding-left:4px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out,opacity 0.3s ease-out;opacity:0;}.collapsible-header.open+.collapsible-content{max-height:1000px;opacity:1;}.icon-dropdown-arrow{transition:transform 0.3s;}.collapsible-header.open .icon-dropdown-arrow{transform:rotate(180deg);}.slider-group{margin-bottom:0px;}.slider-group label{display:block;margin-bottom:5px;font-size:0.9em;}.slider-group input[type="range"]{width:100%;accent-color:#ffffff;cursor:pointer;}.slider-group span{font-weight:bold;color:orange;}.toggle-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:0px;margin-top:15px;padding:0px 0;}.toggle-group label{font-size:0.8em;}.switch{position:relative;display:inline-block;width:44px;height:24px;}.switch input{opacity:0;width:0;height:0;}.slider.round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4A5568;transition:.4s;border-radius:24px;}.slider.round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%;}input:checked+.slider.round{background-color:#F97316;}input:checked+.slider.round:before{transform:translateX(20px);}.sidebar-footer{margin-top:auto;}.api-key-button{width:100%;padding:6px 16px;border:none;border-radius:6px;font-weight:bold;cursor:pointer;transition:background-color 0.2s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:0.85em;}.green-button{background-color:#10B981;color:white;justify-content:center;}.green-button:hover{background-color:#059669;}.modal{display:none;position:fixed;z-index:1200;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);align-items:center;justify-content:center;}.modal-content{background-color:var(--bg-modal);padding:8px;border-radius:8px;width:100%;max-width:400px;height:auto;text-align:left;box-shadow:0 5px 15px var(--shadow-lg);}.modal-content h3{margin-top:0;color:var(--accent-orange);}.modal-content label{display:block;margin:10px 0 5px;color:var(--text-secondary);}.modal-content input[type="text"]{width:calc(100% - 85px);padding:6px;margin-bottom:9px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-secondary);}.modal-content button{margin-top:10px;padding:10px 15px;border-radius:6px;cursor:pointer;border:none;font-weight:bold;}.grey-button{background:#f44e4e;color:#e7e4e4;margin-left:4px;}.grey-button:hover{background:red;color:white;}.keywords-rank{background-color:rgba(11,13,17,0.06);margin-bottom:12px;margin-right:32px;margin-top:-39px;padding-bottom:8px;color:var(--text-secondary);}.policy-modal-content{position:relative;max-width:720px;width:90%;background-color:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);padding:32px 28px;color:var(--text-secondary);line-height:1.7;box-shadow:0 10px 40px var(--shadow-md);}.policy-modal-content h3{margin-top:0;margin-bottom:18px;font-size:1.6em;color:var(--accent-orange);text-align:left;}.policy-modal-body{max-height:70vh;overflow-y:auto;}.policy-modal-body a{color:#60A5FA;text-decoration:none;}.policy-modal-body a:hover{text-decoration:underline;}.policy-section{margin-bottom:18px;}.policy-section h4{margin:0 0 8px 0;font-size:1.05em;color:var(--text-primary);}.policy-section p{margin:0 0 10px 0;font-size:0.95em;color:var(--text-secondary);}.policy-section ul{margin:0 0 10px 0;padding-left:20px;}.policy-section li{margin-bottom:6px;color:var(--text-secondary);}.policy-contact-list{list-style:none;padding:0;}.policy-contact-list li{margin-bottom:8px;}.footer-link-group{display:flex;flex-direction:column;align-items:flex-end;gap:12px;}.footer-nav-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;}.footer-nav-links a{color:#94A3B8;text-decoration:none;font-size:0.9em;transition:color 0.2s ease;}.footer-nav-links a:hover{color:#F97316;}.footer-social-icons{display:flex;gap:12px;justify-content:flex-end;}.footer-social-icons a{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,rgba(59,130,246,0.2) 0%,rgba(15,23,42,0.9) 100%);border:1px solid rgba(148,163,184,0.3);display:inline-flex;align-items:center;justify-content:center;color:#F8FAFC;transition:transform 0.2s ease,border-color 0.2s ease,color 0.2s ease;}.footer-social-icons a:hover{transform:translateY(-2px);border-color:#F97316;color:#F97316;}.footer-social-icons svg{width:18px;height:18px;}.file-processing-area{flex:1;display:flex;flex-direction:column;padding:0 20px;}.action-buttons-header{display:flex;justify-content:flex-end;gap:10px;margin-top:-40px;padding:15px 0px;cursor:pointer;border-bottom:1px dashed #334155;}.platform-selection-header{display:flex;align-items:center;margin-bottom:25px;padding-bottom:0px;border-bottom:1px solid #334155;flex-wrap:wrap;}.header-label{font-size:1.8em;text-decoration:underline;font-weight:bold;color:var(--text-label);margin-bottom:12px;margin-right:10px;margin-left:24px;}.platform-toggle-group{display:flex;flex-wrap:wrap;gap:8px;}.platform-button img{height:12px;width:12px;opacity:0.7;}.platform-button.active img,.platform-button:hover img{opacity:1;}.file-upload-section{display:flex;justify-content:center;align-items:center;margin-bottom:30px;}.mode-admin .file-upload-section,.mode-admin #tour-upload-section,.mode-admin .platform-selection-header,.mode-admin .action-buttons-header{display:none !important;}.file-upload-box{background-color:#111827;border:2.5px dashed #374151;border-radius:15px;padding:10px;text-align:center;width:100%;max-width:700px;transition:border-color 0.2s;box-shadow:0 4px 24px rgba(0,0,0,0.13);margin-top:0;}.file-upload-box.dragover{border-color:#F97316;}.upload-icon-container{font-size:3em;color:#F97316;margin-bottom:15px;}.icon-upload-cloud::before{content:"↑";display:inline-block;border:2px solid #F97316;border-radius:50%;padding:5px 10px;}.upload-title{font-size:1.1em;margin-bottom:10px;color:#fff;font-weight:600;}.upload-logo-container img{width:48px;height:auto;margin-bottom:10px;}.upload-format-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:0;}.format-button input[type="file"]{display:none;}.format-button.blue-button{background:linear-gradient(90deg,#3B82F6 60%,#2563eb 100%);color:#fff;}.format-button.purple-button{background:linear-gradient(90deg,#8B5CF6 60%,#6D28D9 100%);color:#fff;}.format-button.red-button{background:linear-gradient(90deg,#EF4444 60%,#b91c1c 100%);color:#fff;}.format-button:hover{filter:brightness(1.08);box-shadow:0 4px 16px #0002;}.data-protection-statement{font-size:0.75em;color:var(--text-secondary);margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:5px;}.icon-lock::before{content:"🔒";}.upload-limit-link{font-size:0.7em;color:var(--text-secondary);text-decoration:none;}.upload-limit-link:hover{text-decoration:underline;}.file-processing-area{margin-top:20px;}.action-button:disabled{opacity:0.5;cursor:not-allowed;background-color:#4A5568 !important;}.action-button i{font-size:1.1em;}.orange-button{background-color:#F97316;color:white;}.orange-button:hover:not(:disabled){background-color:#EA580C;}.blue-button{background-color:#3B82F6;color:white;}.blue-button:hover:not(:disabled){background-color:#2563EB;}.purple-button{background-color:#8B5CF6;color:white;}.purple-button:hover:not(:disabled){background-color:#6D28D9;}.file-preview-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;align-items:flex-start;justify-content:flex-start;margin-bottom:0;padding:0 8px;padding-top:15px;position:relative;}.card-image-col{min-width:220px;max-width:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100%;padding:20px 0;background-color:var(--bg-secondary);}.image-properties-overlay{display:flex;position:absolute;top:0;left:0;width:220px;height:222px;background:rgba(96,96,96,0.7);color:#fff;display:flex;flex-direction:column;justify-content:end;align-items:flex-start;padding-left:10px;padding-right:10px;margin-top:20px;box-sizing:border-box;opacity:0;transition:opacity 0.3s ease;pointer-events:none;object-fit:contain;border-radius:6px;font-size:0.8em;line-height:1;z-index:5;text-align:left;backdrop-filter:blur(0px);}.card-image-col:hover .image-properties-overlay{opacity:1;}.prop-row{margin-bottom:4px;word-break:break-all;width:100%;}.prop-label{font-weight:bold;color:#F97316;margin-right:5px;font-size:0.9em;}.prop-value{font-size:0.95em;color:rgba(231,231,231,0.9);}body.light-mode .image-properties-overlay{background:rgba(96,96,96,0.7);color:#fff;border:1px solid rgba(0,0,0,0.1);}body.light-mode .prop-label{font-weight:bold;color:#F97316;text-shadow:none;}body.light-mode .prop-value{color:rgba(255,255,255,0.9);font-weight:600;}.card-image-actions{position:absolute;top:10px;right:10px;display:flex;gap:5px;opacity:0;transition:opacity 0.3s ease;z-index:10;}.card-image-col:hover .card-image-actions{opacity:1;}.card-image-action-btn{border:none;background:rgba(0,0,0,0.6);color:white;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;}.card-image-action-btn:hover{background:#F97316;}.platform-requirements-container{background:var(--bg-input);border-radius:6px;padding:8px;margin:8px 0;border:1px solid #334155;display:none;flex-direction:column;gap:6px;width:220px;box-sizing:border-box;margin-bottom:-18px;}.platform-req-header{display:flex;justify-content:space-between;align-items:center;font-size:0.7em;color:var(--accent-orange);font-weight:700;margin-bottom:2px;text-transform:uppercase;letter-spacing:0.05em;}.platform-req-item{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:0.75em;font-weight:600;color:var(--text-secondary);padding:-1px 0;line-height:1;}.req-status{font-weight:bold;}.req-pass{color:#10B981;}.req-fail{color:#EF4444;}.upscale-btn{background:linear-gradient(135deg,#F97316 0%,#ea580c 100%);color:white;border:none;border-radius:4px;padding:5px 10px;font-size:0.75em;font-weight:600;cursor:pointer;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px;width:auto;transition:transform 0.2s,box-shadow 0.2s;text-decoration:none;}.upscale-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(249,115,22,0.3);color:white;}.card-meta-col{flex:1;padding:24px 24px;display:none;flex-direction:column;justify-content:center;background-color:var(--bg-secondary);border-left:1px solid rgba(22,27,34,0);margin-left:-30px;margin-top:-28px;margin-bottom:-32px;margin-right:-28px;}.thumbnail-medium{width:220px;height:220px;margin-left:-5px;object-fit:contain;border-radius:6px;margin-right:-5px;background:rgba(22,27,34,0.01);border:1px solid #334155;}.seo-meter-container,.rejection-meter-container{width:220px !important;box-sizing:border-box;margin-left:auto;margin-right:auto;}.card-filename{text-align:center;margin-top:10px;color:#E2E8F0;font-size:1em;word-break:break-all;}.preview-meta{display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;}.meta-section{margin-bottom:12px;}.meta-section-label{color:var(--text-label);font-weight:600;font-size:0.8em;margin-bottom:2px;display:flex;align-items:center;justify-content:space-between;}.meta-section-label .copy-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:4px 6px;font-size:0.75em;cursor:pointer;transition:all 0.2s ease;display:flex;margin-right:0px;align-items:center;gap:4px;}.meta-section-label .copy-btn:hover{background:#F97316;}.meta-section-label .copy-btn i{font-size:0.8em;}.meta-title,.meta-description,.meta-keywords{background:var(--bg-input);border:1px solid #334155;border-radius:5px;padding:8px 10px;width:100%;box-sizing:border-box;}.meta-title{color:var(--text-primary);font-weight:600;font-size:0.8em;line-height:1.4;word-break:break-word;max-height:45px;overflow-y:auto;}.meta-description{color:var(--text-secondary);font-size:0.78em;line-height:1.6;min-height:40px;max-height:75px;overflow-y:auto;}.meta-keywords{display:flex;flex-wrap:wrap;gap:5px;margin-top:0;max-height:80px;overflow-y:auto;padding-right:5px;}.keyword-suggestion-modal{position:absolute;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:10px;box-shadow:0 4px 12px var(--shadow-md);z-index:1000;width:280px;display:none;flex-direction:column;gap:8px;}.keyword-suggestion-header{display:flex;justify-content:space-between;align-items:center;font-size:0.8em;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:5px;margin-bottom:5px;}.keyword-suggestion-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2em;}.keyword-suggestion-close:hover{color:var(--accent-orange);}.keyword-suggestion-list{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow-y:auto;}.suggestion-pill{background:rgba(37,99,235,0.1);color:var(--accent-blue);border:1px solid rgba(37,99,235,0.3);border-radius:4px;padding:3px 6px;font-size:0.75em;cursor:pointer;transition:all 0.2s ease;}.suggestion-pill:hover{background:var(--accent-blue);color:white;box-shadow:0 2px 6px rgba(37,99,235,0.4);}.suggestion-loading{font-size:0.75em;color:var(--text-muted);text-align:center;padding:10px;}.meta-keyword-pill{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;padding:2px 4px;font-size:0.6em;font-weight:400;box-shadow:0 1px 3px rgba(37,99,235,0.2);}.meta-keyword-pill:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(37,99,235,0.3);}.meta-keyword-pill.draggable{cursor:grab;user-select:none;transition:all 0.2s ease;}.quality-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:0.75em;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;transition:all 0.3s ease;}.status-pending{background:rgba(255,255,255,0.2);color:white;border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(8px);}.status-checking{background:linear-gradient(135deg,rgba(59,130,246,0.5) 0%,rgba(37,99,235,0.5) 100%);color:white;border:1px solid rgba(255,255,255,0.4);backdrop-filter:blur(8px);animation:pulse-badge 1.5s infinite;}.status-safe{background:linear-gradient(135deg,rgba(16,185,129,0.8) 0%,rgba(5,150,105,0.8) 100%);color:white;border:1px solid rgba(255,255,255,0.4);backdrop-filter:blur(8px);box-shadow:0 4px 10px rgba(16,185,129,0.3);}.status-warning{background:linear-gradient(135deg,rgba(245,158,11,0.8) 0%,rgba(217,119,6,0.8) 100%);color:white;border:1px solid rgba(255,255,255,0.4);backdrop-filter:blur(8px);box-shadow:0 4px 10px rgba(245,158,11,0.3);}.status-danger{background:linear-gradient(135deg,rgba(239,68,68,0.8) 0%,rgba(220,38,38,0.8) 100%);color:white;border:1px solid rgba(255,255,255,0.4);backdrop-filter:blur(8px);box-shadow:0 4px 10px rgba(239,68,68,0.3);}.ai-fix-btn{background:linear-gradient(135deg,#10B981 0%,#059669 100%);color:white;border:none;padding:6px 14px;border-radius:8px;font-size:0.85em;font-weight:700;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 10px rgba(16,185,129,0.2);margin-top:8px;}.ai-fix-btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(16,185,129,0.3);filter:brightness(1.1);}.image-card-fixing{animation:fix-pulse 1s infinite alternate;}@keyframes fix-pulse{from{filter:brightness(1) saturate(1);}to{filter:brightness(1.3) saturate(1.2);}}@keyframes pulse-badge{0%{transform:scale(1);opacity:0.9;}50%{transform:scale(1.03);opacity:1;}100%{transform:scale(1);opacity:0.9;}}.quality-status-badge:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(0,0,0,0.25);}.quality-report-box{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-top:12px;font-size:0.85em;display:none;animation:slideDown 0.3s ease-out;}.quality-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid var(--border-color);padding-bottom:6px;}.quality-issue-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;color:var(--text-secondary);}.quality-issue-item i{margin-top:3px;font-size:0.9em;}.quality-check-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-size:0.8em;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:6px;margin-top:10px;}.quality-check-btn:hover:not(:disabled){border-color:var(--accent-orange);color:var(--accent-orange);background:rgba(249,115,22,0.05);}.quality-check-btn:disabled{opacity:0.5;cursor:not-allowed;}@keyframes pulse-blue{0%{box-shadow:0 0 0 0 rgba(59,130,246,0.4);}70%{box-shadow:0 0 0 10px rgba(59,130,246,0);}100%{box-shadow:0 0 0 0 rgba(59,130,246,0);}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}#batchQualityCheckButton{background:linear-gradient(135deg,#8B5CF6 0%,#6366F1 100%);box-shadow:0 4px 12px rgba(139,92,246,0.3);border:none;}#batchQualityCheckButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(139,92,246,0.4);filter:brightness(1.1);}.meta-keyword-pill.draggable:active{cursor:grabbing;}.meta-keyword-pill.dragging{opacity:0.4;transform:scale(0.95);cursor:grabbing;box-shadow:0 4px 12px rgba(249,115,22,0.4);border:2px dashed var(--accent-orange);}.meta-keyword-pill.drag-over{border:2px solid var(--accent-orange);background:rgba(249,115,22,0.1);transform:translateX(5px);box-shadow:0 0 0 3px rgba(249,115,22,0.2);}.meta-keywords.drag-active{background:rgba(59,130,246,0.05);border-color:var(--accent-blue);}.keyword-remove-btn{margin-left:0px;background:none;border:none;color:#94A3B8;cursor:pointer;font-size:0.9em;padding:0 2px;display:inline-flex;align-items:center;transition:color 0.2s;}.keyword-remove-btn:hover{color:#EF4444;}.keyword-add-container{display:flex;gap:6px;margin-top:8px;align-items:center;}.keyword-add-input{flex:1;background:var(--bg-input);border:1px solid #334155;border-radius:4px;padding:5px 8px;color:var(--text-primary);font-size:0.75em;outline:none;}.keyword-add-input:focus{border-color:#10B981;box-shadow:0 0 0 2px rgba(16,185,129,0.2);}.keyword-add-btn{background:linear-gradient(135deg,#10B981,#059669);border:none;border-radius:4px;color:white;cursor:pointer;padding:5px 10px;font-size:0.75em;font-weight:600;display:flex;align-items:center;gap:3px;transition:all 0.2s;}.keyword-add-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(16,185,129,0.3);}.keyword-add-btn:disabled{opacity:0.5;cursor:not-allowed;}.file-preview-card.metadata-generated{border:2px solid #F97316;box-shadow:0 4px 24px rgba(249,115,22,0.15);}.export-csv-btn{background:linear-gradient(135deg,#10B981 0%,#059669 100%);color:white;border:none;border-radius:8px;padding:7px 15px;font-weight:600;font-size:0.85em;cursor:pointer;margin-top:16px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(16,185,129,0.2);}.export-csv-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,0.3);}.card-image-col{position:relative;}.image-spinner{position:absolute;top:35%;left:40%;transform:translate(-50%,-50%);z-index:1;width:30px;height:30px;border:5px solid #e85713;border-top:5px solid rgba(35,43,58,0.35);border-radius:50%;animation:spin 1s linear infinite;display:none;background:transparent;}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg);}100%{transform:translate(-50%,-50%) rotate(360deg);}}.file-preview-card.processing .image-spinner{display:block;}#metadataDetailsModal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);align-items:center;justify-content:center;}.metadata-modal-content{background:#232b3a;border-radius:12px;max-width:900px;width:95vw;padding:0;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,0.4);}.metadata-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px 10px 28px;border-bottom:1px solid #374151;}.metadata-modal-title{font-size:1.3em;font-weight:bold;color:#F97316;padding:12px;}.metadata-modal-close{background:none;border:none;color:#fff;font-size:2em;cursor:pointer;}.metadata-modal-body{display:flex;gap:32px;padding:28px;}.metadata-modal-left{min-width:220px;max-width:260px;display:flex;flex-direction:column;align-items:center;}.metadata-modal-preview-label{font-size:1em;color:#A0AEC0;margin-bottom:8px;}.metadata-modal-image{width:200px;height:200px;object-fit:contain;background:#1A202C;border-radius:8px;margin-bottom:10px;}.metadata-modal-filename{font-size:0.95em;color:#A0AEC0;margin-top:6px;word-break:break-all;}.metadata-modal-right{flex:1;display:flex;flex-direction:column;gap:18px;}.metadata-modal-section{margin-bottom:10px;}.metadata-modal-label{font-weight:bold;color:#F97316;margin-right:8px;}#modalTitleText,#modalDescriptionText{color:#fff;font-size:1.1em;}.metadata-modal-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}.metadata-modal-keyword-pill{background:#2563eb;color:#fff;border-radius:16px;padding:6px 14px;font-size:0.98em;font-weight:500;display:inline-block;}.copy-button[data-modal-copy]{margin-left:8px;background:#4A5568;color:#fff;border:none;border-radius:4px;padding:3px 8px;font-size:1em;cursor:pointer;}.copy-button[data-modal-copy]:hover{background:#60A5FA;}.footer{background-color:var(--bg-secondary);color:var(--text-secondary);padding:60px 0 30px;font-size:14px;margin-top:50px;margin-left:220px;width:calc(100% - 220px);box-sizing:border-box;transition:margin-left 0.3s ease-in-out,width 0.3s ease-in-out,background-color 0.3s ease;}body.sidebar-hidden .footer{margin-left:0;width:100%;}.reviews-section{width:100%;box-sizing:border-box;transition:margin-left 0.3s ease-in-out,width 0.3s ease-in-out;}body.sidebar-hidden .reviews-section{margin-left:0;width:100%;}.star-rating{color:#F59E0B;font-size:1.2em;white-space:nowrap;display:inline-flex;align-items:center;gap:2px;}@media (max-width:700px){.footer{margin-left:0 !important;width:100% !important;}.reviews-section{margin-left:0 !important;width:100% !important;}.footer .container{padding-left:20px !important;padding-right:20px !important;}}.footer .container{display:flex;flex-direction:column;gap:40px;width:100%;}.footer-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:40px;}.footer-brand{max-width:260px;display:flex;flex-direction:column;gap:16px;}.footer-brand-logo{display:flex;align-items:center;gap:14px;text-decoration:none;}.footer-brand-logo img{height:48px;width:48px;border-radius:12px;object-fit:contain;margin-left:12px;}.footer-brand-name{font-size:20px;font-weight:600;color:var(--text-primary);display:block;}.header-brand-name{font-size:20px;font-weight:800;color:var(--text-primary);display:block;white-space: nowrap;}.footer-brand-tagline{font-size:13px;color:var(--text-muted);display:block;margin-top:0px;}.header-brand-tagline{font-size:11px;color:var(--text-muted);display:block;margin-top:0px;}.footer-brand-description{font-size:13px;color:var(--text-muted);line-height:1.7;}.footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;flex:1;}.footer-column{display:flex;flex-direction:column;gap:12px;}.footer-column h4{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 16px 0;padding-left:8px;border-left:3px solid var(--accent-orange);text-align:left;}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;text-align:left;}.footer-column a,.footer-column span{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color 0.3s ease;}.footer-column a:hover{color:var(--accent-orange);}.footer-divider{width:100%;height:1px;background-color:var(--border-color);}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;}.footer-bottom .social-links{display:flex;gap:12px;padding-top:20px;align-items:center;}.footer-bottom .social-links a{color:var(--text-secondary);font-size:18px;transition:color 0.2s ease,background 0.2s ease;padding:8px;border:1px solid var(--border-color);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;}.footer-bottom .social-links a:hover{color:var(--accent-orange);background:rgba(249,115,22,0.1);border-color:var(--border-color);}.footer-bottom .social-links a .fab{width:18px;height:18px;display:inline-block;}.footer-bottom p{color:var(--text-muted);font-size:13px;}.footer-modal .modal-content{max-width:560px;}.footer-modal .modal-content p{margin-bottom:18px;color:var(--secondary-color);line-height:1.7;}.demand-badge{font-size:0.75em;margin-left:2px;padding:1px 2px;border-radius:2px;font-weight:600;vertical-align:middle;}.demand-high{color:#4ade80;}.demand-med{color:#facc15;}.demand-risky{color:#1e6af7;}.file-preview-card:hover{box-shadow:0 8px 32px rgba(0,0,0,0.28),0 2px 8px rgba(0,0,0,0.13);transform:translateY(-2px) scale(1.01);border-color:#F97316;}.action-button,.format-button,.api-key-button{box-shadow:0 2px 8px rgba(249,115,22,0.08);letter-spacing:0.02em;transition:background 0.2s,color 0.2s,box-shadow 0.2s;}.action-button:active,.format-button:active,.api-key-button:active{transform:scale(0.97);}.orange-button,.green-button,.format-button.blue-button,.format-button.purple-button,.format-button.red-button{border:none;}.orange-button{background:linear-gradient(90deg,#F97316 60%,#ea580c 100%);}.orange-button:hover:not(:disabled){background:linear-gradient(90deg,#ea580c 60%,#F97316 100%);}.green-button{background:linear-gradient(90deg,#10b953 60%,#059649 100%);}.green-button:hover{background:linear-gradient(90deg,#059669 60%,#10B981 100%);}.red-button{background:linear-gradient(90deg,#EF4444 60%,#EF4444 100%);border:none;}.red-button:hover{background:linear-gradient(90deg,#b91c1c 60%,#EF4444 100%);}.purple-button{background:linear-gradient(90deg,#8B5CF6 60%,#6D28D9 100%);border:none;}.purple-button:hover{background:linear-gradient(90deg,#6D28D9 60%,#8B5CF6 100%);}.blue-button{background:linear-gradient(90deg,#3B82F6 60%,#2563eb 100%);border:none;}.blue-button:hover{background:linear-gradient(90deg,#2563eb 60%,#3B82F6 100%);}.file-upload-box{border:1px dashed #334155;background:var(--bg-tertiary);box-shadow:0 4px 24px var(--shadow-sm);transition:border-color 0.2s,box-shadow 0.2s;}.file-upload-box.dragover{border-color:var(--accent-orange);box-shadow:0 0 0 2px var(--accent-orange);}.upload-title{font-size:1.3em;margin-bottom:14px;color:var(--text-primary);font-weight:600;}.upload-format-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:18px;}.format-button:hover{filter:brightness(1.08);box-shadow:0 4px 16px #0002;}.platform-button{border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-weight:500;padding:4px 20px;border-radius:5px;margin-right:2px;margin-bottom:4px;transition:background 0.2s,color 0.2s,border-color 0.2s;font-size:0.8em;}.platform-button.active,.platform-button:hover{background:linear-gradient(90deg,var(--accent-blue) 60%,#2867ED 100%);color:white;border-color:var(--accent-blue);box-shadow:0 2px 8px rgba(59,130,246,0.2);}.platform-button img{filter:drop-shadow(0 1px 2px #0003);}.card-filename{width:90%;height:40px;text-align:center;color:var(--text-secondary);font-size:0.8em;margin-top:6px;margin-bottom:0;font-weight:500;letter-spacing:0.01em;line-height:1.25em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}.metadata-modal-keyword-pill{background:linear-gradient(90deg,#2563eb 60%,#3B82F6 100%);color:#fff;border-radius:16px;padding:4px 10px;font-size:0.85em;font-weight:400;margin-bottom:2px;box-shadow:0 1px 4px #2563eb22;}#metadataDetailsModal{background:rgba(20,24,38,0.92);backdrop-filter:blur(2px);}.metadata-modal-content{box-shadow:0 8px 32px rgba(0,0,0,0.45);border:1.5px solid #374151;}.metadata-modal-title{color:#F97316;letter-spacing:0.01em;}::-webkit-scrollbar{width:8px;background:var(--scrollbar-bg);}::-webkit-scrollbar-thumb{background:#596f8f;border-radius:6px;}::-webkit-scrollbar-thumb:hover{background:#596f8f;}.upload-logo-container{display:flex;justify-content:center;align-items:center;margin-top:20px;}.upload-logo-container img{height:80px;width:101px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0002;}.metadata-result-card{display:flex;flex-direction:row;background:#1E293B;border-radius:18px;box-shadow:0 6px 32px rgba(0,0,0,0.18);border:1.5px solid #334155;overflow:hidden;margin:0 auto 32px auto;max-width:1000px;min-width:320px;width:100%;}.metadata-result-image-col{background:#195cda;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:220px;max-width:220px;width:220px;padding:24px 0;border-right:1.5px solid #F97316;height:100%;}.metadata-result-image-col img{width:180px;height:180px;object-fit:contain;border-radius:11px;background:#fff;box-shadow:0 2px 12px #0002;}.metadata-result-image-filename{color:#F8FAFC;font-size:0.98em;margin-top:12px;word-break:break-all;text-align:center;}.metadata-result-meta-col{flex:1;padding:28px 32px;display:flex;flex-direction:column;justify-content:center;min-width:0;height:100%;position:relative;}.metadata-result-header{color:#F97316;font-size:1.1em;font-weight:bold;margin-bottom:10px;letter-spacing:0.01em;}.metadata-result-section{margin-bottom:18px;}.metadata-result-label{color:#F97316;font-weight:600;margin-bottom:4px;display:block;}.metadata-result-title{color:#F8FAFC;font-size:1.15em;font-weight:600;margin-bottom:8px;line-height:1.4;}.metadata-result-description{color:#E2E8F0;background:#232b3a;border-radius:10px;padding:12px 14px;font-size:1em;margin-bottom:4px;line-height:1.6;}.metadata-result-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}.metadata-result-keyword-pill{background:linear-gradient(90deg,#2563eb 60%,#3B82F6 100%);color:#fff;border-radius:16px;padding:6px 14px;font-size:0.92em;font-weight:500;margin-bottom:4px;box-shadow:0 1px 4px #2563eb22;}.metadata-result-export-btn{position:absolute;top:18px;right:18px;background:linear-gradient(90deg,#F97316 60%,#ea580c 100%);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-weight:bold;font-size:1em;cursor:pointer;box-shadow:0 2px 8px #F9731622;transition:background 0.2s;z-index:2;}.metadata-result-export-btn:hover{background:linear-gradient(90deg,#ea580c 60%,#F97316 100%);}.metadata-result-actions{display:flex;gap:12px;margin-bottom:18px;align-items:center;}.dalle-image-gen-section{background:linear-gradient(135deg,#232b3a 80%,#1A202C 100%);border-radius:18px;box-shadow:0 6px 32px rgba(0,0,0,0.18);padding:32px 24px 24px 24px;max-width:650px;margin:0 auto 32px auto;}.dalle-image-card{display:flex;flex-direction:column;align-items:center;background:#232b3a;padding:16px 12px;border-radius:14px;box-shadow:0 2px 8px #0002;max-width:260px;margin-bottom:16px;transition:box-shadow 0.2s;}.dalle-image-card:hover{box-shadow:0 4px 16px #0004;}.dalle-image{width:220px;height:220px;object-fit:contain;border-radius:10px;background:#334155;box-shadow:0 2px 8px #0002;}.dalle-image-actions{display:flex;flex-direction:row;gap:8px;margin-top:10px;}.dalle-image-preview{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;justify-content:center;}.slider-group{margin-top:10px;}.slider-group label{display:block;margin-bottom:-9px;padding-bottom:4px;font-size:0.87em;color:var(--text-secondary);}.slider-group span{font-weight:bold;color:var(--text-secondary);font-size:0.9em;}.slider-group input[type="range"]{appearance:none;-webkit-appearance:none;width:100%;height:5px;background:#7c7f83;border-radius:3px;outline:none;margin-top:0px;margin-bottom:0px;}.slider-group input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#6b88bf;border-radius:50%;cursor:pointer;box-shadow:none;border:none;transition:all 0.2s;}.slider-group input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.08);box-shadow:0 0 8px #F97316;}.slider-group input[type="range"]::-moz-range-thumb{width:18px;height:18px;background:#F97316;border-radius:50%;cursor:pointer;box-shadow:none;border:none;transition:all 0.2s;}.slider-group input[type="range"]::-ms-thumb{width:18px;height:18px;background:#F97316;border-radius:50%;cursor:pointer;box-shadow:none;border:none;transition:all 0.2s;}.slider-group input[type="range"]:focus{outline:none;box-shadow:0 0 0 2px #F97316;}.slider-group input[type="range"]::-ms-fill-lower{background:#e5e7eb;border-radius:3px;}.slider-group input[type="range"]::-ms-fill-upper{background:#e5e7eb;border-radius:3px;}.checklist-modal-content{max-width:520px;background:var(--bg-modal);padding:28px;border-radius:16px;border:1px solid var(--border-color);}.checklist-modal-content h3{color:var(--accent-orange);font-size:1.4em;margin-bottom:20px;text-align:center;}.checklist-filename{text-align:center;color:var(--text-muted);font-size:0.9em;margin-bottom:20px;word-break:break-all;}.checklist-results{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:0.95em;transition:all 0.2s ease;}.checklist-item .check-icon{font-size:1.3em;font-weight:bold;min-width:24px;text-align:center;}.checklist-item.check-pass{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);color:#10B981;}.checklist-item.check-fail{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#EF4444;}.checklist-item.check-warning{background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);color:#F59E0B;}.checklist-item .check-label{flex:1;color:var(--text-secondary);}.checklist-actions{display:flex;gap:12px;justify-content:center;}.checklist-actions button{flex:1;max-width:180px;}.checklist-files-container{max-height:450px;overflow-y:auto;margin-bottom:20px;}.checklist-file-block{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border-color);}.checklist-file-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}.checklist-file-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.checklist-file-number{background:var(--accent-orange);color:white;font-size:0.75em;padding:3px 8px;border-radius:12px;font-weight:600;}.checklist-file-name{flex:1;color:var(--text-primary);font-weight:500;font-size:0.95em;word-break:break-all;}.mode-selection{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}.card-checkbox-container{position:absolute;top:8px;left:8px;z-index:10;background:rgba(22,27,34,0.85);backdrop-filter:blur(10px);border-radius:6px;padding:4px;transition:all 0.2s ease;}body.light-mode .card-checkbox-container{background:rgba(248,250,252,0.9);backdrop-filter:blur(10px);}.bulk-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-orange);transition:transform 0.2s ease;}.bulk-checkbox:hover{transform:scale(1.1);}.bulk-checkbox:checked{transform:scale(1.05);}.bulk-action-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(22,27,34,0.95);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:1200;box-shadow:0 -4px 24px rgba(0,0,0,0.2);animation:slideUpBar 0.3s ease-out;transition:all 0.3s ease;}body.light-mode .bulk-action-bar{background:rgba(248,250,252,0.95);backdrop-filter:blur(20px);box-shadow:0 -4px 24px rgba(0,0,0,0.1);}@keyframes slideUpBar{from{transform:translateY(100%);opacity:0;}to{transform:translateY(0);opacity:1;}}.bulk-selection-info{display:flex;align-items:center;gap:8px;font-size:0.95em;font-weight:600;color:var(--text-primary);}.bulk-selection-info #selectedCount{color:var(--accent-orange);font-size:1.2em;font-weight:700;}.bulk-action-buttons{display:flex;gap:12px;align-items:center;}.bulk-action-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:0.9em;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.15);letter-spacing:0.02em;}.bulk-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.25);}.bulk-action-btn:active{transform:translateY(0);}.bulk-action-btn.delete-btn{background:linear-gradient(90deg,#EF4444 60%,#DC2626 100%);color:white;}.bulk-action-btn.delete-btn:hover{background:linear-gradient(90deg,#DC2626 60%,#B91C1C 100%);}.bulk-action-btn.download-btn{background:linear-gradient(90deg,#3B82F6 60%,#2563EB 100%);color:white;}.bulk-action-btn.download-btn:hover{background:linear-gradient(90deg,#2563EB 60%,#1D4ED8 100%);}.bulk-action-btn.translate-btn{background:linear-gradient(90deg,#10B981 60%,#059669 100%);color:white;}.bulk-action-btn.translate-btn:hover{background:linear-gradient(90deg,#059669 60%,#047857 100%);}.bulk-action-btn i{font-size:1.1em;}@media (max-width:700px){.bulk-action-bar{flex-direction:column;padding:12px 16px;gap:12px;}.bulk-selection-info{width:100%;justify-content:center;font-size:0.85em;}.bulk-action-buttons{width:100%;flex-direction:column;gap:8px;}.bulk-action-btn{width:100%;justify-content:center;padding:12px 16px;font-size:0.85em;}.card-checkbox-container{padding:3px;}.bulk-checkbox{width:18px;height:18px;}}.file-preview-card{display:flex;flex-direction:column;align-items:center;max-width:240px;min-width:240px;width:240px;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 2px 8px var(--shadow-sm);overflow:hidden;padding:5px;margin-left:0px;margin-right:0px;transition:all 0.3s ease;}.file-preview-card .card-meta-col{display:none;}.mode-metadata .file-preview-card.metadata-generated{max-width:500px;width:100%;margin-bottom:20px;border-color:var(--border-color);flex-direction:row;align-items:stretch;min-height:240px;}.mode-image-prompt .file-preview-card.prompt-generated{max-width:500px;width:100%;margin-bottom:24px;border-color:var(--accent-blue);flex-direction:row;align-items:stretch;}.mode-metadata .file-preview-card.metadata-generated .card-meta-col,.mode-image-prompt .file-preview-card.prompt-generated .card-meta-col{display:flex;min-width:0;padding:30px 32px;}.mode-metadata .file-preview-card.metadata-generated .card-image-col,.mode-image-prompt .file-preview-card.prompt-generated .card-image-col{border-right:1px solid rgba(22,27,34,0);margin-top:0px;margin-right:6px;}.meta-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end;padding:0 20px;}.meta-action-btn{padding:6px 14px;border:none;border-radius:6px;font-weight:500;font-size:0.8em;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}.meta-action-btn i{font-size:1.1em;}.regenerate-btn{background:linear-gradient(90deg,#3B82F6 60%,#2563eb 100%);color:#fff;}.regenerate-btn:hover{background:linear-gradient(90deg,#2563eb 60%,#3B82F6 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(37,99,235,0.2);}.close-btn{background:#334155;color:#fff;}.close-btn:hover{background:#4B5563;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.2);}.meta-action-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none;box-shadow:none;}.card-image-actions{position:absolute;top:12px;right:12px;display:flex;gap:10px;z-index:3;}.card-image-action-btn{width:30px;height:30px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.1em;box-shadow:0 2px 8px rgba(0,0,0,0.18);cursor:pointer;transition:background 0.18s,transform 0.18s;outline:none;margin:0;padding:0;}.card-image-action-btn.regenerate{background:linear-gradient(135deg,rgba(249,115,22,0) 60%,rgba(234,88,12,0) 100%);color:#ffffff;background:#49ef44;font-size:1.1em;width:20px;height:20px;margin-top:10px;margin-right:10px;}.card-image-action-btn.regenerate:hover{background:linear-gradient(135deg,#0e8a17 60%,#0e5908 100%);border-radius:50px;width:20px;height:20px;}.card-image-action-btn.close{background:rgba(239,68,68,0);color:#fff;background:#EF4444;font-size:0.9em;width:20px;height:20px;margin-right:-10px;margin-top:10px;}.card-image-action-btn.close:hover{background:#8d0909;position:center;border-radius:50px;width:20px;height:20px;}.file-preview-card.metadata-generated{max-width:1200px;}.file-preview-card.metadata-generated .card-meta-col{flex:1;min-width:340px;padding:10px 14px;}#convertapi-key-modal .modal-content{max-width:450px;position:relative;}.close-button{position:absolute;top:15px;right:20px;color:#aaa;font-size:32px;font-weight:bold;cursor:pointer;transition:color 0.2s;}.close-button:hover,.close-button:focus{color:#fff;text-decoration:none;}#convertapi-key-modal h2{color:#F97316;margin-top:0;margin-bottom:10px;}#convertapi-key-modal p{color:#94A3B8;margin-bottom:20px;}#convertapi-key-modal .modal-content{position:relative;}.close-button{position:absolute;top:15px;right:20px;color:#aaa;font-size:32px;font-weight:bold;cursor:pointer;transition:color 0.2s;}.close-button:hover,.close-button:focus{color:#fff;text-decoration:none;}#convertapiKeyInput{width:100%;padding:6px;color:var(--text-label);border:1px solid #334155;border-radius:8px;color:#E2E8F0;font-size:1em;box-sizing:border-box;}#convertapiKeyInput:focus{outline:none;border-color:#F97316;box-shadow:0 0 0 2px rgba(249,115,22,0.2);}#convertapi-key-modal .close-button{position:absolute;top:0px;right:10px;font-size:1.8em;color:#64748B;cursor:pointer;transition:color 0.2s;}#convertapi-key-modal .close-button:hover{color:#f42016;}.prompt-section{width:100%;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:15px;}.generate-prompt-btn{width:80%;padding:12px;}.prompt-result-container{background-color:var(--bg-secondary);border:1px solid #334155;border-radius:8px;padding:15px;width:100%;max-height:350px;overflow-y:auto;}.prompt-text{color:var(--text-secondary);font-size:0.95em;line-height:1.6;margin-bottom:15px;}.prompt-actions-inline{display:flex;justify-content:flex-end;gap:10px;}.prompt-actions-inline .action-button{padding:4px 5px;font-size:0.5em;}.meta-count{color:var(--accent-orange);font-size:0.85em;font-weight:600;margin-left:5px;}.prompt-spinner{width:25px;height:25px;border:4px solid #4A5568;border-top-color:#F97316;border-radius:50%;animation:spin 1s linear infinite;}.mode-metadata .prompt-section{display:none;}.mode-metadata .action-buttons-header{display:flex;}.mode-metadata #processAllPromptsButton{display:none;}.mode-image-prompt .meta-section,.mode-image-prompt .export-csv-btn,.mode-image-prompt .card-image-action-btn.regenerate,.mode-image-prompt #processAllButton,.mode-image-prompt #embedMetadataButton,.mode-image-prompt #exportAllCsvButton,.mode-image-prompt #testMetadataButton{display:none;}.mode-image-prompt #processAllPromptsButton{display:flex;}.mode-image-prompt .prompt-section{display:flex;}.style-mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;}.meta-subsection{background:var(--bg-input);border:1px solid #334155;border-radius:6px;padding:10px;position:relative;display:flex;flex-direction:column;}.meta-subsection .meta-section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--text-muted);font-size:0.7em;font-weight:500;letter-spacing:0.05em;}.visual-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:20px;font-size:0.7em;font-weight:500;margin-top:auto;}.style-tag{color:#A78BFA;background:rgba(167,139,250,0.1);border:1px solid rgba(167,139,250,0.2);}.mood-tag{color:#FB7185;background:rgba(251,113,133,0.1);border:1px solid rgba(251,113,133,0.2);}.copy-btn.mini{padding:2px 8px;font-size:0.75em;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;}.copy-btn.mini:hover{background:#f97316;color:#E2E8F0;border-color:#475569;}.icon-palette:before{content:"🎨";margin-right:2px;}.icon-smile:before{content:"🎭";margin-right:2px;}@media (max-width:1300px){.file-preview-card.metadata-generated{max-width:98vw;}.file-preview-card.metadata-generated .card-meta-col{padding:5px 5px;min-width:0;}}@media (max-width:1000px){.main-panel,.file-preview-card,.file-upload-box{padding:8px !important;}.metadata-modal-content{padding:0 !important;}}@media (max-width:700px){.file-preview-grid{justify-content:center;padding:0 11px;}.card-image-actions{top:6px;right:6px;gap:6px;}.card-image-action-btn{width:32px;height:32px;font-size:1.1em;}.action-buttons-header{flex-wrap:wrap;justify-content:center;gap:8px;}.action-buttons-header .action-button{padding:6px 11px;font-size:0.75em;flex-grow:1;min-width:120px;}.action-buttons-header-row-2 .action-button{padding:6px 10px;font-size:0.75em;flex-grow:1;min-width:120px;}.action-buttons-header .action-button i{font-size:1em;}.mode-metadata .file-preview-card.metadata-generated,.mode-image-prompt .file-preview-card.prompt-generated{flex-direction:column;max-width:95vw;}.mode-metadata .file-preview-card.metadata-generated .card-image-col,.mode-image-prompt .file-preview-card.prompt-generated .card-image-col{border-right:none;border-bottom:1.5px solid #334155;width:100%;max-width:100%;min-width:0;padding:24px 0 12px 0;margin:0;}.mode-metadata .file-preview-card.metadata-generated .card-meta-col,.mode-image-prompt .file-preview-card.prompt-generated .card-meta-col{padding:20px 16px;border-left:none;margin:0;}.meta-translation-controls{padding:8px !important;}.meta-translation-controls>div{width:100%;gap:5px !important;justify-content:space-between;}.meta-translation-controls select{flex:1;width:auto !important;min-width:0;font-size:0.7em;}.meta-translation-controls span{font-size:0.7em !important;white-space:nowrap;}.meta-translation-controls button{flex-shrink:0;}.metadata-result-card{flex-direction:column;max-width:98vw;min-width:0;}.metadata-result-image-col{border-right:none;border-bottom:1.5px solid #F97316;width:100%;max-width:100%;min-width:0;padding:24px 0 12px 0;}.metadata-result-meta-col{padding:18px 12px;}.metadata-result-export-btn{top:10px;right:10px;}.metadata-modal-body{flex-direction:column;gap:18px;padding:18px;}.metadata-modal-left{align-items:flex-start;}.metadata-modal-image{width:100%;height:auto;max-width:220px;}}@media (max-width:600px){.login-container{padding:20px 20px !important;width:85% !important;max-width:320px !important;}.login-header h1{font-size:1.5em !important;margin-bottom:5px !important;}.login-header p{font-size:0.85em !important;}.login-form-group{margin-bottom:12px !important;}.login-button{height:42px !important;font-size:0.9em !important;}.profile-modal{width:280px !important;right:10px !important;top:60px !important;}.profile-modal-body{padding:15px !important;gap:10px !important;}.profile-avatar{width:70px !important;height:70px !important;}.profile-user-info h2{font-size:1em !important;}.profile-action-btn{padding:10px 10px !important;font-size:0.85em !important;}}@media (max-width:700px){.footer-column h4{margin-left:0 !important;}.footer-column ul{margin-left:0 !important;padding-left:0 !important;}.footer .container{padding-left:20px !important;padding-right:20px !important;}.header-brand-name{font-size:16px;}.header-brand-tagline{font-size:8px;}}.get-key{background:rgba(250,250,250,0);color:var(--text-label);margin-left:2px;padding:4px;font-size:0.6em;border-radius:6px;border:1px solid var(--border-color);}.get-key:hover{background-color:#176eef;color:white;}.seo-meter-container{margin-top:8px;padding:12px;background:var(--bg-input);border-radius:6px;border:1px solid #334155;width:100%;box-sizing:border-box;}.seo-score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.seo-score-header span{font-size:0.85em;color:var(--text-muted);font-weight:500;}.seo-badge{padding:4px 10px;border-radius:6px;font-size:0.8em;font-weight:600;display:inline-flex;align-items:center;gap:4px;}.seo-badge.excellent{background:linear-gradient(135deg,#10B981,#059669);color:white;}.seo-badge.good{background:linear-gradient(135deg,#3B82F6,#2563EB);color:white;}.rejection-meter-container{margin-top:8px;padding:12px;background:var(--bg-input);border-radius:6px;border:1px solid #334155;width:100%;box-sizing:border-box;}.rejection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.rejection-header span{font-size:0.85em;color:var(--text-muted);font-weight:500;}.rejection-badge{padding:4px 10px;border-radius:6px;font-size:0.8em;font-weight:600;display:inline-flex;align-items:center;gap:4px;color:#FFFFFF !important;}.rejection-progress-bg{width:100%;height:6px;border:1px solid #334155;border-radius:6px;overflow:hidden;position:relative;}.rejection-progress-fill{height:100%;border-radius:3px;transition:width 1s ease-in-out;}.rejection-low{background:linear-gradient(135deg,#10B981,#059669);color:white;}.fill-low{background:#10B981;}.rejection-medium{background:linear-gradient(135deg,#F97316,#ea580c);color:white;}.fill-medium{background:#F97316;}.rejection-high{background:linear-gradient(135deg,#EF4444,#DC2626);color:white;}.fill-high{background:#EF4444;}.seo-badge.average{background:linear-gradient(135deg,#F59E0B,#D97706);color:white;}.seo-badge.poor{background:linear-gradient(135deg,#EF4444,#DC2626);color:white;}.seo-progress-bg{width:100%;height:8px;border:1px solid #334155;border-radius:10px;overflow:hidden;position:relative;}.seo-progress-fill{height:100%;border-radius:10px;transition:width 0.8s cubic-bezier(0.4,0,0.2,1),background 0.3s ease;background:linear-gradient(90deg,#10B981,#059669);}.seo-progress-fill.excellent{background:linear-gradient(90deg,#10B981,#059669);}.seo-progress-fill.good{background:linear-gradient(90deg,#3B82F6,#2563EB);}.seo-progress-fill.average{background:linear-gradient(90deg,#F59E0B,#D97706);}.seo-progress-fill.poor{background:linear-gradient(90deg,#EF4444,#DC2626);}.container-1{max-width:900px;margin:auto;background:var(--bg-modal);border-radius:14px;padding:32px;box-shadow:0 20px 40px var(--shadow-lg);color:var(--text-primary);border:1px solid var(--border-color);}h1{font-size:1.8rem;margin-bottom:12px;color:#EAB849;}h2{font-size:1.4rem;margin-top:10px;margin-bottom:10px;color:#4FC68A;}h3{font-size:1.1rem;margin-top:18px;color:var(--text-muted);}h4{font-size:1.4rem;margin-top:32px;margin-bottom:10px;color:#EAB849;}h5{font-size:1.4rem;margin-top:32px;margin-bottom:10px;color:#417ACF;}p{margin:10px 0 14px;color:var(--text-secondary);}ul{margin-left:20px;}li{margin-bottom:6px;}.example{background:var(--bg-tertiary);border-left:4px solid var(--accent-blue,#38bdf8);padding:12px 16px;margin:14px 0;border-radius:8px;font-size:0.95rem;color:var(--text-secondary);border:1px solid var(--border-color);}.tag{display:inline-block;background:var(--bg-input);color:var(--text-primary);padding:4px 10px;border-radius:999px;font-size:0.8rem;margin:4px 6px 4px 0;border:1px solid var(--border-color);}.highlight{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#ffffff;padding:2px 8px;border-radius:6px;font-weight:600;}.warning{background:var(--bg-input);border-left:4px solid #ef4444;padding:14px 16px;margin:24px 0;border-radius:10px;color:var(--text-secondary);border:1px solid var(--border-color);}.success{background:var(--bg-input);border-left:4px solid #22c55e;padding:16px;margin-top:28px;border-radius:10px;color:var(--text-secondary);border:1px solid var(--border-color);}.footer-rank{margin-top:40px;text-align:center;font-size:0.85rem;color:var(--text-muted);}.info-content-section{background:var(--bg-secondary);border-radius:16px;padding:40px;margin-top:10px;box-shadow:0 4px 20px rgba(0,0,0,0.05);}body.sidebar-hidden .info-content-section{margin-left:0;width:100%;}@media (max-width:700px){.info-content-section{margin-left:0;width:100%;padding:40px 20px;}}.info-container{max-width:1200px;margin:0 auto;background:var(--bg-card);border-radius:16px;padding:40px;box-shadow:0 4px 20px var(--shadow-md);border:1px solid var(--border-color);}@media (max-width:600px){.info-container{padding:24px 20px;}}.info-main-title{font-size:2em;font-weight:700;color:var(--accent-orange);text-align:center;margin-bottom:40px;line-height:1.3;}@media (max-width:600px){.info-main-title{font-size:1.5em;margin-bottom:30px;}}.info-block{margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid var(--border-color);}.info-block:last-of-type{border-bottom:none;margin-bottom:25px;}.info-title{font-size:1.4em;font-weight:600;color:var(--accent-blue);margin-bottom:16px;display:flex;align-items:center;gap:8px;}@media (max-width:600px){.info-title{font-size:1.2em;}}.info-block p{color:var(--text-secondary);font-size:1em;line-height:1.8;margin-bottom:16px;}.info-block p:last-child{margin-bottom:0;}.info-block strong{color:var(--text-primary);font-weight:600;}.info-block em{color:var(--accent-orange);font-style:normal;font-weight:500;}.info-cta{background:linear-gradient(135deg,rgba(249,115,22,0.1),rgba(59,130,246,0.1));border-left:4px solid var(--accent-orange);padding:20px 24px;border-radius:10px;margin-top:30px;}.info-cta p{color:var(--text-primary);font-size:1.05em;margin:0;line-height:1.6;}.platform-upload-section{max-width:900px;margin:20px auto;padding:0 10px;}.platform-upload-card{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-input) 100%);border-radius:16px;padding:28px;box-shadow:0 6px 24px var(--shadow-md);border:1px solid var(--border-color);}.platform-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.platform-upload-header h2{color:var(--accent-orange);font-size:1.4em;margin:0;}.platform-upload-desc{color:var(--text-muted);margin-bottom:24px;font-size:0.95em;}.platform-upload-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px;}.platform-upload-btn{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all 0.3s ease;text-align:left;}.platform-upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-md);border-color:var(--accent-orange);}.platform-upload-btn:disabled{opacity:0.5;cursor:not-allowed;}.platform-upload-btn i{font-size:2em;color:var(--accent-orange);}.platform-upload-btn .btn-content{display:flex;flex-direction:column;gap:4px;}.platform-upload-btn .btn-title{font-weight:600;font-size:1.05em;color:var(--text-primary);}.platform-upload-btn .btn-subtitle{font-size:0.85em;color:var(--text-muted);}.Magnific-btn:hover:not(:disabled){border-color:#00C9A7;}.Magnific-btn:hover:not(:disabled) i{color:#00C9A7;}.adobe-btn:hover:not(:disabled){border-color:#ED2224;}.adobe-btn:hover:not(:disabled) i{color:#ED2224;}.shutterstock-btn:hover:not(:disabled){border-color:#E92525;}.shutterstock-btn:hover:not(:disabled) i{color:#E92525;}.upload-progress{background:var(--bg-secondary);padding:16px;border-radius:8px;margin-bottom:16px;}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--text-primary);font-size:0.9em;}.upload-progress progress{width:100%;height:10px;border-radius:5px;overflow:hidden;}.upload-progress progress::-webkit-progress-bar{background-color:var(--bg-input);border-radius:5px;}.upload-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#F97316 0%,#ea580c 100%);border-radius:5px;}.platform-upload-note{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.3);border-radius:8px;color:var(--text-secondary);font-size:0.9em;}.platform-upload-note i{color:var(--accent-blue);}#platformSettingsModal .modal-content{max-width:550px;background:var(--bg-modal);padding:30px;border-radius:16px;border:1px solid var(--border-color);}#platformSettingsModal h3{color:var(--accent-orange);margin-bottom:20px;}.credential-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color);}.credential-section:last-of-type{border-bottom:none;}.credential-section h4{color:var(--text-primary);margin-bottom:12px;font-size:1.1em;}.credential-section label{display:block;color:var(--text-label);margin-bottom:4px;font-size:0.9em;}.credential-section input{width:100%;padding:10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);margin-bottom:12px;box-sizing:border-box;}.credential-section input:focus{outline:none;border-color:var(--accent-orange);}.platform-info-note{background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);border-radius:6px;padding:10px;margin-top:8px;font-size:0.85em;color:var(--text-muted);}@media (max-width:700px){.platform-upload-buttons{grid-template-columns:1fr;}}.seo-info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;background:var(--accent-blue);color:white;border-radius:50%;font-size:11px;font-weight:bold;cursor:pointer;transition:all 0.2s ease;border:none;padding:0;}.seo-info-icon:hover{background:var(--accent-blue-dark);transform:scale(1.1);box-shadow:0 2px 8px rgba(59,130,246,0.4);}.seo-info-modal{display:none;position:fixed;z-index:1300;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);align-items:center;justify-content:center;}.seo-info-modal-content{background:var(--bg-modal);padding:30px;border-radius:16px;width:90%;max-width:650px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px var(--shadow-lg);border:1px solid var(--border-color);position:relative;}.seo-info-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border-color);}.seo-info-modal-title{font-size:1.5em;font-weight:600;color:var(--accent-orange);display:flex;align-items:center;gap:10px;}.seo-info-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:28px;font-weight:bold;cursor:pointer;transition:color 0.2s;padding:0;line-height:1;}.seo-info-close-btn:hover{color:var(--accent-orange);}.seo-info-section{margin-bottom:20px;}.seo-info-section h3{color:var(--accent-blue);font-size:1.1em;margin-bottom:10px;display:flex;align-items:center;gap:8px;}.seo-info-section p,.seo-info-section li{color:var(--text-secondary);font-size:0.95em;line-height:1.6;margin-bottom:8px;}.seo-info-section ul{margin:10px 0;padding-left:20px;}.seo-tip-box{background:rgba(59,130,246,0.1);border-left:4px solid var(--accent-blue);padding:12px 15px;border-radius:6px;margin:10px 0;}.seo-warning-box{background:rgba(245,158,11,0.1);border-left:4px solid #F59E0B;padding:12px 15px;border-radius:6px;margin:10px 0;}.seo-score-range{display:flex;align-items:center;gap:10px;margin:8px 0;padding:8px;background:var(--bg-tertiary);border-radius:6px;}.seo-score-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.9em;}.score-excellent{background:#10B981;color:white;}.score-good{background:#3B82F6;color:white;}.score-fair{background:#F59E0B;color:white;}.score-poor{background:#EF4444;color:white;}@media (max-width:700px){.seo-info-modal-content{width:95%;padding:20px;max-height:80vh;}.seo-info-modal-title{font-size:1.2em;}}@media (max-width:600px){.file-upload-box{padding:12px !important;border-width:1.5px !important;margin-top:5px !important;width:270px;}.upload-logo-container img{height:45px !important;width:auto !important;margin-bottom:5px !important;}.upload-title{font-size:1.1em !important;margin-bottom:8px !important;}.upload-format-buttons{gap:8px !important;margin-bottom:10px !important;}.format-button{padding:5px 10px !important;font-size:0.75em !important;height:auto !important;min-height:30px !important;}.copyright-toggle-container{margin-top:8px !important;gap:5px !important;}.copyright-toggle-container span{font-size:0.75em !important;}.switch{width:34px !important;height:18px !important;}.slider.round:before{height:14px !important;width:14px !important;bottom:5px !important;left:2px !important;}input:checked+.slider.round:before{transform:translateX(23px) !important;}.data-protection-statement{font-size:0.65em !important;margin-bottom:5px !important;}.upload-limit-link{font-size:0.65em !important;}}.blue-pill{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:white;margin-bottom:5px;border:1px solid #2563EB;}.blue-pill:hover{box-shadow:0 4px 12px rgba(37,99,235,0.3);}.ai-option-item{padding:10px 12px;margin-top:2px;margin-bottom:2px;background-color:var(--bg-input);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:0.9em;border:1px solid transparent;transition:all 0.2s ease;}.ai-option-item:hover{background-color:var(--bg-tertiary);color:#F97316;padding-left:16px;}.ai-option-item.selected{background-color:rgba(59,130,246,0.1);border-color:#3B82F6;color:#3B82F6;font-weight:bold;}.action-buttons-header{display:flex;justify-content:flex-end;gap:10px;margin-top:-40px;padding:15px 0px;border-bottom:1px dashed #334155;position:relative;z-index:100;pointer-events:auto;cursor:default;}.action-button{cursor:pointer !important;position:relative;z-index:101;}.action-button:disabled{cursor:not-allowed !important;opacity:0.5;pointer-events:auto;}.rating-group{text-align:center;margin-bottom:20px;}.rating-label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:0.9em;}.stars{display:inline-flex;gap:10px;font-size:28px;cursor:pointer;}.stars span{color:#4A5568;transition:color 0.2s,transform 0.2s;}.stars span.active,.stars span:hover{color:#F59E0B;transform:scale(1.2);}#stockCalendarSection{padding:20px;animation:fadeIn 0.4s ease-out;}.calendar-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;}.calendar-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;overflow:hidden;backdrop-filter:blur(10px);}.calendar-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.2);border-color:var(--accent-orange);}.calendar-card h3{margin-top:0;color:var(--accent-orange);display:flex;align-items:center;gap:10px;font-size:1.25em;}.calendar-month-badge{position:absolute;top:0;right:0;background:var(--accent-orange);color:white;padding:5px 15px;border-bottom-left-radius:12px;font-size:0.85em;font-weight:600;}.shoot-list{list-style:none;padding:0;margin:15px 0 0;}.shoot-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:0.95em;}.shoot-item:last-child{border-bottom:none;}.shoot-item i{color:var(--accent-blue);font-size:0.8em;}.demand-section{margin-top:40px;background:var(--bg-modal);border-radius:20px;padding:25px;border:1px solid var(--border-color);}.demand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px;}.demand-tag{background:rgba(249,115,22,0.1);color:#F97316;padding:10px 15px;border-radius:10px;font-size:0.9em;font-weight:500;text-align:center;border:1px solid rgba(249,115,22,0.2);transition:all 0.2s;}.demand-tag:hover{background:#F97316;color:white;}.section-intro{color:var(--text-secondary);margin-bottom:25px;line-height:1.6;}@media (max-width:700px){#nicheResults{display:flex !important;flex-direction:column !important;width:100% !important;box-sizing:border-box !important;grid-template-columns:1fr !important;padding:0 !important;margin:0 !important;gap:15px !important;}.niche-research-section .file-upload-box{padding:15px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow-x:hidden !important;border-radius:8px !important;}.niche-research-section select,.niche-research-section button{width:100% !important;max-width:100% !important;}.niche-research-section>div>div[style*="display:flex"]{flex-direction:column !important;gap:10px !important;}.free-plan{display:none;}}.landing-container{max-width:1100px;margin:60px auto 0;padding:0 20px;color:var(--text-primary);}.lp-section-title{text-align:center;font-size:3em;font-weight:700;margin-bottom:20px;}.lp-section-subtitle{text-align:center;color:var(--text-muted);font-size:1.1em;max-width:600px;margin:0 auto 50px;line-height:1.2;}.hero-two-col{display:flex;align-items:center;gap:60px;padding:20px 20px 40px;max-width:1200px;margin:0 auto;min-height:80vh;}.hero-left .lp-section-title{text-align:left;font-size:2.8em;margin-bottom:18px;margin-top:-5px !important;background-image:linear-gradient(45deg,#3b82f6,#6366f1,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-weight:800;}.hero-left .lp-section-subtitle{text-align:left;margin:0 0 32px 0;max-width:100%;font-size:1.05em;color:var(--text-muted);line-height:1.2;}.hero-features-list{display:flex;flex-direction:column;gap:20px;margin-bottom:36px;}.hero-feature-item{display:flex;align-items:flex-start;gap:10px;}.hero-feature-icon{width:44px;height:44px;min-width:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3em;background:rgba(59,130,246,0.12);color:#3B82F6;}.hero-feature-item:nth-child(2) .hero-feature-icon{background:rgba(249,115,22,0.12);color:#F97316;}.hero-feature-item:nth-child(3) .hero-feature-icon{background:rgba(16,185,129,0.12);color:#10B981;}.hero-feature-text h4{margin:0 0 3px;font-size:1em;font-weight:700;color:var(--text-primary);}.hero-feature-text p{margin:0;font-size:0.85em;color:var(--text-muted);line-height:1.5;}.hero-cta-btn{position:relative;display:inline-block;padding:14px 30px;font-size:16px;margin-top:-15px;text-align:center;letter-spacing:1px;border-radius:12px;background:linear-gradient(45deg,#FF0080,#FF8C00);color:#fff;border:none;cursor:pointer;overflow:hidden;z-index:1;box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);}.hero-cta-btn:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:rgba(255,255,255,0.2);border-radius:100%;z-index:-1;transition:all 0.5s ease;}.hero-cta-btn:hover:before{width:500px;height:500px;}.hero-cta-btn span{position:relative;z-index:2;transition:all 0.3s ease;}.hero-cta-btn:hover span{transform:scale(1.2);}.hero-cta-btn:hover{transform:translateY(-2px);border:linear-gradient(45deg,#FF8C00,#FF0080);box-shadow:0 8px 30px rgba(249,115,22,0.45);}.lp-left-title{text-align:left;font-size:2em;margin-bottom:18px;margin-top:-5px !important;color:var(--accent-orange);font-weight:800;}.hero-right{flex:1;display:flex;align-items:center;justify-content:center;}.hero-upload-circle-wrapper{position:relative;width:380px;height:380px;display:flex;align-items:center;justify-content:center;cursor:pointer;}.hero-ripple-ring{position:absolute;border-radius:50%;border:1px solid rgba(100,120,150,0.15);}.hero-ripple-ring:nth-child(1){width:100%;height:100%;}.hero-ripple-ring:nth-child(2){width:80%;height:80%;}.hero-ripple-ring:nth-child(3){width:60%;height:60%;}.hero-ripple-ring:nth-child(4){width:40%;height:40%;border-color:rgba(100,120,150,0.25);}.hero-upload-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;}.hero-upload-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;}.hero-upload-icon svg{width:60px;height:60px;}.hero-upload-text{font-size:0.95em;color:var(--text-muted);text-align:center;font-weight:500;}.hero-upload-circle-wrapper:hover .hero-ripple-ring{border-color:rgba(59,130,246,0.3);transition:border-color 0.4s ease;}.hero-upload-circle-wrapper.dragover .hero-ripple-ring{border-color:rgba(249,115,22,0.5);animation:heroPulse 1s ease-in-out infinite alternate;}@keyframes heroPulse{from{transform:scale(1);}to{transform:scale(1.03);}}#toolSectionWrapper{display:none;flex-direction:column;width:100%;}#toolSectionWrapper.active{display:flex;}body.landing-mode .sidebar{display:none !important;}body.landing-mode .sidebar-toggle-btn{display:none !important;}body.landing-mode .footer{margin-left:0;width:100%;}body.landing-mode .main-panel{margin-left:0 !important;}@media (max-width:700px){.hero-two-col{flex-direction:column;gap:40px;padding:0px 15px 30px;min-height:auto;}.hero-left{max-width:100%;text-align:center;}.hero-left .lp-section-title{text-align:center;font-size:2em;}.hero-left .lp-section-subtitle{text-align:center;}.hero-features-list{align-items:center;text-align:left;}.hero-feature-item{max-width:400px;}.hero-upload-circle-wrapper{width:280px;height:280px;}.hero-cta-btn{width:100%;justify-content:center;max-width:300px;margin:0 auto;display:flex;}.hero-feature-text h4{align-items:center;text-align:left;}.hero-feature-text p{align-items:center;text-align:left;}}.lp-platforms{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;margin-bottom:80px;opacity:0.7;filter:grayscale(100%);transition:all 0.3s;}.lp-platforms:hover{filter:grayscale(0%);opacity:1;}.lp-platforms img{height:30px;object-fit:contain;}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:80px;text-decoration:none;}.lp-feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:30px;border-radius:16px;transition:transform 0.3s,border-color 0.3s;text-decoration:none;}.lp-feature-card:hover{transform:translateY(-5px);border-color:var(--accent-orange);box-shadow:0 10px 30px rgba(0,0,0,0.2);}.lp-icon-box{width:50px;height:50px;background:rgba(249,115,22,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5em;color:var(--accent-orange);margin-bottom:20px;}.lp-feature-card h3{font-size:1.3em;margin-bottom:10px;color:var(--text-primary);}.lp-feature-card p{color:var(--text-secondary);font-size:0.95em;line-height:1.6;}.lp-steps-container{display:flex;justify-content:space-between;gap:20px;margin-bottom:80px;flex-wrap:wrap;}.lp-step{flex:1;min-width:250px;text-align:center;position:relative;}.lp-step-number{font-size:4em;font-weight:900;color:var(--bg-tertiary);position:absolute;top:-20px;left:50%;transform:translateX(-50%);z-index:0;opacity:0.5;}.lp-step-content{position:relative;z-index:1;background:var(--bg-input);padding:20px;border-radius:12px;border:1px solid var(--border-color);margin-top:20px;}.lp-seo-content{background:var(--bg-card);border-radius:16px;padding:40px;border:1px solid var(--border-color);margin-top:40px;box-shadow:0 4px 20px rgba(0,0,0,0.05);}.lp-seo-content h2{color:var(--text-primary);font-size:1.8em;margin-bottom:20px;}.lp-seo-content p{color:var(--text-secondary);margin-bottom:15px;line-height:1.7;}@media (max-width:700px){.landing-container{margin-top:40px;}.lp-section-title{font-size:1.6em;}.lp-platforms{gap:15px;}.lp-platforms img{height:20px;}.lp-steps-container{flex-direction:column;gap:40px;}}.nav-dropdown{position:relative;display:inline-block;height:100%;display:flex;align-items:center;}.nav-dropdown-content{display:none;position:absolute;top:100%;left:0;background-color:var(--bg-tertiary);min-width:220px;box-shadow:0 8px 16px rgba(0,0,0,0.3);border-radius:8px;border:1px solid var(--border-color);z-index:1200;padding:8px 0;margin-top:10px;}.nav-dropdown-content::before{content:"";position:absolute;top:-15px;left:0;width:100%;height:15px;background:transparent;display:block;}.nav-dropdown:hover .nav-dropdown-content{display:block;animation:fadeIn 0.2s ease-in-out;}.dropdown-link{color:var(--text-secondary);padding:10px 16px;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:0.9em;transition:all 0.2s ease;}.dropdown-link i{width:20px;text-align:center;color:var(--accent-orange);}.dropdown-link:hover{background-color:var(--bg-input);color:var(--text-primary);padding-left:20px;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.mobile-nav-section{display:none;margin-top:15px;border-top:1px solid var(--border-color);padding-top:15px;}@media (max-width:700px){.mobile-nav-section{display:block;}}.mobile-nav-link{display:flex;align-items:center;padding:10px 12px;color:var(--text-secondary);text-decoration:none;font-size:0.9em;border-radius:6px;margin-bottom:4px;transition:all 0.2s ease;}.mobile-nav-link:hover{background-color:var(--bg-tertiary);color:var(--accent-orange);padding-left:18px;}.mobile-nav-link i{width:24px;text-align:center;margin-right:8px;color:var(--text-muted);}#mainToolsToggleBtn{cursor:pointer;padding:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:1em;}@media (max-width:700px){#mainToolsWrapper{display:none;}#mainToolsToggleBtn{display:flex;}}@media (min-width:700px){#mainToolsWrapper{display:block !important;}#mainToolsToggleBtn{display:none !important;}}@media (max-width:700px){.upload-container-left,.demo-video-right{width:320px !important;max-width:100% !important;margin:0 auto !important;}.upload-wrapper{gap:20px !important;}.file-upload-box{width:100% !important;}.view-btn.active{display:none;}.view-btn{display:none;}.add-more{margin-bottom:10px;}}.add-more{display:flex;justify-content:flex-end;gap:4px;margin-top:5px;}.view-btn:hover{color:var(--text-primary);background:var(--bg-tertiary);}.view-btn.active{background:var(--bg-tertiary);color:var(--accent-orange);box-shadow:0 1px 3px rgba(0,0,0,0.1);}.file-preview-grid.list-view .file-preview-card{flex-direction:row !important;width:100%;max-width:100% !important;height:auto !important;min-height:135px;align-items:stretch;padding:0;border:1px solid var(--border-color);background:var(--bg-secondary);margin-bottom:8px;overflow:visible !important;position:relative !important;}.file-preview-grid.list-view .card-image-col{width:140px;min-width:140px;max-width:140px;border-right:1px solid var(--border-color);border-bottom:none;padding:15px 5px 35px 5px;background:var(--bg-input);display:flex;flex-direction:column;justify-content:flex-start !important;align-items:center;margin:0;position:relative;z-index:1;}.file-preview-grid.list-view .thumbnail-medium{width:100%;height:90px;object-fit:contain;border:none;background:transparent;margin-bottom:0;}.file-preview-grid.list-view .card-meta-col{display:flex !important;flex:1;padding:32px !important;flex-direction:column;background-color:rgba(206,208,213,0);gap:2px;border:none;justify-content:center;position:static !important;}.file-preview-grid.list-view .meta-translation-controls{position:absolute !important;bottom:6px !important;left:5px !important;width:130px !important;padding:0 !important;margin:0 !important;background:transparent !important;border:none !important;display:flex !important;justify-content:center !important;align-items:center !important;height:24px;z-index:10;}.file-preview-grid.list-view .meta-translation-controls span{display:none;}.file-preview-grid.list-view .meta-translation-controls select{padding:0 2px;font-size:0.7em;height:22px;width:80px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);}.file-preview-grid.list-view .meta-translation-controls button{padding:0 8px;font-size:0.7em;height:22px;line-height:20px;margin-left:3px;background:#3B82F6;color:white;border-radius:4px;min-width:30px;white-space:nowrap;display:flex;justify-content:center;align-items:center;}.file-preview-grid.list-view .meta-section-label{font-size:0.68em;margin-bottom:1px;color:var(--text-muted);font-weight:600;}.file-preview-grid.list-view .copy-btn{padding:0px 5px;font-size:0.65em;height:16px;line-height:14px;}.file-preview-grid.list-view .meta-title{font-size:0.7em;padding:2px 6px;min-height:unset;height:18px;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4;border:1px solid var(--border-color);background:var(--bg-input);border-radius:3px;margin-top:5px;}.file-preview-grid.list-view .meta-title:focus{height:auto;white-space:normal;z-index:20;position:relative;max-height:50px;overflow-y:auto;box-shadow:0 4px 10px rgba(0,0,0,0.3);}.file-preview-grid.list-view .meta-description{font-size:0.75em;padding:2px 6px;min-height:unset;height:34px;max-height:34px;overflow-y:auto;line-height:1.3;background:var(--bg-input);border-radius:3px;}.file-preview-grid.list-view .meta-keywords{max-height:38px;min-height:20px;overflow-y:auto;padding:2px;gap:3px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:3px;}.file-preview-grid.list-view .meta-keyword-pill{padding:0px 4px;font-size:0.65em;height:16px;line-height:14px;border-radius:2px;}.file-preview-grid.list-view .keyword-add-container{margin-top:3px;height:20px;}.file-preview-grid.list-view .keyword-add-input{padding:0 5px;font-size:0.7em;height:20px;border-radius:3px;}.file-preview-grid.list-view .keyword-add-btn{padding:0 8px;font-size:0.7em;height:20px;line-height:18px;border-radius:3px;}.file-preview-grid.list-view .seo-meter-container,.file-preview-grid.list-view .rejection-meter-container,.file-preview-grid.list-view .style-mood-grid,.file-preview-grid.list-view .platform-requirements-container,.file-preview-grid.list-view .image-properties-overlay,.file-preview-grid.list-view .prompt-section,.file-preview-grid.list-view .export-csv-btn,.file-preview-grid.list-view button[id^="btn-eps-"],.file-preview-grid.list-view .card-image-actions{display:none !important;}.file-preview-grid.list-view .card-image-col:hover .card-image-actions{display:flex !important;top:2px;right:2px;}.file-preview-grid.list-view .card-image-action-btn{width:18px;height:18px;font-size:0.7em;}.language-selector{position:relative;margin-left:8px;}.language-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;cursor:pointer;padding:5px 10px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-size:0.8em;height:34px;width:auto;min-width:max-content;white-space:nowrap;gap:6px;}.language-btn:hover{background-color:var(--bg-input);border-color:var(--accent-orange);color:var(--accent-orange);}.language-dropdown{display:none;position:absolute;top:100%;right:0;background-color:var(--bg-tertiary);min-width:140px;box-shadow:0 8px 16px rgba(0,0,0,0.2);border-radius:8px;z-index:1001;border:1px solid var(--border-color);margin-top:8px;overflow:hidden;}.language-dropdown.show{display:block;animation:fadeIn 0.2s ease-in-out;}.language-option{color:var(--text-primary);padding:10px 16px;text-decoration:none;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color 0.2s;font-size:0.9em;}.language-option:hover{background-color:var(--bg-input);color:var(--accent-orange);}.language-option.active{font-weight:bold;color:var(--accent-orange);background-color:rgba(249,115,22,0.1);}.usage-indicator{display:none;align-items:center;gap:6px;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);padding:4px 10px;border-radius:16px;font-size:0.8em;font-weight:600;color:#3b82f6;margin-right:4px;transition:all 0.3s ease;cursor:pointer;white-space: nowrap;}.usage-indicator:hover{background:rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.4);}.usage-indicator i{font-size:0.9em;}.usage-label{color:var(--text-muted);font-weight:bold;font-size:0.9em;}@media (max-width:600px){.usage-label{display:none;}.usage-indicator{padding:3px 6px;}}.profile-referral-card{background:linear-gradient(135deg,rgba(59,130,246,0.05) 0%,rgba(37,99,235,0.1) 100%);border:1px solid rgba(59,130,246,0.2);border-radius:12px;padding:16px;margin:15px 0;display:flex;flex-direction:column;gap:15px;}.referral-title{font-size:0.85em;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;font-weight:600;}.referral-stats{display:flex;flex-direction:column;gap:8px;margin-top:5px;}#profileUsageCount{font-size:1.25em;font-weight:700;color:var(--text-primary);}.referral-progress-bg{height:6px;background:rgba(0,0,0,0.1);border-radius:3px;overflow:hidden;}.referral-progress-fill{height:100%;background:#3B82F6;transition:width 0.5s cubic-bezier(0.4,0,0.2,1);}.referral-text{font-size:0.85em;line-height:1.4;color:var(--text-secondary);}.referral-btn{width:100%;background:#3B82F6;color:white;border:none;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s;}.referral-btn:hover{background:#2563EB;transform:translateY(-1px);}.referral-btn:active{transform:translateY(0);}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:translateY(0);}}@media (max-width:700px){.app-header{padding:0 10px !important;height:60px !important;justify-content:space-between;}.sidebar-toggle-btn{margin-right:5px !important;padding:4px !important;}.header-brand-logo{flex:1;min-width:0;gap:6px !important;}.header-brand-logo img{height:32px !important;width:32px !important;}.header-brand-name{font-size:15px !important;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-top:2px;}.header-brand-tagline{display:none !important;}.free-plan{display:none !important;}.app-header > div[style*="margin-left:auto"]{gap:6px !important;}.theme-toggle-btn,.profile-header-btn,.language-btn{width:30px !important;height:30px !important;font-size:0.85em !important;padding:0 !important;}.help-link svg{width:20px !important;height:20px !important;}}@media (max-width:700px){.theme-toggle-btn,.profile-header-btn{width:32px !important;height:32px !important;padding:0 !important;font-size:0.85em !important;display:flex;align-items:center;justify-content:center;}.language-btn{width:auto !important;height:32px !important;padding:0 8px !important;gap:4px !important;display:flex !important;align-items:center;justify-content:center;}.language-btn span#currentLang{font-size:11px !important;font-weight:bold;display:inline-block !important;line-height:1;margin-top:1px;}.help-link svg{width:20px !important;height:20px !important;}}.bulk-action-btn.process-btn{background:linear-gradient(90deg,#F97316 60%,#ea580c 100%);color:white;}.bulk-action-btn.process-btn:hover{background:linear-gradient(90deg,#ea580c 60%,#F97316 100%);}#batchProgressOverlay{display:none;margin:0 0 14px 0;padding:14px 18px 12px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 4px 24px rgba(249,115,22,0.10),0 2px 8px rgba(0,0,0,0.12);position:relative;overflow:hidden;animation:bpFadeIn 0.35s ease;transition:opacity 0.4s;}#batchProgressOverlay::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(249,115,22,0.07) 0%,rgba(59,130,246,0.05) 100%);pointer-events:none;border-radius:14px;}@keyframes bpFadeIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}.bp-header-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;}.bp-stage-icon{font-size:1.25em;line-height:1;}.bp-stage-label{font-weight:700;font-size:0.95em;color:var(--text-primary);flex:1;}.bp-chip{background:linear-gradient(90deg,#F97316,#ea580c);color:#fff;font-size:0.78em;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;letter-spacing:0.03em;}.bp-chip.done{background:linear-gradient(90deg,#10B981,#059669);}.bp-pct{font-size:0.85em;font-weight:700;color:var(--accent-orange);min-width:38px;text-align:right;}.bp-pct.done{color:#10B981;}.bp-eta{font-size:0.78em;color:var(--text-muted);white-space:nowrap;}.batch-progress-bar-wrap{width:100%;height:10px;background:var(--bg-secondary,#1e293b);border-radius:999px;overflow:hidden;margin-bottom:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.18);}.batch-progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#F97316 0%,#fb923c 60%,#fbbf24 100%);background-size:200% 100%;transition:width 0.55s cubic-bezier(0.4,0,0.2,1);position:relative;}.batch-progress-fill.running{animation:bpPulse 1.8s ease-in-out infinite,bpShimmer 2s linear infinite;box-shadow:0 0 12px rgba(249,115,22,0.55);}.batch-progress-fill.done{background:linear-gradient(90deg,#10B981 0%,#34d399 60%,#6ee7b7 100%);box-shadow:0 0 14px rgba(16,185,129,0.4);animation:none;}@keyframes bpPulse{0%,100%{box-shadow:0 0 10px rgba(249,115,22,0.45);}50%{box-shadow:0 0 22px rgba(249,115,22,0.85);}}@keyframes bpShimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.bp-filename{font-size:0.80em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-left:2px;}.bp-filename strong{color:var(--text-secondary);}html,body{overflow-x:hidden !important;width:100% !important;position:relative;}@media (max-width:700px){.platforms-section{width:100% !important;max-width:100vw !important;box-sizing:border-box !important;padding:30px 10px !important;margin-left:0 !important;margin-right:0 !important;}.app-header{width:100% !important;padding:0 10px !important;box-sizing:border-box;overflow:hidden;}.header-brand-logo{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:5px;}.app-header > div[style*="margin-left:auto"]{flex-shrink:0;display:flex;gap:5px !important;margin-right:0 !important;}.language-btn{width:auto !important;padding:0 8px !important;min-width:unset !important;max-width:100%;}.footer,.main-panel,.hero-two-col{width:100% !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box !important;overflow-x:hidden;}.hero-two-col{padding:0px 10px !important;}}*,*::before,*::after{box-sizing:border-box !important;}@media (max-width:700px){.landing-section,.hero-two-col,.main-panel,.app-container{width:100% !important;max-width:100vw !important;padding-left:8px !important;padding-right:8px !important;margin-left:0 !important;margin-right:0 !important;overflow-x:hidden;}.hero-upload-circle-wrapper{width:260px !important;height:260px !important;margin:0 auto 30px auto !important;max-width:100%;}.landing-title{font-size:1.5em !important;word-wrap:break-word;width:100% !important;margin-bottom:25px !important;line-height:1.3;}.features-grid{display:flex !important;flex-direction:column !important;width:100% !important;gap:20px !important;}.feature-card,.how-to-use-box,.lp-seo-content{width:100% !important;max-width:100% !important;margin:0 !important;}.header-brand-name{font-size:14px !important;white-space:normal !important;line-height:1.1;}}@keyframes float-icon{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@keyframes spin-slow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes pulse-glow{0%{transform:scale(1);opacity:0.6;}50%{transform:scale(1.05);opacity:1;border-color:#3B82F6;}100%{transform:scale(1);opacity:0.6;}}.hero-upload-circle-wrapper{transition:all 0.4s ease;background:radial-gradient(circle,rgba(59,130,246,0.05) 0%,rgba(0,0,0,0) 70%);border-radius:50%;}.hero-ripple-ring:nth-child(1){border:1px dashed rgba(59,130,246,0.4) !important;animation:spin-slow 20s linear infinite;}.hero-ripple-ring:nth-child(2){border:1px solid rgba(249,115,22,0.2) !important;animation:spin-slow 15s linear infinite reverse;}.hero-ripple-ring:nth-child(3){border:1px solid rgba(59,130,246,0.3) !important;animation:pulse-glow 3s ease-in-out infinite;box-shadow:0 0 15px rgba(59,130,246,0.1);}.hero-upload-icon svg{animation:float-icon 3s ease-in-out infinite;filter:drop-shadow(0 5px 15px rgba(59,130,246,0.4));transition:all 0.3s ease;}.hero-upload-circle-wrapper:hover{transform:scale(1.02);background:radial-gradient(circle,rgba(249,115,22,0.08) 0%,rgba(0,0,0,0) 70%);cursor:pointer;}.hero-upload-circle-wrapper:hover .hero-ripple-ring{border-color:#F97316 !important;animation-play-state:paused;box-shadow:0 0 20px rgba(249,115,22,0.3);}.hero-upload-circle-wrapper:hover .hero-upload-icon svg{transform:scale(1.1);filter:drop-shadow(0 5px 20px rgba(249,115,22,0.6));animation:none;}.hero-upload-circle-wrapper:hover .hero-upload-text{color:#F97316;font-weight:700;}@media (max-width:700px){.app-header{overflow:visible !important;position:fixed !important;width:100% !important;z-index:1100 !important;}.language-dropdown{top:50px !important;right:5px !important;left:auto !important;width:150px !important;z-index:9999 !important;max-height:300px;overflow-y:auto;}html,body{overflow-x:hidden !important;width:100% !important;position:relative;}.app-container,.main-panel,.landing-section{width:100% !important;max-width:100vw !important;margin-left:0 !important;margin-right:0 !important;padding-right:10px !important;padding-left:10px !important;overflow-x:hidden !important;box-sizing:border-box !important;}.hero-right{width:100% !important;overflow:hidden !important;padding:10px 0 !important;display:flex;justify-content:center;}.hero-upload-circle-wrapper{margin:10px auto !important;transform:scale(0.85);}}@media (max-width:700px){.reviews-section div[style*="grid-template-columns"]{grid-template-columns:1fr !important;gap:15px !important;display:grid !important;}.reviews-section div[onmouseover]{width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin:0 !important;}.reviews-section{padding:40px 15px !important;overflow-x:hidden !important;}}.end_section-title{display:flex;max-width:700px;margin-left:auto;margin-right:auto;text-align:center;font-size:0.95em;color:var(--text-secondary);margin-bottom:30px;line-height:1.1;}.get_start{display:flex;align-items:center;justify-content:center;}@media (max-width:700px){.end_hero{width:100%;padding:10px 15px !important;margin-bottom:30px;}.end_section-title{font-size:0.95em;}}.ai-chat-widget{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:'Inter',sans-serif;}.ai-chat-toggle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#F97316 0%,#ea580c 100%);box-shadow:0 4px 15px rgba(249,115,22,0.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid rgba(255,255,255,0.1);}.ai-chat-toggle:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px rgba(249,115,22,0.5);}.ai-chat-toggle i{color:white;font-size:20px;}.ai-chat-window{position:absolute;bottom:70px;right:0;width:330px;height:480px;background:var(--bg-modal);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.4);display:none;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);backdrop-filter:blur(10px);animation:slideUp 0.3s ease-out;}@keyframes slideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.ai-chat-window.active{display:flex;}.ai-chat-header{padding:15px 20px;background:linear-gradient(90deg,#F97316 0%,#ea580c 100%);color:white;display:flex;justify-content:space-between;align-items:center;}.ai-chat-header-info{display:flex;align-items:center;gap:10px;}.ai-chat-header-info i{font-size:20px;}.ai-chat-header-title{font-weight:600;font-size:0.95em;}.ai-chat-close{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s;}.ai-chat-close:hover{background:rgba(255,255,255,0.2);}.ai-chat-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;scrollbar-width:thin;}.chat-message-wrapper{display:flex;gap:8px;max-width:90%;margin-bottom:5px;}.user-wrapper{align-self:flex-end;flex-direction:row-reverse;}.ai-wrapper{align-self:flex-start;}.chat-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#F97316 0%,#ea580c 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:12px;flex-shrink:0;margin-top:2px;box-shadow:0 2px 5px rgba(249,115,22,0.3);}.chat-message{padding:10px 14px;border-radius:12px;font-size:0.95em;line-height:1.4;position:relative;word-wrap:break-word;}.message-user{background:var(--accent-blue);color:white;border-bottom-right-radius:2px;}.message-ai{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:2px;border:1px solid var(--border-color);}.ai-chat-input-area{padding:15px;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;gap:10px;align-items:flex-end;}.ai-chat-textarea{flex-grow:1;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:10px;font-family:inherit;font-size:0.9em;resize:none;max-height:100px;outline:none;}.ai-chat-textarea:focus{border-color:var(--accent-orange);}.ai-chat-send{width:40px;height:40px;border-radius:8px;background:var(--accent-orange);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}.ai-chat-send:hover:not(:disabled){background:var(--accent-orange-hover);transform:scale(1.05);}.ai-chat-send:disabled{opacity:0.5;cursor:not-allowed;}.message-ai p{margin:0 0 8px 0;}.message-ai p:last-child{margin-bottom:0;}.message-ai code{background:rgba(0,0,0,0.2);padding:2px 4px;border-radius:4px;font-family:monospace;}@media (max-width:500px){.ai-chat-window{width:calc(100vw - 40px);height:70vh;bottom:70px;}}@media (max-width:700px){.app-header{padding:0 8px !important;gap:5px !important;flex-wrap:nowrap !important;overflow:visible !important;}.header-brand-logo{flex:1 1 auto !important;min-width:0 !important;gap:6px !important;margin-right:auto !important;overflow:hidden !important;}.header-brand-name{font-size:15px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;display:block !important;}.app-header > div[style*="margin-left:auto"]{flex:0 0 auto !important;gap:6px !important;}.usage-indicator{padding:3px 8px !important;font-size:0.75em !important;}.theme-toggle-btn,.profile-header-btn,.language-btn{width:30px !important;height:30px !important;border-radius:4px !important;padding:2px 4px !important;font-size:0.7em !important;}.platform-selection-header{flex-direction:column !important;align-items:flex-start !important;border-bottom:none !important;margin-bottom:12px !important;padding-bottom:0 !important;}.header-label{font-size:1.1em !important;text-decoration:none !important;margin-left:5px !important;margin-bottom:10px !important;color:var(--accent-orange) !important;}.platform-toggle-group{display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;gap:8px !important;width:100% !important;}.platform-button{flex:1 1 calc(33.33% - 8px) !important;min-width:90px !important;padding:8px 5px !important;font-size:0.75em !important;margin:0 !important;display:flex !important;justify-content:center !important;align-items:center !important;}}.ref-popup{position:fixed;bottom:30px;right:30px;width:320px;z-index:9999;background-color:var(--bg-primary);border:2px solid #f97316;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.5);padding:20px;animation:slideInUp 0.6s cubic-bezier(0.68,-0.55,0.27,1.55);color:white;}.ref-popup.hidden{display:none;}@keyframes slideInUp{from{transform:translateY(100px);opacity:0;}to{transform:translateY(0);opacity:1;}}.ref-popup-content{position:relative;text-align:center;}.ref-close{position:absolute;top:-10px;right:-5px;background:none;border:none;color:#94a3b8;font-size:24px;cursor:pointer;}.ref-icon{font-size:40px;margin-bottom:10px;}.ref-body h3{margin:0 0 10px;font-size:1.2em;color:#f97316;}.ref-body p{font-size:0.9em;line-height:1.5;color:var(--text-secondary);margin-bottom:15px;}.ref-share-btn{background:linear-gradient(90deg,#f97316 0%,#ea580c 100%);color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:transform 0.2s,box-shadow 0.2s;display:flex;align-items:center;justify-content:center;gap:8px;}.ref-share-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(249,115,22,0.4);}@media (max-width:600px){.ref-popup{width:calc(100% - 40px);left:20px;right:20px;bottom:20px;}}.pro-feature-locked{position:relative;overflow:hidden;}.pro-feature-locked > *:not(.locked-overlay){filter:blur(4px);opacity:0.6;pointer-events:none;user-select:none;}.locked-overlay{position:absolute;inset:0;background:rgba(15,23,42,0.1);display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;border-radius:6px;transition:all 0.3s ease;}body.light-mode .locked-overlay{background:rgba(255,255,255,0.1);}.locked-overlay:hover{background:rgba(15,23,42,0.4);}body.light-mode .locked-overlay:hover{background:rgba(255,255,255,0.4);}.locked-overlay .lock-icon{font-size:1.2em;background:var(--bg-card);border:2px solid var(--accent-orange);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(249,115,22,0.4);color:var(--accent-orange);transition:transform 0.2s ease;}.locked-overlay:hover .lock-icon{transform:scale(1.15);}.app-showcase-section{display:flex;justify-content:center;padding:0 20px 40px 20px;position:relative;z-index:5;margin-top:20px;}.app-showcase-container{position:relative;max-width:1350px;width:100%;border:none;padding:10px;background:none;-webkit-backdrop-filter:blur(12px);transition:transform 0.4s ease,box-shadow 0.4s ease;}.app-showcase-container:hover{transform:translateY(-8px);}.app-screenshot{width:100%;height:auto;border-radius:12px;display:block;}.app-screenshot.dark-img{display:block;}.app-screenshot.light-img{display:none;}body.light-mode .app-screenshot.dark-img{display:none;}body.light-mode .app-screenshot.light-img{display:block;}@media (max-width:768px){.app-showcase-section{padding:0 10px 50px 10px;margin-top:10px;}.app-showcase-container{padding:6px;border-radius:12px;}.app-screenshot{border-radius:8px;}.glow-bg{filter:blur(50px);}}.keyword-add-input{width:80%;}}.feature-link{display:block;text-decoration:none;color:inherit;width:100%;}.feature-card{height:100%;}.gift-container{position:relative;display:inline-block;width:100%;}.jumping-gift{position:absolute;width:65px;height:auto;top:40px;right:0px;z-index:10;pointer-events:none;filter:drop-shadow(0 5px 10px rgba(0,0,0,0.3));animation:gift-bounce 1.5s ease-in-out infinite;}@keyframes gift-bounce{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-12px) rotate(10deg);}}.adobe-only-section{display:none;background:rgba(237,34,36,0.05);border:1px solid rgba(237,34,36,0.2);padding:10px;border-radius:8px;margin-top:10px;}.discount{position:absolute;top:-6px;left:-10px;width:65px;z-index:10;transform:rotate(-5deg);}.back-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 15px rgba(0,0,0,0.4);}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0);}.back-to-top:hover{background:var(--accent-orange);color:white;border-color:var(--accent-orange);box-shadow:0 6px 20px rgba(249,115,22,0.5);}.ai-chat-widget{transition:bottom 0.4s cubic-bezier(0.175,0.885,0.32,1.275) !important;}.ai-chat-widget.move-up{bottom:85px !important;}@media (max-width:700px){.back-to-top{width:45px;height:45px;}.ai-chat-widget.move-up{bottom:75px !important;}}.similarity-warning{border:2px solid #EF4444 !important;position:relative;animation:pulse-red 2s infinite;}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(239,68,68,0.7);}70%{box-shadow:0 0 0 10px rgba(239,68,68,0);}100%{box-shadow:0 0 0 0 rgba(239,68,68,0);}}.similarity-badge{position:absolute;top:40px;left:50%;transform:translateX(-50%);background:#EF4444;color:white;padding:4px 8px;border-radius:4px;font-size:0.7em;font-weight:bold;z-index:10;white-space:nowrap;}
    
     /* Professional Discount Banner */
.discount-banner {
    background: var(--bg-card);
    border-left: 5px solid #F97316;
    color: #F8FAFC;
    padding: 12px 25px;
    margin: 20px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 15px rgba(249, 115, 22, 0.2);
    animation: slideDown 0.5s ease-out;
    position: relative;
    overflow: hidden;
}

.discount-content {
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 2;
}

.discount-icon {
    font-size: 1.8em;
    color: #F97316;
    animation: pulse-glow 2s infinite;
}

.discount-text {
    font-size: 0.95em;
    line-height: 1.4;
}

.discount-text strong {
    color: #F97316;
    font-size: 1.1em;
    text-transform: uppercase;
}

.discount-badge {
    background: #F97316;
    color: white;
    padding: 2px 8px;
    border-radius: 5px;
    font-weight: bold;
    margin-right: 5px;
}

.claim-btn {
    background: linear-gradient(90deg, #F97316 0%, #ea580c 100%);
    color: white !important;
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none !important;
    transition: all 0.3s ease;
    white-space: nowrap;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3);
}

.claim-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(249, 115, 22, 0.5);
}

@keyframes pulse-glow {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

@media (max-width: 700px) {
    .discount-banner {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        padding: 15px;
    }
    .discount-content {
        flex-direction: column;
        gap: 8px;
    }
}


        .advanced-insights-panel {
            margin-top: 5px;
            background: rgba(139, 92, 246, 0.05);
            border: 1px solid rgba(139, 92, 246, 0.2);
            border-radius: 8px;
            padding: 5px;
            font-size: 0.9em;
        }

        .clarity-checker-container {
            position: relative;
            background: var(--bg-input);
            border: 1px solid #334155;
            border-radius: 8px;
            padding: 10px;
            margin-top: 10px;
        }

        .clarity-scores-row {
            display: flex;
            gap: 15px;
            margin-bottom: 8px;
        }

        .clarity-score-item {
            flex: 1;
        }

        .clarity-score-header {
            display: flex;
            justify-content: space-between;
            font-size: 0.75em;
            margin-bottom: 4px;
            color: var(--text-secondary);
        }

        .clarity-score-value {
            font-weight: bold;
            color: var(--text-primary);
        }

        .clarity-progress-bg {
            height: 6px;
            background: rgba(255, 255, 255, 0.08);
            border-radius: 3px;
            overflow: hidden;
        }

        .clarity-progress-fill {
            height: 100%;
            width: 0%;
            border-radius: 3px;
            transition: width 0.4s ease, background-color 0.4s ease;
        }

        .clarity-progress-fill.excellent {
            background: #10B981;
        }

        .clarity-progress-fill.medium {
            background: #F59E0B;
        }

        .clarity-progress-fill.low {
            background: #EF4444;
        }

        .clarity-details {
            font-size: 0.75em;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            padding-top: 6px;
            margin-top: 6px;
        }

        .clarity-feedback {
            margin-bottom: 6px;
            color: var(--text-secondary);
            line-height: 1.35;
        }

        .clarity-suggestions {
            margin: 0;
            padding-left: 12px;
            color: var(--accent-orange);
            list-style-type: disc;
        }

        .clarity-suggestions li {
            margin-bottom: 3px;
        }

        .advanced-insights-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            color: #8B5CF6;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .advanced-insights-content {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-top: 15px;
        }

        .insight-item {
            background: var(--bg-card);
            padding: 10px;
            border-radius: 6px;
            border: 1px solid var(--border-color);
        }

        .insight-label {
            font-weight: bold;
            color: var(--text-secondary);
            margin-bottom: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .insight-value {
            color: var(--text-primary);
            word-break: break-word;
        }

        .color-swatch-container {
            display: flex;
            gap: 5px;
            flex-wrap: wrap;
            margin-top: 5px;
        }

        .color-swatch {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.2);
            display: inline-block;
        }

        /* Demo comparison CSS */
        .demo-comparison-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-top: 30px;
        }

        .demo-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 20px;
            position: relative;
            overflow: hidden;
            text-align: left;
        }

        .demo-card.pro-card {
            border: 2px solid #8B5CF6;
            box-shadow: 0 0 20px rgba(139, 92, 246, 0.2);
        }

        .pro-badge {
            position: absolute;
            top: 0;
            right: 0;
            background: linear-gradient(135deg, #8B5CF6, #EC4899);
            color: white;
            padding: 5px 15px;
            border-bottom-left-radius: 12px;
            font-weight: bold;
            font-size: 0.85em;
        }
        
        .pro-plan-badge {
            position: absolute;
            top: 0;
            right: 0;
            background: linear-gradient(45deg, #FF0080, #FF8C00);
            color: white;
            padding: 5px 15px;
            border-bottom-left-radius: 12px;
            border-top-right-radius: 18px;
            font-weight: bold;
            font-size: 0.85em;
         }

         .pre-plan-badge {
            position: absolute;
            top: 0;
            right: 0;
            background: linear-gradient(135deg, #8B5CF6, #EC4899);
            color: white;
            padding: 5px 15px;
            border-bottom-left-radius: 12px;
            border-top-right-radius: 18px;
            font-weight: bold;
            font-size: 0.85em;
         }

        .demo-row {
            margin-bottom: 15px;
        }

        .demo-label {
            font-size: 0.8em;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 5px;
        }

        .demo-value {
            color: var(--text-primary);
            font-size: 0.95em;
            background: var(--bg-input);
            padding: 8px 12px;
            border-radius: 6px;
            border: 1px solid var(--border-color);
        }

        .demo-value.highlight {
            background: rgba(139, 92, 246, 0.1);
            border-color: rgba(139, 92, 246, 0.3);
        }

            @media (max-width: 768px) {
            .demo-comparison-container {
                grid-template-columns: 1fr;
            }
      
           .prompt-section {
                padding: 0px !important;
      
           }
        }

        /* Spam Shield CSS */
        .spam-shield-warning {
            margin-bottom: 10px;
            background: rgba(239, 68, 68, 0.1);
            border: 1px solid rgba(239, 68, 68, 0.4);
            border-radius: 8px;
            padding: 10px;
            animation: spam-warn-fade 0.5s ease-out;
            position: relative;
            overflow: hidden;
        }

        .spam-shield-warning::before {
            content: '
            '
            ;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background: linear-gradient(180deg, #F97316, #EF4444);
        }

        .spam-badge {
            display: inline-block;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 0.75em;
            font-weight: bold;
            color: white;
            margin-bottom: 5px;
        }

        .spam-badge.high {
            background: #EF4444;
        }

        .spam-badge.medium {
            background: #F59E0B;
        }

        .spam-badge.low {
            background: #10B981;
        }

        .spam-details {
            font-size: 0.85em;
            color: var(--text-secondary);
            margin-top: 5px;
            line-height: 1.4;
        }

        @keyframes spam-warn-fade {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .header-nav {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: nowrap;
            margin-left: 20px;
            flex-grow: 1;
            white-space: nowrap;
        }

        .nav-btn {
            background: transparent;
            border: none;
            color: var(--text-secondary, #94a3b8);
            font-size: 0.85em;
            font-weight: 500;
            cursor: pointer;
            transition: color 0.2s ease;
            text-decoration: none;
            padding: 5px 13px;
            font-family: inherit;
        }

        .nav-btn:hover {
            background: rgba(59, 130, 246, 0.1);
            color: var(--accent-orange, #F97316);
            border: 1px solid #334155;
            padding: 5px 12px;
            border-radius: 6px;
        }

        .dropdown-item:hover {
            color: white !important;
            background: linear-gradient(90deg, #3B82F6 60%, #2563eb 100%) !important;
        }

        .collapsible-content .mode-button {
            width: 100% !important;
            background: transparent !important;
            margin: 2px 0 !important;
            border-radius: 6px !important;
            font-size: 0.85em !important;
            transition: all 0.3s ease !important;
            border-left: 3px solid transparent !important;
            color: var(--text-secondary) !important;
        }

        .collapsible-content .mode-button:hover {
            background: rgba(249, 115, 22, 0.05) !important;
            color: var(--accent-orange) !important;
        }

        .collapsible-content .mode-button.active {
            background: linear-gradient(90deg, #F97316 0%, #ea580c 100%) !important;
            color: white !important;
            border-left: 3px solid #F97316 !important;
            font-weight: 600 !important;
            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
        }

        @media (max-width: 768px) {
            .header-nav {
                display: none;
            }

            .upload-format-buttons {
                white-space: nowrap;
            }
        }

        .platform-chance-row {
            padding: 6px 8px;
            background: var(--bg-input);
            border-radius: 6px;
            border: 1px solid rgba(255, 255, 255, 0.03);
            transition: background 0.2s ease;
        }

        .platform-chance-row:hover {
            background: var(--bg-tertiary);
        }

        /* --- Team Management Modal Styles --- */
        .team-modal-content {
            max-width: 650px !important;
        }

        .team-info-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px;
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(59, 130, 246, 0.1));
            border-radius: 12px;
            margin-bottom: 20px;
            border: 1px solid rgba(16, 185, 129, 0.2);
        }

        .team-stats-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
            margin-bottom: 20px;
        }

        .team-stat-card {
            background: var(--bg-tertiary);
            padding: 15px;
            border-radius: 10px;
            border: 1px solid var(--border-color);
            text-align: center;
        }

        .team-stat-val {
            font-size: 1.4em;
            font-weight: 700;
            color: #10B981;
            display: block;
        }

        .team-stat-label {
            font-size: 0.8em;
            color: var(--text-secondary);
        }

        .team-section-title {
            font-size: 1.1em;
            font-weight: 600;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .member-list {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }

        .member-list th {
            text-align: left;
            font-size: 0.8em;
            color: var(--text-secondary);
            padding: 10px 5px;
            border-bottom: 1px solid var(--border-color);
        }

        .member-list td {
            padding: 12px 5px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            font-size: 0.9em;
        }

        .member-role-badge {
            padding: 2px 8px;
            border-radius: 12px;
            font-size: 0.75em;
            font-weight: 600;
        }

        .role-owner {
            background: rgba(249, 115, 22, 0.15);
            color: #F97316;
            white-space: nowrap;
        }

        .role-member {
            background: rgba(59, 130, 246, 0.15);
            color: #3B82F6;
        }

        .remove-member-btn {
            color: #EF4444;
            background: none;
            border: none;
            cursor: pointer;
            padding: 5px;
            opacity: 0.7;
            transition: opacity 0.2s;
        }

        .remove-member-btn:hover {
            opacity: 1;
        }

        .invite-form {
            display: flex;
            gap: 10px;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid var(--border-color);
        }

        .invite-input {
            flex: 1;
            background: var(--bg-input);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            color: var(--text-primary);
            padding: 10px 15px;
            width: 70%;
        }

        .create-team-form {
            text-align: center;
            padding: 30px 20px;
        }

        .create-team-input {
            width: 100%;
            max-width: 400px;
            margin: 15px auto;
            display: block;
            background: var(--bg-input);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            color: var(--text-primary);
            padding: 12px 20px;
            font-size: 1.1em;
            text-align: center;
        }

        .meta-keyword-pill {
            color: var(--text-secondary);
            font-size: 0.75em !important;
            font-weight: 700 !important;
            box-shadow: rgba(37, 99, 235, 0.2) 0px 1px 3px;
            background: var(--bg-tertiary);
            border-radius: 4px;
            padding: 2px 4px;
        }
      
        .keyword-remove-btn {
            margin-left: 0px !important;
        }
      
        .keyword-remove-btn:hover {
            background: #f11919;
            color: white !important;
            border-radius: 2px;
        }

        .meta-keywords {
            max-height: 150px !important;
        }

        .seo-meter-container {
            max-height: 150px !important;
            overflow-y: auto !important;
        }

        .sidebar {
            background: var(--bg-secondary) !important;
        }
      
        .similarity-badge {
            background: none !important;
        }

        @keyframes pulse-opacity {

            0%,
            100% {
                opacity: 0.85;
            }

            50% {
                opacity: 1;
            }
        }
   
          
                            #adminDashboardSection {
                                padding: 20px !important;
                                background: var(--bg-primary) !important;
                                min-height: 100vh !important;
                            }

                            .admin-dashboard-container {
                                max-width: 1200px !important;
                                margin: 0 auto !important;
                                display: flex !important;
                                flex-direction: column !important;
                                gap: 30px !important;
                            }

                            .admin-metrics-grid {
                                display: grid !important;
                                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
                                gap: 20px !important;
                            }

                            .metric-card {
                                background: var(--bg-card) !important;
                                padding: 25px !important;
                                border-radius: 20px !important;
                                border: 1px solid var(--border-color) !important;
                                position: relative !important;
                                overflow: hidden !important;
                                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
                                transition: all 0.3s ease !important;
                                border-bottom: 4px solid var(--border-color) !important;
                            }

                            .metric-card:hover {
                                transform: translateY(-5px) !important;
                                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2) !important;
                            }

                            .metric-card.mrr {
                                border-bottom-color: #10B981 !important;
                            }

                            .metric-card.users {
                                border-bottom-color: #3B82F6 !important;
                            }

                            .metric-card.usage {
                                border-bottom-color: #F97316 !important;
                            }

                            .metric-icon-box {
                                position: absolute !important;
                                top: 20px !important;
                                right: 20px !important;
                                width: 50px !important;
                                height: 50px !important;
                                border-radius: 12px !important;
                                background: rgba(255, 255, 255, 0.05) !important;
                                display: flex !important;
                                align-items: center !important;
                                justify-content: center !important;
                                font-size: 1.4em !important;
                                opacity: 0.3 !important;
                            }

                            .metric-label {
                                font-size: 0.85em !important;
                                color: var(--text-muted) !important;
                                font-weight: 700 !important;
                                text-transform: uppercase !important;
                                letter-spacing: 1px !important;
                                margin-bottom: 15px !important;
                                display: block !important;
                            }

                            .metric-value {
                                font-size: 2.5em !important;
                                font-weight: 900 !important;
                                color: var(--text-primary) !important;
                                margin-bottom: 10px !important;
                                display: block !important;
                            }

                            .admin-table-card {
                                background: var(--bg-card) !important;
                                border-radius: 20px !important;
                                border: 1px solid var(--border-color) !important;
                                padding: 0 !important;
                                overflow: hidden !important;
                                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
                            }

                            .table-action-header {
                                padding: 25px !important;
                                background: rgba(0, 0, 0, 0.05) !important;
                                border-bottom: 1px solid var(--border-color) !important;
                                display: flex !important;
                                justify-content: space-between !important;
                                align-items: center !important;
                                flex-wrap: wrap !important;
                                gap: 20px !important;
                            }

                            .admin-search-wrapper {
                                position: relative !important;
                                flex: 1 !important;
                                max-width: 400px !important;
                            }

                            .admin-search-wrapper i {
                                position: absolute !important;
                                left: 15px !important;
                                top: 50% !important;
                                transform: translateY(-50%) !important;
                                color: var(--text-muted) !important;
                            }

                            .admin-search-wrapper input {
                                width: 100% !important;
                                padding: 12px 15px 12px 45px !important;
                                background: var(--bg-input) !important;
                                border: 1.5px solid var(--border-color) !important;
                                border-radius: 12px !important;
                                color: var(--text-primary) !important;
                                font-size: 0.9em !important;
                                transition: all 0.2s !important;
                            }

                            .admin-search-wrapper input:focus {
                                border-color: var(--accent-orange) !important;
                                box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1) !important;
                                border-radius: 12px !important;
                            }

                            .responsive-table-wrapper {
                                width: 100% !important;
                                overflow-x: auto !important;
                            }

                            .admin-ui-table {
                                width: 100% !important;
                                border-collapse: collapse !important;
                                min-width: 900px !important;
                                border-radius: 12px !important;
                                overflow: hidden !important;
                                margin-top: 15px !important;
                                border: 1px solid rgba(255, 255, 255, 0.05) !important;
                            }

                            .admin-select-pill {
                                background: rgba(59, 130, 246, 0.08) !important;
                                border: 1px solid rgba(59, 130, 246, 0.15) !important;
                                border-radius: 8px !important;
                                color: var(--accent-blue) !important;
                                font-size: 0.75em !important;
                                font-weight: 700 !important;
                                padding: 5px 8px !important;
                                cursor: pointer !important;
                                outline: none !important;
                                transition: all 0.2s !important;
                                appearance: none !important;
                                text-align: center !important;
                                min-width: 70px !important;
                            }

                            .admin-select-pill:hover {
                                background: rgba(59, 130, 246, 0.12) !important;
                                border-color: var(--accent-blue) !important;
                            }

                            .admin-input-minimal {
                                background: transparent !important;
                                border: none !important;
                                color: var(--text-primary) !important;
                                font-size: 0.95em !important;
                                font-weight: 800 !important;
                                text-align: center !important;
                                outline: none !important;
                                width: 70% !important;
                            }

                            .admin-ui-table th {
                                background: rgba(255, 255, 255, 0.02) !important;
                                padding: 20px !important;
                                text-align: left !important;
                                font-size: 0.7em !important;
                                text-transform: uppercase !important;
                                letter-spacing: 1.5px !important;
                                color: var(--text-muted) !important;
                                font-weight: 800 !important;
                                border-bottom: 1.5px solid rgba(255, 255, 255, 0.05) !important;
                            }

                            .admin-ui-table td {
                                padding: 18px 20px !important;
                                vertical-align: middle !important;
                            }

                            .admin-action-btn {
                                border: 1px solid transparent !important;
                                border-radius: 10px !important;
                                width: 34px !important;
                                height: 34px !important;
                                display: flex !important;
                                align-items: center !important;
                                justify-content: center !important;
                                cursor: pointer !important;
                                transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
                                font-size: 0.9em !important;
                            }

                            .admin-action-btn.block {
                                background: rgba(249, 115, 22, 0.1) !important;
                                color: var(--accent-orange) !important;
                            }

                            .admin-action-btn.unblock {
                                background: rgba(16, 185, 129, 0.1) !important;
                                color: #10B981 !important;
                            }

                            .admin-action-btn.delete {
                                background: rgba(239, 68, 68, 0.1) !important;
                                color: #EF4444 !important;
                            }

                            .admin-action-btn:hover {
                                transform: translateY(-2px) scale(1.05) !important;
                                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
                            }

                            .admin-action-btn.delete:hover {
                                background: #EF4444 !important;
                                color: white !important;
                            }

                            .admin-action-btn.block:hover {
                                background: var(--accent-orange) !important;
                                color: white !important;
                            }

                            .admin-action-btn.unblock:hover {
                                background: #10B981 !important;
                                color: white !important;
                            }

                            .status-chip {
                                display: inline-flex !important;
                                padding: 5px 12px !important;
                                border-radius: 25px !important;
                                font-size: 0.75em !important;
                                font-weight: 700 !important;
                            }

                            .st-active {
                                background: rgba(16, 185, 129, 0.1) !important;
                                color: #10B981 !important;
                                border: 1px solid rgba(16, 185, 129, 0.2) !important;
                            }

                            .st-blocked {
                                background: rgba(239, 68, 68, 0.1) !important;
                                color: #EF4444 !important;
                                border: 1px solid rgba(239, 68, 68, 0.2) !important;
                            }

                            .action-btn-small {
                                padding: 6px 14px !important;
                                border-radius: 8px !important;
                                font-size: 0.8em !important;
                                font-weight: 600 !important;
                                cursor: pointer !important;
                                transition: all 0.2s !important;
                                border: none !important;
                            }

                            .btn-block {
                                background: #fee2e2 !important;
                                color: #991b1b !important;
                            }

                            .btn-unblock {
                                background: #dcfce7 !important;
                                color: #166534 !important;
                            }

                            .action-btn-small:hover {
                                transform: scale(1.05) !important;
                            }

                            @media (max-width: 768px) {
                                #adminDashboardSection {
                                    padding: 10px !important;
                                }

                                .admin-metrics-grid {
                                    grid-template-columns: 1fr !important;
                                }

                                .table-action-header {
                                    padding: 15px !important;
                                    flex-direction: column !important;
                                    align-items: flex-start !important;
                                }

                                .admin-search-wrapper {
                                    max-width: 100% !important;
                                    width: 100% !important;
                                }

                                .admin-ui-table {
                                    font-size: 0.85em !important;
                                }
                            }

                    .landing-section {
                        position: relative;
                        overflow: hidden;
                        padding: 0 20px 80px;
                        max-width: 1200px;
                        margin: 0 auto;
                        color: var(--text-primary);
                    }

                    .hero-two-col {
                        position: relative;
                        z-index: 2;
                    }

                    .hero-left {
                        width: 610px !important;
                    }

                    .landing-title {
                        text-align: center;
                        font-size: 2.2em;
                        margin-bottom: 50px;
                        font-weight: 700;
                        letter-spacing: -0.5px;
                        color: var(--accent-orange);
                        z-index: 2;
                    }

                    /* Features Grid */
                    .features-grid {
                        display: grid;
                        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
                        gap: 30px;
                        margin-bottom: 80px;


                    }

                    .feature-card {
                        background: var(--bg-card);
                        border: 1px solid var(--border-color);
                        padding: 10px;
                        border-radius: 16px;
                        text-align: center;
                        transition: all 0.3s ease;
                        position: relative;
                        overflow: hidden;
                        z-index: 2;
                    }

                    .feature-link {
                        display: flex;
                        align-items: center;
                        text-decoration: none;
                    }

                    .feature-card::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 4px;
                        background: linear-gradient(90deg, #3B82F6, #8B5CF6);
                        opacity: 0;
                        transition: opacity 0.3s ease;
                    }

                    .feature-card:hover {
                        transform: translateY(-8px);
                        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
                        border-color: #3B82F6;
                    }

                    .feature-card:hover::before {
                        opacity: 1;
                    }

                    .feature-icon {
                        font-size: 3em;
                        margin-top: 12px;
                        margin-bottom: 4px;
                        display: inline-block;
                        background: rgba(59, 130, 246, 0.1);
                        width: 80px;
                        height: 80px;
                        line-height: 80px;
                        border-radius: 50%;
                        color: #3B82F6;
                    }

                    .feature-text h3 {
                        margin-bottom: 12px;
                        color: var(--text-primary);
                        font-size: 1.25em;
                    }

                    .feature-text p {
                        color: var(--text-muted);
                        line-height: 1.6;
                        font-size: 0.95em;
                    }

                    .hero-feature-text h3 {
                        margin-top: 0px !important;
                        color: var(--text-primary) !important;
                    }

                    .hero-feature-text h4 {
                        font-size: 1.1em !important;
                    }

                    /* Platforms */
                    .platforms-section {
                        padding: 50px 0;
                        text-align: center;
                        margin-bottom: 80px;
                        background: none;
                        border-radius: 20px;
                        overflow: hidden;
                        /* Hide overflow for the scrolling area */
                        position: relative;
                        z-index: 2;
                    }

                    .platforms-logos {
                        display: flex;
                        width: max-content;
                        align-items: center;
                        gap: 80px;
                        margin-top: 30px;
                        padding: 10px 0;
                        animation: scroll-left 35s linear infinite;
                    }

                    .platform-logo-item {
                        height: 25px;
                        transition: all 0.3s ease;
                        flex-shrink: 0;
                    }

                    .platform-logo-item:hover {
                        opacity: 1;
                        filter: grayscale(0%);
                        transform: scale(1.1);
                    }

                    .info-content-section {
                        /* background: var(--bg-secondary); */
                        border-radius: 16px;
                        padding: 40px;
                        margin-top: 10px;
                        /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); */
                    }

                    @keyframes scroll-left {
                        0% {
                            transform: translateX(0);
                        }

                        100% {
                            transform: translateX(-50%);
                        }
                    }

                    @media (max-width: 700px) {
                        .platforms-section {
                            width: 350px;
                            padding: 30px 15px;
                            margin-bottom: 40px;
                        }

                        .platforms-section h3 {
                            font-size: 1.2em !important;
                            margin-bottom: 15px !important;
                        }

                        .platforms-logos {
                            gap: 40px;
                            margin-top: 20px;
                        }

                        .platform-logo-item {
                            height: 25px;
                            /* Significantly smaller for mobile */
                        }
                    }

                    @media (max-width: 480px) {
                        .info-content-section {
                            padding: 40px 15px !important;
                        }

                        .info-container {
                            gap: 20px !important;
                        }
                    }

                    /* How It Works */
                    .how-it-works-steps {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 40px;
                        margin-bottom: 80px;
                    }

                    .step-card {
                        position: relative;
                        text-align: center;
                        padding: 20px;
                    }

                    /* Connecting Line */
                    .step-card:not(:last-child)::after {
                        content: '';
                        position: absolute;
                        top: 40px;
                        /* Aligns with circle center */
                        right: -50%;
                        /* Reaches halfway to next item */
                        width: 100%;
                        height: 2px;
                        background: var(--border-color);
                        z-index: 0;
                    }

                    .file-upload-box {
                        background: var(--bg-secondary) !important;
                    }

                    @media (max-width: 700px) {
                        .step-card:not(:last-child)::after {
                            display: none;
                        }
                    }

                    @media (max-width: 700px) {

                        .niche-research-section,
                        .healing-section,
                        .sales-prediction-section {
                            width: 100% !important;
                            padding: 15px !important;
                            box-sizing: border-box !important;
                        }

                        .niche-research-section .file-upload-box,
                        .healing-section .file-upload-box,
                        .sales-prediction-section .file-upload-box {
                            padding: 15px !important;
                            box-sizing: border-box !important;
                        }

                        #salesWorkspace>div {
                            justify-content: center !important;
                        }

                        #salesResultPanel {
                            min-width: 100% !important;
                            box-sizing: border-box !important;
                        }

                        #salesWorkspace * {
                            box-sizing: border-box !important;
                        }
                    }

                    .step-number {
                        width: 60px;
                        height: 60px;
                        background: linear-gradient(135deg, #3B82F6, #2563EB);
                        color: white;
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-weight: bold;
                        margin: 0 auto 25px;
                        font-size: 1.5em;
                        position: relative;
                        z-index: 1;
                        box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3);
                    }

                    .step-content h3 {
                        margin-bottom: 12px;
                        font-size: 1.2em;
                        color: var(--text-primary);
                    }

                    /* How to Use Box */
                    .how-to-use-box {
                        background: var(--bg-card);
                        border-radius: 16px;
                        padding: 40px;
                        border: 1px solid var(--border-color);
                        margin-top: 40px;
                        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
                    }

                    /* Responsive */
                    @media (max-width: 700px) {
                        .how-it-works-steps {
                            grid-template-columns: 1fr;
                            gap: 30px;
                        }

                        .landing-section {
                            padding: 40px 15px;
                        }

                        .landing-title {
                            font-size: 1.8em;
                        }

                        .hero-btn {
                            flex-direction: column;
                            gap: 20px;
                        }

                    }

                    /* Update Banner Styling */
                    .update-banner {
                        background: linear-gradient(90deg, #1e293b 0%, #334155 100%);
                        border-left: 5px solid #F97316;
                        color: #F8FAFC;
                        padding: 14px 25px;
                        margin: 20px 20px 10px 20px;
                        border-radius: 12px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
                        animation: slideDown 0.5s ease-out;
                    }

                    .update-content {
                        display: flex;
                        align-items: center;
                        gap: 15px;
                    }

                    .update-icon {
                        font-size: 1.4em;
                        color: #F97316;
                    }

                    .update-text {
                        font-size: 0.95em;
                        line-height: 1.4;
                    }

                    .update-text strong {
                        color: #F97316;
                        margin-right: 5px;
                    }

                    .update-link {
                        color: #3B82F6;
                        text-decoration: underline;
                        font-weight: bold;
                        margin-left: 5px;
                        transition: color 0.2s;
                    }

                    .update-link:hover {
                        color: #60A5FA;
                    }

                    .close-update {
                        background: transparent;
                        border: none;
                        color: #94A3B8;
                        font-size: 24px;
                        cursor: pointer;
                        transition: color 0.2s;
                        padding: 0 0 0 15px;
                    }

                    .close-update:hover {
                        color: #EF4444;
                    }

                    @keyframes slideDown {
                        from {
                            transform: translateY(-20px);
                            opacity: 0;
                        }

                        to {
                            transform: translateY(0);
                            opacity: 1;
                        }
                    }

                    @media (max-width: 700px) {
                        .update-banner {
                            margin: 10px;
                            padding: 12px 15px;
                        }

                        .desktop-only {
                            display: none;
                        }

                        .update-text {
                            font-size: 0.85em;
                        }
                    }

                    /* Admin, Niche এবং Calendar মোডে থাকাকালীন ভিউ বাটন হাইড করার CSS */
                    body.mode-admin .add-more,
                    body.mode-niche .add-more,
                    body.mode-calendar .add-more {
                        display: none !important;
                    }

                    /* শুধুমাত্র Metadata এবং Image Prompt মোডে ভিউ বাটন দেখানোর জন্য */
                    body.mode-metadata .add-more,
                    body.mode-image-prompt .add-more {
                        display: flex !important;
                    }

                    /* Image to Prompt মোডে Translate সেকশন হাইড করার জন্য */
                    body.mode-image-prompt .meta-translation-controls {
                        display: none !important;
                    }

                    .prompt-actions-inline .action-button {
                        padding: 6px 7px !important;
                        font-size: 0.5em !important;
                    }


                    .prompt-tab-btn {
                        padding: 4px 12px;
                        border-radius: 6px;
                        cursor: pointer;
                        font-size: 0.7em;
                        font-weight: 600;
                        background: #6a65f2;
                        color: #ffffff;
                        align-items: center;
                        border: none;
                        margin-bottom: 4px;
                    }

                    /* Mobile Responsiveness */
                    @media (max-width: 600px) {
                        .prompt-tab-btn {
                            font-size: 0.7em;
                            padding: 8px 4px;
                            display: ruby-text;
                            width: 100%;
                        }

                        .prompt-tab-btn i,
                        .prompt-tab-btn span {
                            display: block;
                            /* Stack emoji and text on very small screens */
                        }

                        .prompt-actions-inline {
                            grid-template-columns: 1fr;
                            display: grid;
                        }

                        .prompt-actions-inline .action-button {
                            padding: 4px !important;
                            font-size: 0.85em !important;
                        }
                    }

                    /* Sales Prediction Scan Animation */
                    .sales-scan-container {
                        position: relative;
                        display: inline-block;
                        max-width: 300px;
                        max-height: 300px;
                        border-radius: 12px;
                        overflow: hidden;
                    }

                    .sales-scan-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(to bottom, rgba(139, 92, 246, 0.05), rgba(139, 92, 246, 0.2));
                        pointer-events: none;
                        z-index: 5;
                    }

                    .sales-scan-line {
                        position: absolute;
                        left: 0;
                        width: 100%;
                        height: 3px;
                        background: #8B5CF6;
                        box-shadow: 0 0 12px 3px rgba(139, 92, 246, 0.8);
                        animation: salesScanLaser 2s ease-in-out infinite;
                    }

                    @keyframes salesScanLaser {
                        0% {
                            top: 0%;
                        }

                        50% {
                            top: 100%;
                        }

                        100% {
                            top: 0%;
                        }
                    }

                    /* ========== PRICING PLAN STYLES ========== */
                    .pricing-section {
                        padding: 80px 20px;
                        background-color: var(--bg-primary);
                        text-align: center;
                    }

                    .pricing-header {
                        margin-bottom: 50px;
                    }

                    .pricing-header h2 {
                        font-size: 2.8em;
                        font-weight: 800;
                        color: var(--text-primary);
                        margin: 0 0 15px 0;
                        font-family: system-ui;
                    }

                    .pricing-header p {
                        color: var(--text-secondary);
                        font-size: 1.1em;
                    }

                    .pricing-grid {
                        display: grid;
                        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                        gap: 30px;
                        max-width: 1200px;
                        margin: 0 auto;
                    }

                    /* --- Dark Mode (Default) Pricing Card --- */
                    .pricing-card {
                        background: linear-gradient(141deg, rgba(0, 0, 0, 1) 0%, rgba(26, 15, 64, 1) 50%, rgba(19, 15, 64, 1) 100%) !important;
                        color: var(--text-primary);
                        border: 1px solid var(--border-color);
                        border-radius: 30px;
                        padding: 40px 30px;
                        position: relative;
                        transition: transform 0.3s ease, border-color 0.3s ease;
                        display: flex;
                        flex-direction: column;
                        text-align: left;
                    }

                    .pricing-card:hover {
                        transform: translateY(-10px);
                        border-color: var(--accent-orange);
                    }

                    /* --- Light Mode Pricing Card Overrides --- */
                    body.light-mode .pricing-card {
                        background: #ffffff !important;
                        color: #000000 !important;
                        border-color: rgba(0, 0, 0, 0.12) !important;
                    }

                    body.light-mode .pricing-card h3 {
                        color: inherit !important;
                    }

                    body.light-mode .pricing-card .price {
                        color: #000000 !important;
                    }

                    body.light-mode .pricing-card .price span {
                        color: #4b5563 !important;
                        /* Soft gray for "/ month" text */
                    }

                    body.light-mode .pricing-card .pricing-features li {
                        color: #1f2937 !important;
                        /* Soft black for features */
                    }

                    .most-popular-badge {
                        position: absolute;
                        top: -15px;
                        left: 50%;
                        transform: translateX(-50%);
                        background: var(--accent-blue);
                        color: white;
                        padding: 5px 20px;
                        border-radius: 20px;
                        font-size: 0.85em;
                        font-weight: 600;
                    }

                    .pricing-card h3 {
                        font-size: 1.8em;
                        font-weight: 700;
                        margin: 20px 0 10px 0px;
                        text-align: center;
                        padding: 0 30px 0 30px;
                    }

                    .price {
                        font-size: 3em;
                        font-weight: 800;
                        margin-bottom: 30px;
                        text-align: center;
                        font-family: system-ui;
                    }

                    .price span {
                        font-size: 0.4em;
                        color: var(--text-muted);
                        font-weight: 500;
                    }

                    .pricing-features {
                        list-style: none;
                        padding: 0;
                        margin: 0 0 40px 0;
                        flex-grow: 1;
                    }

                    .pricing-features li {
                        display: flex;
                        align-items: flex-start;
                        gap: 12px;
                        margin-bottom: 8px;
                        color: var(--text-secondary);
                        font-size: 0.95em;
                        line-height: 1.4;
                    }

                    .pricing-features li i {
                        color: var(--text-primary);
                        font-size: 1.1em;
                        margin-top: 3px;
                    }

                    .pricing-btn {
                        width: 100%;
                        padding: 14px;
                        border-radius: 12px;
                        border: none;
                        font-weight: 700;
                        font-size: 1em;
                        cursor: pointer;
                        transition: all 0.2s;
                        background: #94A3B8;
                        color: white;
                    }

                    .pricing-card.free .pricing-btn {
                        background: #04AA6D;
                    }

                    .pricing-card.popular .pricing-btn {
                        background: #2D66EB;
                    }

                    .pricing-card.premium .pricing-btn {
                        background: #8B5CF6;
                    }

                    .pricing-btn:hover {
                        opacity: 0.9;
                        transform: scale(1.02);
                    }

                    @media (max-width: 768px) {
                        .pricing-header h2 {
                            font-size: 2em;
                        }

                        .pricing-grid {
                            grid-template-columns: 1fr;
                        }
                    }
        
        .sidebar-upgrade-btn {
            background: linear-gradient(90deg, #F97316, #EA580C);
            color: white;
            border: none;
            border-radius: 8px;
            padding: 10px;
            margin: 10px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.9em;
            transition: all 0.2s;
        }

        .sidebar-upgrade-btn:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 4px 12px rgba(249, 115, 22, 0.4) !important;
        }

        .sidebar-section:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 4px 12px rgba(249, 115, 22, 0.4) !important;
        }

        @media (max-width: 900px) {
            .pricing-modal-content {
                width: calc(100% - 32px) !important;
                padding: 24px !important;
            }

            .pricing-grid {
                grid-template-columns: 1fr;
                max-height: 60vh;
                overflow-y: auto;
                padding-top: 10px;
            }
        }

        /* ========== PRICING PLAN STYLES ========== */
        .pricing-section {
            padding: 80px 20px;
            background-color: var(--bg-primary);
            text-align: center;
        }

        .pricing-header {
            margin-bottom: 50px;
        }

        .get-access-badge {
            background: rgba(148, 163, 184, 0.1);
            color: var(--text-muted);
            padding: 6px 16px;
            border: 1px solid #636060;
            border-radius: 20px;
            font-size: 0.9em;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 20px;
        }

        .pricing-header h2 {
            font-size: 2.8em;
            font-weight: 800;
            color: var(--text-primary);
            margin: 0 0 15px 0;
        }

        .pricing-header p {
            color: var(--text-secondary);
            font-size: 1.1em;
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .pricing-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 30px;
            padding: 20px;
            position: relative;
            transition: transform 0.3s ease, border-color 0.3s ease;
            display: flex;
            flex-direction: column;
            text-align: left;
        }

        .pricing-card:hover {
            transform: translateY(-10px);
            border-color: var(--accent-orange) !important;
        }

        .most-popular-badge {
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent-blue);
            color: white;
            padding: 5px 20px;
            border-radius: 20px;
            font-size: 0.85em;
            font-weight: 600;
        }

        .price {
            font-size: 3em;
            font-weight: 800;
            margin-bottom: 30px;
            text-align: center;
        }

        .price span {
            font-size: 0.4em;
            color: var(--text-muted);
            font-weight: 500;
        }

        .pricing-features {
            list-style: none;
            padding: 0;
            margin: 0 0 40px 0;
            flex-grow: 1;
        }

        .pricing-features li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 8px;
            color: var(--text-secondary);
            font-size: 0.95em;
            line-height: 1.4;
        }

        .pricing-features li i {
            color: var(--text-primary);
            font-size: 1.1em;
            margin-top: 3px;
        }

        .pricing-btn {
            width: 100%;
            padding: 14px;
            border-radius: 12px;
            border: none;
            font-weight: 700;
            font-size: 1em;
            cursor: pointer;
            transition: all 0.2s;
            background: #94A3B8;
            /* Grey for Free/Premium */
            color: white;
        }

        .pricing-card.free .pricing-btn {
            background: #04AA6D;
        }

        .pricing-card.popular .pricing-btn {
            background: #2D66EB;
        }

        .pricing-card.premium .pricing-btn {
            background: #8B5CF6;
        }

        .pricing-card.free .pricing-btn {
            background: #04AA6D;
        }

        .pricing-card.popular .pricing-btn {
            background: #2D66EB;
        }

        .pricing-card.premium .pricing-btn {
            background: #8B5CF6;
        }

        .pricing-btn:hover {
            opacity: 0.9;
            transform: scale(1.02);
        }

        @media (max-width: 768px) {
            .pricing-header h2 {
                font-size: 2em;
            }

            .pricing-grid {
                grid-template-columns: 1fr;
            }

            .daily-streak {
               width: 260px;
           }
        }

        .policy-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 2000;
            justify-content: center;
            align-items: center;
        }

        .policy-modal.visible {
            display: flex;
        }

        .policy-modal-content {
            background-color: var(--bg-primary);
            width: 100%;
            max-width: 800px;
            max-height: 90vh;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            display: flex;
            flex-direction: column;
            overflow: hidden;
            border: 1px solid var(--border-color);
        }

        .policy-modal-header {
            padding: 15px 20px;
            border-bottom: 1px solid var(--border-color);
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: var(--bg-secondary);
        }

        .policy-modal-header h2 {
            margin: 0;
            font-size: 1.25em;
            color: var(--text-primary);
        }

        .policy-modal-close {
            background: none;
            border: none;
            font-size: 1.5em;
            color: var(--text-secondary);
            cursor: pointer;
            transition: color 0.2s;
        }

        .policy-modal-close:hover {
            color: var(--accent-orange);
        }

        .policy-modal-body {
            padding: 0px;
            overflow-y: auto;
            line-height: 1.6;
            color: var(--text-primary);
        }

        .policy-section {
            margin-bottom: 20px;
        }

        .policy-section h4 {
            color: var(--accent-orange);
            margin-bottom: 10px;
        }

        /* Cookie Consent Banner */
        .cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: var(--bg-secondary);
            border-top: 1px solid var(--border-color);
            padding: 15px 20px;
            display: none;
            justify-content: center;
            align-items: center;
            gap: 20px;
            z-index: 9999;
            box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.2);
            flex-wrap: wrap;
        }

        .cookie-banner p {
            margin: 0;
            color: var(--text-secondary);
            font-size: 0.9em;
        }

        .cookie-banner a {
            color: var(--accent-orange);
            text-decoration: none;
        }

        .cookie-banner button {
            background: var(--accent-orange);
            color: white;
            border: none;
            padding: 8px 20px;
            border-radius: 6px;
            cursor: pointer;
            font-weight: 600;
            font-size: 0.9em;
        }

        .cookie-banner button:hover {
            background: #ea580c;
        }

        /* AI Chat Widget Message Styles */
        .chat-message-wrapper {
            display: flex;
            margin-bottom: 15px;
            align-items: flex-end;
            width: 100%;
        }

        .ai-wrapper {
            justify-content: flex-start;
        }

        .user-wrapper {
            justify-content: flex-end;
        }

        .chat-avatar {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #F97316;
            /* Orange color */
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            flex-shrink: 0;
            margin-right: 10px;
        }

        .chat-message {
            max-width: 80%;
            padding: 10px 14px;
            font-size: 0.9em;
            line-height: 1.4;
            word-wrap: break-word;
        }

        .message-ai {
            background: var(--bg-card);
            /* Light Grayish Blue */
            color: var(--text-secondary);
            /* Dark Text */
            border-radius: 16px 16px 16px 4px;
            border: 1px solid #E2E8F0;
        }

        .message-user {
            background-color: #F97316;
            /* Theme Orange */
            color: #ffffff;
            /* White Text */
            border-radius: 16px 16px 4px 16px;
            margin-left: auto;
        }

        .chat-message p {
            margin: 0;
            padding: 0;
        }
   
        @keyframes giftBounce {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-10px);
            }
        }

        .trial-toast {
            position: fixed;
            bottom: 30px;
            right: 30px;
            z-index: 99998;
            background: linear-gradient(135deg, #1E293B, #0F172A);
            border: 1px solid rgba(59, 130, 246, 0.3);
            border-radius: 14px;
            padding: 14px 22px;
            color: #E2E8F0;
            font-size: 0.9em;
            font-weight: 600;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
            animation: toastSlideIn 0.4s ease-out, toastFadeOut 0.4s ease-in 3.5s forwards;
            display: flex;
            align-items: center;
            gap: 10px;
            max-width: 350px;
        }

        @keyframes toastSlideIn {
            from {
                transform: translateX(100px);
                opacity: 0;
            }

            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes toastFadeOut {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
                transform: translateY(10px);
            }
        }

        .trial-badge-tag {
            display: inline-block;
            font-size: 0.65em;
            padding: 2px 6px;
            border-radius: 4px;
            margin-left: 5px;
            font-weight: 700;
            vertical-align: middle;
            line-height: 1;
        }

        .trial-badge-active {
            background: rgba(16, 185, 129, 0.2);
            color: #10B981;
            border: 1px solid rgba(16, 185, 129, 0.4);
        }

        .trial-badge-locked {
            background: rgba(239, 68, 68, 0.15);
            color: #EF4444;
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
   

/* ===== Metadata Generation Options Popup ===== */
#metaGenOptionsOverlay {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    align-items: center;
    justify-content: center;
    animation: mgPopFadeIn 0.25s ease;
}

@keyframes mgPopFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.mg-popup-card {
    background: var(--bg-modal, #1E293B);
    border: 1px solid var(--border-color, #334155);
    border-radius: 16px;
    padding: 28px 32px 24px;
    width: 90%;
    max-width: 420px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    animation: mgPopSlideUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes mgPopSlideUp {
    from { opacity: 0; transform: translateY(30px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.mg-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-color, #334155);
}

.mg-popup-header h3 {
    margin: 0;
    font-size: 1.15em;
    font-weight: 700;
    color: var(--accent-orange, #F97316);
    display: flex;
    align-items: center;
    gap: 8px;
}

.mg-popup-close {
    background: none;
    border: none;
    color: var(--text-muted, #94A3B8);
    font-size: 1.5em;
    cursor: pointer;
    transition: color 0.2s;
    line-height: 1;
    padding: 0;
}

.mg-popup-close:hover {
    color: #EF4444;
}

.mg-popup-desc {
    font-size: 0.82em;
    color: var(--text-muted, #94A3B8);
    margin-bottom: 18px;
    line-height: 1.5;
}

.mg-checkbox-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
}

.mg-checkbox-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: var(--bg-input, #0F172A);
    border: 1px solid var(--border-color, #334155);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mg-checkbox-item:hover {
    border-color: var(--accent-orange, #F97316);
    background: rgba(249, 115, 22, 0.05);
}

.mg-checkbox-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #F97316;
    cursor: pointer;
    flex-shrink: 0;
}

.mg-checkbox-item .mg-cb-icon {
    font-size: 1.1em;
    width: 22px;
    text-align: center;
    flex-shrink: 0;
}

.mg-checkbox-item .mg-cb-label {
    font-size: 0.88em;
    font-weight: 600;
    color: var(--text-primary, #F8FAFC);
    flex: 1;
}

.mg-checkbox-item .mg-cb-tag {
    font-size: 0.65em;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
    background: rgba(139, 92, 246, 0.15);
    color: #A78BFA;
    white-space: nowrap;
}

.mg-popup-actions {
    display: flex;
    gap: 10px;
}

.mg-popup-actions .mg-generate-btn {
    flex: 1;
    padding: 12px 20px;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.95em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(90deg, #F97316 0%, #ea580c 100%);
    color: white;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
}

.mg-popup-actions .mg-generate-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45);
}

.mg-popup-actions .mg-cancel-btn {
    padding: 12px 20px;
    border: 1px solid var(--border-color, #334155);
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.9em;
    cursor: pointer;
    background: var(--bg-tertiary, #334155);
    color: var(--text-secondary, #CBD5E1);
    transition: all 0.2s;
}

.mg-popup-actions .mg-cancel-btn:hover {
    background: #EF4444;
    color: white;
    border-color: #EF4444;
}

@media (max-width: 500px) {
    .mg-popup-card {
        padding: 20px 18px 18px;
        max-width: 95%;
    }

    .mg-popup-actions {
        flex-direction: column;
    }
}



/* ==========================================================
   Universal State & Modal Styles (Extracted from dom-init.js)
   ========================================================== */

.hidden {
    display: none !important;
}

.login-modal.hidden {
    display: none !important;
}

.profile-modal.hidden {
    display: none !important;
}

.profile-modal-backdrop.hidden {
    display: none !important;
}

.icon-copy:before { content: "📋"; }
    .icon-check:before { content: "✓"; }
    .icon-download:before { content: "⬇"; }
    .icon-embed:before { content: "📥"; }
    .icon-error:before { content: "✕"; }
    .icon-process:before { content: "⚙️"; }
    .icon-export-csv:before { content: "📄"; }
    .icon-info:before { content: "ℹ️"; }
    .icon-clear:before { content: "🗑️"; }
    .icon-api-key:before { content: "🔑"; }
    .icon-metadata:before { content: "📝"; margin-right: 5px; }
    .icon-image-to-prompt:before { content: "🖼️"; margin-right: 5px; }
    .icon-dalle:before { content: "✨"; margin-right: 5px; }
    .icon-dropdown-arrow:before { content: "▼"; display: inline-block; transition: transform 0.3s; margin-left: 10px; margin-top: 8px; }
    .collapsible-header.open .icon-dropdown-arrow:before { transform: rotate(180deg); }
    .icon-spinner:before { content: "𖤓"; animation: spin 1s linear infinite; display: inline-block; }
    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

    /* Export Dropdown Styles */
    .export-dropdown {
        position: relative;
        display: inline-block;
    }

    .export-dropdown-content {
        display: none;
        position: absolute;
        right: 0;
        background-color: var(--bg-tertiary);
        min-width: 160px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        z-index: 1;
        border-radius: 8px;
        border: 1px solid var(--border-color);
        overflow: hidden;
    }

    .export-dropdown-content a {
        color: var(--text-primary);
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        font-size: 0.9em;
        transition: background-color 0.2s;
    }

    .export-dropdown-content a:hover {
        background-color: var(--bg-input);
        color: var(--accent-orange);
    }

    .export-dropdown.show .export-dropdown-content {
        display: block;
    }

    .login-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: flex;
        z-index: 9999;
        overflow: hidden;
    }

    .login-modal.hidden {
        display: none;
    }

    .login-split-layout {
        display: flex;
        width: 100%;
        height: 100%;
    }

    /* Left Pane */
    .login-left-pane {
        position: relative;
        width: 50%;
        background: linear-gradient(135deg, #7B2FF2 0%, #9B59B6 25%, #2196F3 50%, #00BCD4 75%, #7B2FF2 100%);
        background-size: 400% 400%;
        animation: loginGradientShift 12s ease infinite;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding: 40px;
    }

    @keyframes loginGradientShift {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    /* Floating Bubbles */
    .login-bubble {
        position: absolute;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(4px);
    }

    .login-bubble-1 {
        width: 200px; height: 200px;
        top: -40px; left: -40px;
        animation: loginBubbleFloat1 8s ease-in-out infinite;
    }
    .login-bubble-2 {
        width: 120px; height: 120px;
        top: 30%; right: -20px;
        background: rgba(255, 255, 255, 0.1);
        animation: loginBubbleFloat2 10s ease-in-out infinite;
    }
    .login-bubble-3 {
        width: 80px; height: 80px;
        bottom: 20%; left: 15%;
        background: rgba(255, 255, 255, 0.12);
        animation: loginBubbleFloat3 7s ease-in-out infinite;
    }
    .login-bubble-4 {
        width: 300px; height: 300px;
        bottom: -80px; right: -60px;
        background: rgba(255, 255, 255, 0.05);
        animation: loginBubbleFloat4 14s ease-in-out infinite;
    }
    .login-bubble-5 {
        width: 50px; height: 50px;
        top: 55%; left: 50%;
        background: rgba(255, 255, 255, 0.15);
        animation: loginBubbleFloat5 6s ease-in-out infinite;
    }
    .login-bubble-6 {
        width: 160px; height: 160px;
        top: 10%; left: 60%;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        animation: loginBubbleFloat6 11s ease-in-out infinite;
    }

    @keyframes loginBubbleFloat1 {
        0%, 100% { transform: translate(0, 0) scale(1); }
        50% { transform: translate(30px, 40px) scale(1.1); }
    }
    @keyframes loginBubbleFloat2 {
        0%, 100% { transform: translate(0, 0) scale(1); }
        50% { transform: translate(-25px, 30px) scale(0.9); }
    }
    @keyframes loginBubbleFloat3 {
        0%, 100% { transform: translate(0, 0); }
        50% { transform: translate(20px, -25px); }
    }
    @keyframes loginBubbleFloat4 {
        0%, 100% { transform: translate(0, 0) scale(1); }
        50% { transform: translate(-40px, -30px) scale(1.05); }
    }
    @keyframes loginBubbleFloat5 {
        0%, 100% { transform: translate(0, 0); }
        50% { transform: translate(-15px, 20px); }
    }
    @keyframes loginBubbleFloat6 {
        0%, 100% { transform: translate(0, 0) scale(1); }
        50% { transform: translate(20px, -35px) scale(1.08); }
    }

    /* Left pane content */
    .login-left-content {
        position: relative;
        z-index: 2;
        color: #fff;
        max-width: 420px;
        animation: loginSlideInLeft 0.6s ease-out;
    }

    @keyframes loginSlideInLeft {
        from { opacity: 0; transform: translateX(-30px); }
        to { opacity: 1; transform: translateX(0); }
    }

    .login-left-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 30px;
    }

    .login-logo-icon {
        font-size: 1.6em;
        filter: drop-shadow(0 0 6px rgba(255,255,255,0.4));
    }

    .login-logo-text {
        font-size: 1.2em;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }

    .login-left-title {
        font-size: 2.5em;
        font-weight: 800;
        line-height: 1.1;
        margin: 0 0 12px 0;
        text-shadow: 0 4px 20px rgba(0,0,0,0.15);
        color: #fff;
    }

    .login-left-subtitle {
        font-size: 1.1em;
        opacity: 0.85;
        margin: 0 0 35px 0;
        letter-spacing: 0.03em;
        color: aquamarine;
    }

    .login-features-list {
        display: flex;
        flex-direction: column;
        gap: 18px;
        margin-bottom: 40px;
    }

    .login-feature-item {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 14px 16px;
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.12);
        transition: transform 0.2s ease, background 0.2s ease;
    }

    .login-feature-item:hover {
        transform: translateX(6px);
        background: rgba(255, 255, 255, 0.16);
    }

    .login-feature-icon {
        font-size: 1.5em;
        flex-shrink: 0;
        margin-top: 2px;
    }

    .login-feature-item strong {
        font-size: 0.95em;
        display: block;
        margin-bottom: 3px;
    }

    .login-feature-item p {
        font-size: 0.82em;
        margin: 0;
        opacity: 0.8;
        line-height: 1.4;
    }

    .login-left-footer {
        font-size: 0.85em;
        opacity: 0.6;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    /* Right Pane */
    .login-right-pane {
        width: 50%;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 40px;
        overflow-y: auto;
    }

    .login-close-btn {
        position: absolute;
        top: 18px;
        right: 22px;
        background: none;
        border: none;
        font-size: 1.8em;
        color: #999;
        cursor: pointer;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all 0.2s;
        z-index: 10;
    }

    .login-close-btn:hover {
        background: #f0f0f0;
        color: #333;
    }

    .login-container {
        max-width: 380px;
        width: 100%;
        animation: loginSlideInRight 0.6s ease-out;
    }

    @keyframes loginSlideInRight {
        from { opacity: 0; transform: translateX(30px); }
        to { opacity: 1; transform: translateX(0); }
    }

    .login-header {
        margin-bottom: 8px;
    }

    .login-greeting {
        font-size: 1.6em;
        font-weight: 700;
        color: #1a1a2e;
        margin: 0 0 2px 0;
    }

    .login-time-greeting {
        font-size: 1.1em;
        color: #7B2FF2;
        font-weight: 500;
        margin: 0 0 20px 0;
    }

    .login-form-title {
        font-size: 1.05em;
        color: #333;
        margin: 0 0 25px 0;
        font-weight: 500;
    }

    .login-form-group {
        margin-bottom: 20px;
    }

    .login-form-group label {
        display: block;
        color: #666;
        font-weight: 500;
        margin-bottom: 6px;
        font-size: 0.88em;
        letter-spacing: 0.02em;
    }

    .login-form-group input {
        width: 100%;
        padding: 10px 2px;
        background: transparent;
        border: none;
        border-bottom: 2px solid #e0e0e0;
        color: #1a1a2e;
        font-size: 0.95em;
        box-sizing: border-box;
        transition: border-color 0.3s ease;
        outline: none;
        border-radius: 0;
    }

    .login-form-group input:focus {
        border-bottom-color: #7B2FF2;
    }

    .login-form-group input::placeholder {
        color: #bbb;
    }

    .login-options-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 22px;
        font-size: 0.82em;
    }

    .login-remember {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #666;
        cursor: pointer;
    }

    .login-remember input[type="checkbox"] {
        width: 15px;
        height: 15px;
        accent-color: #7B2FF2;
        cursor: pointer;
    }

    .login-forgot {
        color: #7B2FF2;
        text-decoration: none;
        font-weight: 500;
        transition: color 0.2s;
    }

    .login-forgot:hover {
        color: #5a1fbf;
        text-decoration: underline;
    }

    .login-button {
        width: 100%;
        padding: 13px 16px;
        border: none;
        border-radius: 6px;
        font-weight: 700;
        font-size: 0.95em;
        cursor: pointer;
        transition: all 0.3s ease;
        text-align: center;
        letter-spacing: 0.08em;
    }

    .login-button.primary {
        background: linear-gradient(135deg, #7B2FF2 0%, #2196F3 100%);
        color: white;
        box-shadow: 0 4px 15px rgba(123, 47, 242, 0.3);
    }

    .login-button.primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 22px rgba(123, 47, 242, 0.45);
    }

    .login-button.primary:active {
        transform: translateY(0);
    }

    .login-button.google-button {
        background: #fff;
        color: #333;
        border: 1.5px solid #e0e0e0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-weight: 600;
        letter-spacing: 0.02em;
    }

    .login-button.google-button:hover {
        background: #f7f7f7;
        transform: translateY(-1px);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    }

    .login-divider {
        display: flex;
        align-items: center;
        margin: 22px 0;
        gap: 12px;
    }

    .login-divider-line {
        flex: 1;
        height: 1px;
        background: #e0e0e0;
    }

    .login-divider span {
        color: #aaa;
        font-size: 0.8em;
        font-weight: 500;
        letter-spacing: 0.05em;
    }

    .login-toggle {
        text-align: center;
        margin-top: 20px;
        color: #888;
        font-size: 0.9em;
    }

    .login-toggle a {
        color: #7B2FF2;
        cursor: pointer;
        text-decoration: none;
        font-weight: 600;
    }

    .login-toggle a:hover {
        text-decoration: underline;
    }

    .login-error {
        background: #fef2f2;
        border: 1px solid #fca5a5;
        color: #b91c1c;
        padding: 12px;
        border-radius: 8px;
        margin-bottom: 18px;
        font-size: 0.88em;
        display: none;
    }

    .login-error.show {
        display: block;
    }

    .login-success {
        background: #f0fdf4;
        border: 1px solid #86efac;
        color: #166534;
        padding: 12px;
        border-radius: 8px;
        margin-bottom: 18px;
        font-size: 0.88em;
        display: none;
    }

    .login-success.show {
        display: block;
    }

    /* Responsive: Stack on mobile */
    @media (max-width: 768px) {
        .login-split-layout {
            flex-direction: column;
        }
        .login-left-pane {
            width: 100%;
            min-height: 220px;
            padding: 30px 24px;
        }
        .login-left-title {
            font-size: 2em;
        }
        .login-features-list {
            display: none;
        }
        .login-right-pane {
            width: 100%;
            flex: 1;
            padding: 30px 24px;
        }
    }

    .user-profile {
        position: fixed;
        top: 70px;
        right: 20px;
        display: none;
        align-items: center;
        gap: 15px;
        z-index: 1000;
    }

    .user-profile.visible {
        display: flex;
    }

    .user-email {
        color: #E2E8F0;
        font-size: 0.9em;
        background: #1E293B;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #334155;
    }

    .logout-btn {
        background: #EF4444;
        color: white;
        border: none;
        padding: 8px 14px;
        border-radius: 6px;
        cursor: pointer;
        font-weight: 600;
        font-size: 0.85em;
        transition: background 0.2s;
        display: none; /* Hidden - removed from header */
    }

    .logout-btn:hover {
        background: #DC2626;
    }

        /* Profile Header Button */
        .profile-header-btn {
            background: none;
            border: 1.5px solid #334155;
            color: #F8FAFC;
            border-radius: 8px;
            cursor: pointer;
            padding: 4px 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
            width: 38px;
            height: 34px;
        }

        .profile-avatar-small {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #7C7CED 0%, #5B5BED 100%);
            color: white;
            font-weight: 600;
            font-size: 0.9em;
            overflow: hidden;
        }

        .profile-header-btn:hover {
            background-color: #334155;
            border-color: #F97316;
            color: #F97316;
            transform: scale(1.05);
        }

        /* Profile Modal Styles */
        .profile-modal {
            position: fixed;
            top: 65px;
            right: 20px;
            background: var(--bg-modal);
            border-radius: 12px;
            box-shadow: 0 8px 32px var(--shadow-md);
            border: 1.5px solid var(--border-color);
            width: 350px;
            max-width: 90vw;
            z-index: 2000;
            display: flex;
            flex-direction: column;
            animation: slideDown 0.3s ease-out;
        }

        .profile-modal.hidden {
            display: none;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .profile-modal-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1999;
        }

        .profile-modal-backdrop.hidden {
            display: none;
        }

    .profile-modal-close {
        position: absolute;
        top: 12px;
        right: 12px;
        background: none;
        border: none;
        color: #94A3B8;
        font-size: 1.6em;
        cursor: pointer;
        transition: color 0.2s ease;
        padding: 0;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

    .profile-modal-close:hover {
        color: #F97316;
    }

    .profile-modal-body {
        padding: 28px 20px 20px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        position: relative;
        overflow-y: auto;
        height: 580px;
    }

    .profile-avatar-section {
        margin-bottom: 4px;
    }

    .profile-avatar {
        width: 96px;
        height: 96px;
        background: linear-gradient(135deg, #7C7CED 0%, #5B5BED 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        box-shadow: 0 4px 16px rgba(123, 124, 237, 0.4);
        position: relative;
        overflow: hidden;
    }

    .profile-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .profile-avatar svg {
        color: white;
    }

    .profile-user-info {
        text-align: center;
        width: 100%;
    }

    .profile-user-info h2 {
        color: var(--text-primary);
        margin: 0 0 4px 0;
        font-size: 1.1em;
        font-weight: 600;
    }

    .profile-user-info p {
        color: var(--text-secondary);
        margin: 0;
        font-size: 0.85em;
    }

    .profile-divider {
        width: calc(100% + 40px);
        height: 1px;
        background: var(--border-color);
        margin: 0 -20px;
    }

    .profile-actions {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .profile-action-btn {
        width: 100%;
        padding: 12px 16px;
        background: none;
        border: none;
        border-bottom: 1px solid var(--border-color);
        color: var(--text-secondary);
        font-weight: 500;
        font-size: 0.9em;
        cursor: pointer;
        transition: background 0.2s ease;
        display: flex;
        align-items: center;
        gap: 12px;
        text-align: left;
    }

    .profile-action-btn:last-child {
        border-bottom: none;
    }

    .profile-action-btn:hover {
        background: var(--bg-tertiary);
    }

    .profile-action-btn span:first-child {
        font-size: 1.2em;
    }

    .profile-footer {
        width: 100%;
        text-align: center;
        padding-top: 12px;
        color: #64748B;
        font-size: 0.75em;
    }

    .profile-footer a {
        color: #64748B;
        text-decoration: none;
        transition: color 0.2s ease;
    }

    .profile-footer a:hover {
        color: #94A3B8;
    }

    .profile-dot {
        margin: 0 4px;
    }        @media (max-width: 600px) {
            .profile-modal {
                width: calc(100vw - 40px);
                right: 20px;
            }
        }