:root{--color-sidebar: #0F172A;--color-sidebar-hover: #1E293B;--color-sidebar-active: #B7E63A;--color-sidebar-text: #CBD5E1;--color-sidebar-text-active: #000000;--color-sidebar-category: #64748B;--color-sidebar-border: rgba(255, 255, 255, .08);--color-accent: #B7E63A;--color-accent-hover: #A5D42F;--color-accent-soft: #D2F26C;--color-accent-light: rgba(183, 230, 58, .18);--color-accent-glow: rgba(183, 230, 58, .26);--color-on-accent: #111827;--color-bg: #F4F5F7;--color-surface: #FFFFFF;--color-border: #E5E7EB;--color-border-light: #F1F3F5;--color-text: #111827;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-success: #16A34A;--color-success-bg: #EAF7EE;--color-error: #DC2626;--color-error-bg: #FEF2F2;--color-error-border: rgba(220, 38, 38, .2);--color-error-border-strong: rgba(220, 38, 38, .34);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-bg-soft: rgba(245, 158, 11, .16);--color-warning-border: rgba(245, 158, 11, .35);--color-free: #6B7280;--color-free-bg: #E5E7EB;--color-pro: #B7E63A;--color-business: #334155;--color-business-bg: rgba(51, 65, 85, .1);--color-login-gradient: linear-gradient(135deg, #0F172A 0%, #334155 62%, #B7E63A 100%);--color-login-text: rgba(255, 255, 255, .9);--color-login-text-muted: rgba(255, 255, 255, .72);--color-billing-save-bg: rgba(183, 230, 58, .28);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(17, 24, 39, .05), 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 4px 12px rgba(17, 24, 39, .06), 0 1px 4px rgba(17, 24, 39, .04);--shadow-lg: 0 12px 40px rgba(17, 24, 39, .08), 0 4px 12px rgba(17, 24, 39, .05);--shadow-xl: 0 20px 60px rgba(17, 24, 39, .12), 0 8px 20px rgba(17, 24, 39, .06);--sidebar-width: 260px;--header-height: 64px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);background-color:var(--color-bg);line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:24px;background:var(--color-bg)}.header-bar{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.header-left{display:flex;align-items:center}.header-title{font-size:1.125rem;font-weight:600;color:var(--color-text)}.header-right{display:flex;align-items:center;gap:16px}.header-pricing-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header-pricing-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-light)}.header-profile-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header-profile-btn:hover,.header-profile-btn.has-profile{color:var(--color-sidebar);border-color:var(--color-accent);background:var(--color-accent-light)}.header-profile-btn.needs-attention{border:2px solid var(--color-error);color:var(--color-error);animation:profile-btn-attention 2s ease-in-out infinite}.header-profile-btn.needs-attention:hover{color:var(--color-error);border-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 8%,transparent)}@keyframes profile-btn-attention{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-error) 40%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--color-error) 0%,transparent)}}.header-user{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.header-user:hover{background:var(--color-bg)}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border)}.header-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.header-user-name{font-size:.875rem;font-weight:500;color:var(--color-text)}.header-logout{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.header-logout:hover{color:var(--color-error);background:var(--color-error-bg)}.header-credits{display:flex;align-items:center;gap:5px;padding:5px 12px;font-size:.8125rem;font-weight:600;font-family:inherit;color:var(--color-sidebar);background:var(--color-accent-light);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.header-credits:hover{background:color-mix(in srgb,var(--color-accent-light) 70%,var(--color-accent) 30%)}.header-credits.low{color:var(--color-warning, #f59e0b);background:var(--color-warning-bg, #fffbeb);border-color:color-mix(in srgb,var(--color-warning, #f59e0b) 30%,transparent)}.header-credits-value{font-variant-numeric:tabular-nums}.tier-badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm)}.tier-free{background:var(--color-free-bg);color:var(--color-free)}.tier-pro{background:var(--color-accent-light);color:var(--color-sidebar)}.tier-business{background:var(--color-business-bg);color:var(--color-business)}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--color-sidebar);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--color-sidebar-border)}.sidebar-collapsed-bar{display:none;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid var(--color-sidebar-border);color:var(--color-sidebar-text-active);font-size:.875rem;font-weight:600;text-align:left}.sidebar-collapsed-tool{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-sidebar-text)}.sidebar-collapsed-change{display:flex;align-items:center;flex-shrink:0;gap:4px;padding-left:8px;font-size:.75rem;font-weight:600;color:var(--color-accent)}.sidebar-logo{display:flex;align-items:center;gap:10px;color:var(--color-sidebar-text);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;background:none;border:none;padding:0;font-family:inherit;cursor:pointer}.sidebar-logo:hover{opacity:.85}.sidebar-logo svg{color:var(--color-accent)}.sidebar-nav-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:12px 0}.sidebar-scroll-fade{position:absolute;left:0;right:0;bottom:0;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding-bottom:6px;background:linear-gradient(to bottom,transparent,var(--color-sidebar) 75%);pointer-events:none;animation:sidebar-scroll-pulse 1.8s ease-in-out infinite}.sidebar-scroll-text{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-sidebar-text)}.sidebar-scroll-chevron{color:var(--color-sidebar-text)}@keyframes sidebar-scroll-pulse{0%,to{opacity:.5}50%{opacity:1}}.sidebar-category{margin-bottom:8px}.sidebar-category-header{display:flex;align-items:center;gap:6px;padding:8px 20px 6px}.sidebar-category-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-sidebar-category)}.sidebar-category-info{display:inline-flex;align-items:center;color:var(--color-sidebar-category);opacity:.6;cursor:help;transition:opacity var(--transition-fast);flex-shrink:0}.sidebar-category-info:hover{opacity:1}.sidebar-category-tooltip{position:fixed;transform:translateY(-50%);background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;font-weight:400;line-height:1.55;padding:10px 14px;border-radius:var(--radius-md);width:230px;z-index:500;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);pointer-events:none}.sidebar-tool-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 20px;color:var(--color-sidebar-text);font-size:.875rem;font-weight:450;text-align:left;transition:all var(--transition-fast);position:relative;border:none;background:none;cursor:pointer}.sidebar-tool-item:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text)}.sidebar-tool-item.active{background:var(--color-sidebar-active);color:var(--color-sidebar-text-active)}.sidebar-tool-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--color-accent);border-radius:0 2px 2px 0}.sidebar-tool-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.sidebar-tool-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;gap:12px}.sidebar-pricing-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--color-accent);color:var(--color-on-accent);font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-pricing-link:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--color-accent-glow)}.sidebar-tier-badge{display:flex;justify-content:center}.focus-timer{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--color-sidebar-hover);border:1px solid var(--color-sidebar-border);border-radius:var(--radius-md)}.focus-timer-label{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:700;color:var(--color-sidebar-text);text-transform:uppercase;letter-spacing:.04em}.focus-timer-adjust-row{display:flex;align-items:center;justify-content:center;gap:14px}.focus-timer-adjust-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--color-sidebar-border);background:none;color:var(--color-sidebar-text);transition:all var(--transition-fast)}.focus-timer-adjust-btn:hover:not(:disabled){background:var(--color-sidebar-border);color:var(--color-sidebar-text-active)}.focus-timer-adjust-btn:disabled{opacity:.35;cursor:default}.focus-timer-duration{min-width:56px;text-align:center;font-size:.9375rem;font-weight:700;color:var(--color-sidebar-text);font-variant-numeric:tabular-nums}.focus-timer-countdown{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-sidebar-text);font-variant-numeric:tabular-nums;letter-spacing:.02em}.focus-timer-track{width:100%;height:5px;border-radius:999px;background:var(--color-sidebar-border);overflow:hidden}.focus-timer-fill{height:100%;background:var(--color-accent);transition:width 1s linear}.focus-timer-start-btn,.focus-timer-stop-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 12px;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.focus-timer-start-btn{background:var(--color-accent);color:var(--color-on-accent)}.focus-timer-start-btn:hover{background:var(--color-sidebar-text);transform:translateY(-1px)}.focus-timer-stop-btn{background:none;border:1px solid var(--color-sidebar-border);color:var(--color-sidebar-text)}.focus-timer-stop-btn:hover{background:var(--color-sidebar-border);color:var(--color-sidebar-text)}.focus-timer-done{display:flex;flex-direction:column;gap:8px;text-align:center;font-size:.8125rem;color:var(--color-sidebar-text-active)}.dashboard-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:calc(100vh - var(--header-height) - 48px);min-height:0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:300px;color:var(--color-text-muted)}.tool-panel{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:28px;display:flex;flex-direction:column;overflow-y:auto}.tool-panel-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 32px;flex:1}.welcome-icon{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--color-accent-light);color:var(--color-accent);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.tool-panel-welcome h2{font-size:1.375rem;font-weight:700;color:var(--color-text);margin-bottom:8px}.tool-panel-welcome p{font-size:.9375rem;color:var(--color-text-secondary);max-width:360px;line-height:1.6}.welcome-hint{display:flex;align-items:center;gap:8px;margin-top:28px;padding:10px 18px;background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.8125rem}.welcome-hint.welcome-hint-secondary{margin-top:12px}.welcome-profile-callout{display:flex;align-items:flex-start;gap:14px;margin-top:28px;padding:16px 20px;background:var(--color-accent-light);border:1.5px solid var(--color-accent);border-radius:var(--radius-lg);max-width:380px;width:100%}.welcome-profile-arrow{font-size:1.75rem;line-height:1;color:var(--color-accent);animation:bounce-up 1.4s ease-in-out infinite;flex-shrink:0}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.welcome-profile-text{display:flex;flex-direction:column;gap:3px}.welcome-profile-text strong{font-size:.9rem;font-weight:700;color:var(--color-accent)}.welcome-profile-text span{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}.welcome-profile-text span strong{color:var(--color-text)}.tool-panel-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--color-border-light)}.tool-panel-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:6px}.tool-panel-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.tool-panel-form{display:flex;flex-direction:column;gap:20px}.tool-advanced-section{border-top:1px solid var(--color-border-light);padding-top:16px;margin-top:-4px}.tool-advanced-toggle{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);transition:color var(--transition-fast)}.tool-advanced-toggle:hover{color:var(--color-text)}.tool-advanced-body{display:flex;flex-direction:column;gap:20px;margin-top:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8125rem;font-weight:600;color:var(--color-text)}.form-required{color:var(--color-error);margin-left:2px}.form-help-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:6px;color:var(--color-text-muted);cursor:help;vertical-align:middle}.form-help-tooltip:hover{color:var(--color-accent)}.form-help-text{position:fixed;transform:translate(-50%,calc(-100% - 8px));background:var(--color-sidebar);color:var(--color-sidebar-text);font-size:.75rem;font-weight:400;line-height:1.5;padding:8px 12px;border-radius:var(--radius-md);white-space:pre-line;width:max-content;max-width:260px;z-index:500;filter:drop-shadow(0 12px 24px rgba(15,23,42,.25)) drop-shadow(0 4px 8px rgba(15,23,42,.15));pointer-events:none}.form-help-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-sidebar)}.form-input,.form-textarea,.form-select{padding:10px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);transition:all var(--transition-fast);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);background:var(--color-surface)}.form-inline-hint{padding:10px 14px;font-size:.8125rem;color:var(--color-text-muted);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-dropzone-wrap{display:flex;flex-direction:column;gap:4px}.form-textarea.dropzone-active{border-color:var(--color-accent);border-style:dashed;background:var(--color-accent-light)}.form-dropzone-hint{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted)}.form-dropzone-error{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-error)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239b9bb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:12px;transition:all var(--transition-normal);flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all var(--transition-normal);box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--color-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.8125rem;color:var(--color-text-secondary);font-weight:500}.btn-execute{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--color-accent);color:var(--color-on-accent);font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-top:8px}.btn-execute:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--color-accent-glow)}.btn-execute:active:not(:disabled){transform:translateY(0)}.btn-execute:disabled{opacity:.7;cursor:not-allowed}.output-panel{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:28px;display:flex;flex-direction:column;overflow-y:auto}.output-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 32px;text-align:center;color:var(--color-text-muted);flex:1}.output-empty p{font-size:.9375rem}.tool-guide{display:flex;flex-direction:column;gap:16px}.tool-guide-header{display:flex;align-items:center;gap:10px}.tool-guide-icon{display:flex;color:var(--color-accent)}.tool-guide-title{font-size:1.0625rem;font-weight:700;margin:0}.tool-guide-section-title{display:block;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--color-text)}.output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.output-success-badge{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--color-success);background:var(--color-success-bg);padding:4px 12px;border-radius:var(--radius-sm)}.execution-time{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg);padding:4px 10px;border-radius:var(--radius-sm)}.output-content{flex:1}.output-object{display:flex;flex-direction:column;gap:2px}.output-object.nested{background:var(--color-bg);border-radius:var(--radius-md);padding:12px 16px;margin-top:4px}.output-object-row{display:flex;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-border-light)}.output-object-row:last-child{border-bottom:none}.output-object-key{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);min-width:140px;flex-shrink:0}.output-object-value{font-size:.875rem;color:var(--color-text);word-break:break-word}.output-number{font-weight:600;color:var(--color-accent);font-variant-numeric:tabular-nums}.output-boolean.true{color:var(--color-success);font-weight:600}.output-boolean.false{color:var(--color-text-muted);font-weight:600}.output-null{color:var(--color-text-muted);font-style:italic}.output-link{color:var(--color-accent);word-break:break-all}.output-link:hover{text-decoration:underline}.output-string{color:var(--color-text)}.output-list{display:flex;flex-direction:column;gap:6px}.output-list li{padding:6px 12px;background:var(--color-bg);border-radius:var(--radius-sm);font-size:.875rem}.output-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.output-table{width:100%;border-collapse:collapse;font-size:.8125rem}.output-table th{background:var(--color-bg);padding:10px 14px;text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.output-table td{padding:10px 14px;border-bottom:1px solid var(--color-border-light);color:var(--color-text)}.output-table tr:last-child td{border-bottom:none}.output-table tr:hover td{background:var(--color-bg)}.output-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);padding:20px;margin-bottom:12px}.output-error-header{display:flex;align-items:center;gap:8px;color:var(--color-error);font-weight:600;margin-bottom:8px}.output-error p{color:var(--color-error);font-size:.875rem;line-height:1.5}.output-meta{display:flex;justify-content:flex-end}.output-loading{display:flex;flex-direction:column;gap:16px;padding:20px 0}.skeleton-block{height:20px;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-border-light) 50%,var(--color-bg) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.5s infinite}.skeleton-short{width:60%}.skeleton-medium{width:80%}.output-progress{padding:40px 32px;display:flex;flex-direction:column;gap:16px}.output-progress-header{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--color-text)}.output-progress-bar-track{width:100%;height:6px;background:var(--color-border-light);border-radius:999px;overflow:hidden}.output-progress-bar-fill{height:100%;background:var(--color-accent);border-radius:999px;transition:width .8s ease}.output-progress-meta{display:flex;justify-content:space-between;align-items:center}.output-progress-stage{font-size:13px;color:var(--color-text-muted)}.output-progress-elapsed{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted)}.comlyzer-result{display:flex;flex-direction:column;gap:8px}.cr-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;background:var(--color-border-light);border-radius:var(--radius-md);margin-bottom:4px}.cr-header-stats{display:flex;gap:24px}.cr-stat{display:flex;flex-direction:column}.cr-stat-val{font-size:18px;font-weight:700;color:var(--color-text);line-height:1.2}.cr-stat-lbl{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.cr-toggle-all{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px 10px;font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.cr-toggle-all:hover{color:var(--color-text);border-color:var(--color-text-muted)}.cr-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cr-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text);transition:background var(--transition-fast)}.cr-card-header:hover{background:var(--color-border-light)}.cr-card-header-left{display:flex;align-items:center;gap:8px}.cr-card-icon{color:var(--color-text-muted);display:flex}.cr-card-title{font-size:13px;font-weight:600;letter-spacing:.01em}.cr-card-body{padding:4px 16px 16px;border-top:1px solid var(--color-border-light)}.cr-sentiment{display:flex;flex-direction:column;gap:10px;padding-top:8px}.cr-sentiment-score{font-size:36px;font-weight:800;line-height:1}.cr-score-denom{font-size:16px;font-weight:500;color:var(--color-text-muted);margin-left:2px}.cr-sentiment-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;gap:2px}.cr-seg{height:100%;border-radius:999px}.cr-seg-pos{background:var(--color-success)}.cr-seg-neu{background:#9ca3af}.cr-seg-neg{background:var(--color-error)}.cr-sentiment-legend{display:flex;gap:16px}.cr-legend{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-secondary)}.cr-legend:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.cr-legend-pos:before{background:var(--color-success)}.cr-legend-neu:before{background:#9ca3af}.cr-legend-neg:before{background:var(--color-error)}.cr-list{display:flex;flex-direction:column;gap:12px;padding-top:8px}.cr-item{padding:10px 12px;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:6px}.cr-item-head{display:flex;align-items:center;gap:8px}.cr-item-title{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.4}.cr-item-why{font-size:12px;color:var(--color-text-secondary);line-height:1.5;margin:0}.cr-pct-badge{display:inline-flex;align-items:center;padding:1px 7px;background:var(--color-accent-light);color:var(--color-text);border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}.cr-impact{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.cr-impact-high{background:var(--color-error-bg);color:var(--color-error)}.cr-impact-medium{background:var(--color-warning-bg);color:var(--color-warning)}.cr-impact-low{background:var(--color-border-light);color:var(--color-text-muted)}.cr-quotes{display:flex;flex-direction:column;gap:4px;margin-top:2px}.cr-quote{font-size:12px;color:var(--color-text-secondary);font-style:italic;padding-left:10px;border-left:2px solid var(--color-border);line-height:1.5;margin:0}.cr-score-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px;margin-bottom:8px}.cr-score-num{font-size:20px;font-weight:700;line-height:1}.cr-level{font-size:13px;font-weight:600;color:var(--color-text-secondary);background:var(--color-border-light);padding:3px 10px;border-radius:var(--radius-sm)}.cr-confidence-high{color:var(--color-success);background:var(--color-success-bg)}.cr-confidence-medium{color:var(--color-warning);background:var(--color-warning-bg)}.cr-confidence-low{color:var(--color-error);background:var(--color-error-bg)}.cr-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin:0}.cr-patterns{list-style:none;display:flex;flex-direction:column;gap:4px;margin-top:8px}.cr-patterns li{font-size:12px;color:var(--color-text-secondary);padding-left:12px;position:relative}.cr-patterns li:before{content:"–";position:absolute;left:0;color:var(--color-text-muted)}.cr-quality-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px}.cr-quality-item{display:flex;flex-direction:column;gap:2px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:8px 10px}.cr-quality-lbl{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.cr-footer{display:flex;justify-content:flex-end;margin-top:16px}.cr-engagement-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;background:none;color:var(--color-text-muted);opacity:.35;transition:opacity var(--transition-fast)}.cr-engagement-toggle:hover{opacity:.9}.cr-engagement-box{width:100%;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.cr-engagement-row{display:flex;gap:8px}.cr-engagement-input{flex:1;min-width:0;padding:6px 10px;font-size:.8125rem;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.cr-engagement-btn{padding:6px 12px;font-size:.8125rem;font-weight:600;white-space:nowrap;border-radius:var(--radius-sm);border:none;background:var(--color-accent);color:var(--color-on-accent);transition:all var(--transition-fast)}.cr-engagement-btn:hover:not(:disabled){background:var(--color-accent-hover)}.cr-engagement-btn:disabled{opacity:.5;cursor:default}.cr-engagement-error{font-size:.75rem;color:var(--color-error)}.cr-quality-val{font-size:18px;font-weight:700;color:var(--color-text)}.cr-card-locked{border-style:dashed}.cr-locked-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:700;letter-spacing:.4px;color:var(--color-accent);background:var(--color-accent-light);border-radius:999px}.cr-locked-blur-text{filter:blur(4px);opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--color-text-secondary)}.cr-locked-cta{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;padding:14px;text-align:center;background:var(--color-surface);border-radius:var(--radius-md)}.cr-locked-cta span{font-size:.8rem;color:var(--color-text-secondary)}.cr-locked-btn{padding:7px 16px;font-size:.82rem;font-weight:600;color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-md);transition:opacity var(--transition-fast)}.cr-locked-btn:hover{opacity:.88}.locked-btn-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;justify-content:center}.locked-btn-secondary{padding:7px 16px;font-size:.82rem;font-weight:600;color:var(--color-on-accent);background:transparent;border:1px solid var(--color-accent);border-radius:var(--radius-md);transition:opacity var(--transition-fast),background var(--transition-fast)}.locked-btn-secondary:hover{background:var(--color-accent-light)}.vsr-locked-steps{position:relative;margin-top:10px;border-radius:var(--radius-md);overflow:hidden}.vsr-locked-blur{display:flex;flex-direction:column;gap:8px;filter:blur(4px);opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none}.vsr-locked-item .cr-item-title{letter-spacing:1px}.vsr-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:16px;background:linear-gradient(180deg,transparent,var(--color-surface) 35%);color:var(--color-text)}.vsr-locked-overlay p{font-weight:600;font-size:.9rem;margin:2px 0 0}.vsr-locked-overlay span{font-size:.78rem;color:var(--color-text-secondary);max-width:260px}.vsr-locked-btn{padding:8px 16px;font-size:.82rem;font-weight:600;color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-md);transition:opacity var(--transition-fast)}.vsr-locked-btn:hover{opacity:.88}.postlab-result{display:flex;flex-direction:column;gap:12px}.pl-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px}.pl-card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pl-card-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--color-text)}.pl-copy-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.pl-copy-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.pl-text-block{font-family:inherit;font-size:13px;line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0}.pl-token-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;font-size:12px;font-weight:600;color:var(--color-text-muted);cursor:pointer}.pl-token-body{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border-light)}.pl-token-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;font-size:12px;color:var(--color-text-secondary)}.pl-token-label{text-transform:capitalize;color:var(--color-text-muted)}.pl-token-cost{font-weight:600;color:var(--color-text)}.pl-rewrite-form{display:flex;flex-direction:column;gap:8px}.pl-rewrite-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text)}.pl-rewrite-btn{display:flex;align-items:center;justify-content:center;gap:6px;align-self:flex-end;padding:8px 16px;font-size:13px;font-weight:600;color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-md);transition:filter var(--transition-fast)}.pl-rewrite-btn:hover:not(:disabled){filter:brightness(.95)}.pl-rewrite-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login-page{min-height:100vh;display:flex;overflow-x:hidden;overflow-y:auto}.login-left{flex:1;background:var(--color-login-gradient);display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.login-left-content{position:relative;z-index:2;max-width:480px}.login-brand{display:flex;align-items:center;gap:10px;color:var(--color-sidebar-text);font-size:1.375rem;font-weight:700;margin-bottom:40px}.login-brand svg{color:var(--color-accent-soft)}.login-left-title{font-size:2.25rem;font-weight:700;color:var(--color-sidebar-text);line-height:1.2;margin-bottom:16px;letter-spacing:-.03em}.login-left-subtitle{font-size:1.0625rem;color:var(--color-login-text-muted);line-height:1.6;margin-bottom:40px}.login-features{display:flex;flex-direction:column;gap:16px}.login-feature{display:flex;align-items:center;gap:14px;color:var(--color-login-text);font-size:.9375rem;font-weight:450}.login-feature svg{color:var(--color-accent-soft);flex-shrink:0}.login-left-decoration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.login-orb-1{width:400px;height:400px;background:var(--color-accent);top:-100px;right:-100px}.login-orb-2{width:300px;height:300px;background:var(--color-accent-soft);bottom:-50px;left:-80px}.login-orb-3{width:200px;height:200px;background:var(--color-success);bottom:20%;right:10%;opacity:.15}.login-right{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:40px;max-width:560px}.login-card{width:100%;max-width:400px;text-align:center}.login-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:8px;letter-spacing:-.02em}.login-subtitle{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:40px}.login-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:24px}.login-error p{color:var(--color-error);font-size:.8125rem}.login-google-wrapper{display:flex;justify-content:center;margin-bottom:32px}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;height:40px;padding:0 16px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#3c4043;font-size:14px;font-weight:500;letter-spacing:.25px;cursor:pointer;transition:background .1s,box-shadow .1s;white-space:nowrap}.google-signin-btn:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px #3c404326}.google-signin-btn:active{background:#f1f3f4}.login-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-muted);font-size:.875rem}.login-footer-text{font-size:.75rem;color:var(--color-text-muted);line-height:1.5}.auth-info{background:var(--color-accent-light);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:24px}.auth-info p{color:var(--color-text);font-size:.8125rem}.auth-divider{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.password-auth-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;text-align:left}.auth-link-btn{background:none;border:none;padding:0;color:var(--color-accent);font-size:.8125rem;font-weight:600;cursor:pointer;align-self:flex-end}.auth-link-btn:hover{text-decoration:underline}.auth-toggle-text{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:24px}.auth-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:-6px}.pricing-page{height:100vh;background:var(--color-bg);padding:40px 24px;overflow-y:auto}.pricing-header{max-width:960px;margin:0 auto 48px;text-align:center}.pricing-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:32px}.pricing-back-btn:hover{color:var(--color-text);background:var(--color-surface)}.pricing-title-section h1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:8px;letter-spacing:-.02em}.pricing-title-section p{font-size:1.0625rem;color:var(--color-text-secondary);margin-bottom:32px}.billing-toggle{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;gap:4px}.pricing-cc-jump-link{display:flex;align-items:center;gap:6px;width:fit-content;margin:16px auto 0;color:var(--color-text-muted);font-size:.8125rem;font-weight:500;transition:color var(--transition-fast)}.pricing-cc-jump-link:hover{color:var(--color-accent)}.pricing-cc-jump-link span{text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color var(--transition-fast)}.pricing-cc-jump-link:hover span{text-decoration-color:currentColor}.billing-option{padding:8px 20px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:8px}.billing-option.active{background:var(--color-accent);color:var(--color-on-accent)}.billing-option:not(.active):hover{color:var(--color-text)}.billing-save-badge{font-size:.6875rem;font-weight:600;background:var(--color-success);color:var(--color-on-accent);padding:2px 6px;border-radius:4px}.billing-option.active .billing-save-badge{background:var(--color-billing-save-bg)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto;align-items:start}.pricing-card.agency{grid-column:2}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:36px 28px;display:flex;flex-direction:column;position:relative;transition:all var(--transition-normal)}.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-card.popular{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-md)}.pricing-card.current{border-color:var(--color-success)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-on-accent);font-size:.6875rem;font-weight:600;padding:4px 14px;border-radius:20px;white-space:nowrap}.pricing-card-header{text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--color-border-light)}.pricing-cc-grant{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:4px 12px;background:var(--color-accent-light);color:var(--color-on-accent);font-size:.8125rem;font-weight:600;border-radius:20px}.pricing-plan-name{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:16px}.pricing-best-for{font-size:.75rem;line-height:1.5;color:var(--color-text-secondary);text-align:center;padding:10px 12px;margin-top:16px;background:var(--color-bg);border-radius:var(--radius-md)}.pricing-estimate-note{max-width:720px;margin:20px auto 0;font-size:.75rem;line-height:1.5;color:var(--color-text-muted);text-align:center}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:2px}.price-currency{font-size:1.25rem;font-weight:600;color:var(--color-text-secondary);align-self:flex-start;margin-top:4px}.price-amount{font-size:2.75rem;font-weight:700;color:var(--color-text);line-height:1;letter-spacing:-.02em}.price-period{font-size:.9375rem;color:var(--color-text-muted);margin-left:2px}.pricing-features{flex:1;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.pricing-features li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.pricing-features li svg{color:var(--color-success);flex-shrink:0;margin-top:3px}.pricing-card-footer{margin-top:auto}.pricing-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.pricing-btn.current{background:var(--color-success-bg);color:var(--color-success);cursor:default}.pricing-btn.free{background:var(--color-bg);color:var(--color-text-muted);cursor:default}.pricing-btn.upgrade{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.pricing-btn.upgrade:hover:not(:disabled){background:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent)}.pricing-btn.upgrade.popular{background:var(--color-accent);color:var(--color-on-accent);border:none}.pricing-btn.upgrade.popular:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--color-accent-glow)}.pricing-btn:disabled{cursor:not-allowed}.pricing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 0;color:var(--color-text-muted)}.tool-sub-section{max-width:960px;margin:56px auto 0}.tool-sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-sub-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:10px;transition:all var(--transition-normal)}.tool-sub-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-sub-card-highlight{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light),var(--shadow-md);animation:tool-sub-highlight-pulse 2.5s ease-out}@keyframes tool-sub-highlight-pulse{0%{box-shadow:0 0 0 5px var(--color-accent-light),var(--shadow-md)}to{box-shadow:0 0 0 3px var(--color-accent-light),var(--shadow-md)}}.tool-sub-card-head{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--color-text)}.tool-sub-card-head svg{color:var(--color-accent)}.tool-sub-card-desc{font-size:.8125rem;color:var(--color-text-secondary);flex:1}.tool-sub-levels{display:flex;gap:8px}.tool-sub-level-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.tool-sub-level-btn:hover:not(:disabled){border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.tool-sub-level-btn:disabled{opacity:.6;cursor:default}.tool-sub-level-name{font-size:.8125rem;font-weight:700;color:var(--color-text)}.tool-sub-level-price{font-size:.9375rem;font-weight:700;color:var(--color-accent)}.tool-sub-level-limit{font-size:.6875rem;color:var(--color-text-secondary)}.tool-sub-current{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 12px;font-size:.75rem;font-weight:500;color:var(--color-success);background:var(--color-success-bg);border-radius:var(--radius-md)}.tool-sub-manage-btn{margin-left:auto;padding:4px 10px;font-size:.7rem;font-weight:600;color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-sm)}.cc-packs-section{max-width:960px;margin:56px auto 0}.cc-packs-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.cc-packs-icon{color:var(--color-accent);flex-shrink:0;margin-top:3px}.cc-packs-header h2{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:4px;letter-spacing:-.01em}.cc-packs-header p{font-size:.875rem;color:var(--color-text-secondary)}.cc-packs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cc-pack-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:8px;position:relative;transition:all var(--transition-normal)}.cc-pack-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cc-pack-card.cc-pack-free{opacity:.7}.cc-pack-card.cc-pack-highlight{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-md)}.cc-pack-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-on-accent);font-size:.6875rem;font-weight:600;padding:3px 12px;border-radius:20px;white-space:nowrap}.cc-pack-amount{display:flex;align-items:center;gap:6px;font-size:1.125rem;font-weight:700;color:var(--color-text)}.cc-pack-amount svg{color:var(--color-accent)}.cc-pack-description{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:4px;flex:1}.cc-pack-price-free{font-size:.875rem;font-weight:600;color:var(--color-success);padding:10px 0 2px}.cc-pack-price{display:flex;align-items:baseline;gap:3px;margin-bottom:4px}.cc-pack-price-currency{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.cc-pack-price-amount{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1;letter-spacing:-.02em}.cc-pack-price-label{font-size:.8125rem;color:var(--color-text-muted);margin-left:2px}.cc-pack-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 20px;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);transition:all var(--transition-fast);margin-top:4px}.cc-pack-btn:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--color-accent-glow)}.cc-pack-btn:disabled{cursor:not-allowed;opacity:.7}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--color-text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spinner .7s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px}@keyframes spinner{to{transform:rotate(360deg)}}.spin{animation:spinner 1s linear infinite}.sidebar-usage{font-size:.6875rem;font-weight:600;color:var(--color-sidebar-category);background:var(--color-sidebar-border);padding:2px 8px;border-radius:10px;flex-shrink:0;font-variant-numeric:tabular-nums}.sidebar-usage.exhausted{color:var(--color-warning);background:var(--color-warning-bg-soft)}.sidebar-tool-item.limit-reached{opacity:.6}.sidebar-tool-item.limit-reached:hover{opacity:.8}.tool-cap-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-accent-light);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--color-on-accent);margin-bottom:20px}.cap-no-credits{display:flex;align-items:center;gap:4px;margin-left:auto;color:var(--color-error);font-weight:600;font-size:.75rem}.tsb-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;margin-bottom:20px;flex-wrap:wrap}.tsb-active{background:var(--color-success-bg);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent);color:var(--color-text)}.tsb-upsell{background:var(--color-accent-light);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--color-on-accent)}.tsb-manage-btn,.tsb-subscribe-btn{margin-left:auto;padding:5px 12px;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:opacity var(--transition-fast)}.tsb-manage-btn:hover,.tsb-subscribe-btn:hover{opacity:.8}.tsb-level-choices{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.tsb-level-btn{padding:6px 12px;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:opacity var(--transition-fast)}.tsb-level-btn:hover{opacity:.8}.tsb-level-btn:disabled{opacity:.6;cursor:default}.output-usage-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin-bottom:16px}.toggle-switch.field-locked{opacity:.5;cursor:not-allowed}.toggle-switch.field-locked .toggle-slider{background:var(--color-border)}.field-pro-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);background:var(--color-accent-light);border-radius:4px;margin-left:4px}.output-report-text{white-space:pre-wrap;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);padding:20px;border-radius:var(--radius-md);overflow-x:auto;max-height:600px;overflow-y:auto}.turnstile-widget{display:flex;justify-content:center;margin-bottom:24px;min-height:65px}.turnstile-error-note{margin:-16px 0 20px;font-size:.8125rem;text-align:center;color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md);padding:10px 12px}@media (max-width: 1024px){.dashboard-panels{grid-template-columns:1fr;height:auto}.pricing-cards{grid-template-columns:1fr;max-width:400px}.pricing-card.agency{grid-column:auto}.cc-packs-grid,.tool-sub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--sidebar-width: 220px}.header-user-name,.header-pricing-btn span,.header-profile-btn span{display:none}.main-content{padding:16px}.tool-panel,.output-panel{padding:20px}.login-page{flex-direction:column}.login-left{padding:32px 20px;min-height:auto}.login-left-title{font-size:1.5rem}.login-features{display:none}.login-right{max-width:100%;padding:40px 20px}.login-card{padding:0 4px}}@media (max-width: 640px){.app-layout{flex-direction:column}.header-bar{padding:0 12px}.header-title{display:none}.header-right{gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.header-pricing-btn,.header-profile-btn{padding:6px 10px}.header-pricing-btn,.header-profile-btn,.header-credits,.header-tier,.header-user,.header-logout{flex-shrink:0}.sidebar{width:100%;height:auto;max-height:50vh}.sidebar-nav{max-height:none}.focus-timer{display:none}.sidebar-footer{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:10px 12px;gap:8px}.sidebar-feedback-btn,.sidebar-pricing-link{width:auto;padding:8px 10px}.sidebar-feedback-btn span,.sidebar-pricing-link span,.sidebar.sidebar-collapsed .sidebar-nav-wrap,.sidebar.sidebar-collapsed .sidebar-footer{display:none}.sidebar.sidebar-collapsed .sidebar-collapsed-bar{display:flex}.main-area{height:auto;flex:1}.pricing-header{margin-bottom:32px}.pricing-title-section h1{font-size:1.5rem}.cc-packs-grid,.tool-sub-grid{grid-template-columns:1fr}}.profile-page{height:100vh;background:var(--color-bg);padding:40px 24px;overflow-y:auto}.profile-back-btn{display:inline-flex;max-width:760px;margin:0 auto 24px}.profile-card{max-width:760px;margin:0 auto 20px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:24px}.profile-identity{display:flex;align-items:center;gap:16px}.profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);flex-shrink:0}.profile-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.profile-identity-info{flex:1;min-width:0}.profile-identity-info h1{font-size:1.25rem;font-weight:700;color:var(--color-text)}.profile-identity-info p{font-size:.875rem;color:var(--color-text-muted);margin-top:2px}.profile-identity-meta{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.profile-member-since{display:flex;align-items:center;gap:5px;font-size:.8rem;color:var(--color-text-muted)}.profile-credit-balance-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.profile-credit-balance{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-accent-light);color:var(--color-on-accent);border-radius:var(--radius-md);font-size:1rem;font-weight:700;flex-shrink:0}.profile-credit-renew{font-size:.75rem;color:var(--color-text-muted)}.profile-section-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:14px}.profile-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.profile-section-header .profile-section-title{margin-bottom:0}.profile-portal-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;color:var(--color-on-accent);background:var(--color-accent-light);border-radius:var(--radius-md);transition:filter var(--transition-fast);flex-shrink:0}.profile-portal-btn:hover{filter:brightness(.95)}.profile-portal-btn:disabled{opacity:.7}.profile-section-hint{font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.profile-loading{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--color-text-muted)}.referral-code-row,.referral-link-row{display:flex;align-items:center;gap:10px;margin-top:14px}.referral-link-row .form-input{flex:1;min-width:0;font-size:.8125rem;color:var(--color-text-muted)}.referral-code-box{display:flex;align-items:center;gap:10px;flex:1;padding:8px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.referral-code-label{font-size:.75rem;color:var(--color-text-muted)}.referral-code-value{font-size:.9375rem;font-weight:700;letter-spacing:.03em;color:var(--color-text)}.referral-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.referral-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;background:var(--color-bg);border-radius:var(--radius-md);text-align:center}.referral-stat-value{font-size:1.125rem;font-weight:700;color:var(--color-accent)}.referral-stat-label{font-size:.6875rem;color:var(--color-text-muted)}@media (max-width: 560px){.referral-stats-grid{grid-template-columns:repeat(2,1fr)}}.profile-upgrade-cta{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-upgrade-btn{width:auto;padding:8px 20px;flex-shrink:0}.profile-cancel-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--color-warning-bg, #fffbeb);color:var(--color-warning);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.profile-cancel-banner svg{flex-shrink:0;margin-top:2px}.profile-cancel-btn{padding:8px 18px;font-size:.8125rem;font-weight:600;color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-top:12px}.profile-cancel-btn:hover{filter:brightness(.95)}.tool-sub-cancel-btn{margin-top:0;padding:5px 12px;font-size:.75rem;flex-shrink:0}.profile-history-list{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.profile-history-item{border-bottom:1px solid var(--color-border-light)}.profile-history-item:last-child{border-bottom:none}.profile-history-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 4px;font-size:.8125rem;text-align:left;border-radius:var(--radius-sm, 4px);transition:background var(--transition-fast);position:sticky;top:0;z-index:1;background:var(--color-surface)}button.profile-history-row:hover{background:var(--color-bg)}.profile-history-row-static{cursor:default}.profile-history-chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.profile-history-chevron.open{transform:rotate(90deg)}.profile-history-desc{flex:1;min-width:0;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-history-amount{font-weight:600;flex-shrink:0}.profile-history-amount.positive{color:var(--color-success)}.profile-history-amount.negative{color:var(--color-error)}.profile-history-date{flex-shrink:0;color:var(--color-text-muted);min-width:120px;text-align:right}.profile-history-details{display:flex;flex-direction:column;gap:12px;padding:4px 16px 14px 30px;background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:6px;font-size:.8125rem}.profile-history-detail-block{display:flex;flex-direction:column;gap:6px}.profile-history-detail-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.profile-cancel-modal{max-width:440px}.profile-cancel-icon{color:var(--color-error)}.profile-cancel-error{font-size:.8125rem;color:var(--color-error);margin-bottom:10px}.profile-cancel-confirm-btn{display:flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;padding:10px 20px;font-size:.875rem;font-weight:600;color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md);transition:all var(--transition-fast)}.profile-cancel-confirm-btn:hover:not(:disabled){filter:brightness(.95)}.profile-cancel-confirm-btn:disabled{opacity:.7;cursor:default}@media (max-width: 640px){.profile-identity{flex-wrap:wrap}.profile-history-date{display:none}}.waitlist-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.waitlist-goal-field{display:flex;flex-direction:column;gap:6px}.referral-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.referral-field .form-input{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.waitlist-goal-label{font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.waitlist-goal-select{width:100%;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.waitlist-success{display:flex;flex-direction:column;align-items:center;padding-bottom:24px}.waitlist-success-icon{width:64px;height:64px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.waitlist-secret{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:10px;border-top:1px solid var(--color-border-light);padding-top:20px}.waitlist-secret-toggle{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast);text-decoration:underline;text-underline-offset:2px}.waitlist-secret-toggle:hover{color:var(--color-text-secondary)}.waitlist-secret-section{width:100%;display:flex;flex-direction:column;gap:8px}.waitlist-code-row{display:flex;gap:8px}.waitlist-code-row .form-input{flex:1;min-width:0}.btn-connect{padding:10px 16px;background:var(--color-text);color:var(--color-surface);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:opacity var(--transition-fast);white-space:nowrap;flex-shrink:0}.btn-connect:hover{opacity:.8}.waitlist-code-error{font-size:.8125rem;color:var(--color-error);text-align:center}.install-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:20px}.install-tabs{display:flex;gap:4px;background:var(--color-bg);border-radius:var(--radius-md);padding:4px;margin-bottom:24px}.install-tab{flex:1;padding:8px 4px;font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:center;white-space:nowrap}.install-tab.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);font-weight:600}.install-tab:not(.active):hover{color:var(--color-text)}.install-steps{display:flex;flex-direction:column;gap:14px}.install-step{display:flex;align-items:flex-start;gap:12px}.install-step-num{width:26px;height:26px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.install-step-body{display:flex;align-items:flex-start;gap:10px;flex:1}.install-step-emoji{font-size:1.125rem;line-height:1;flex-shrink:0;margin-top:2px}.install-step-text{font-size:.875rem;color:var(--color-text);line-height:1.5}.install-step-note{font-size:.75rem;color:var(--color-text-muted);margin-top:4px;line-height:1.4}.sidebar-feedback-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 16px;background:none;color:var(--color-sidebar-text);font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--color-sidebar-border);transition:all var(--transition-fast)}.sidebar-feedback-btn:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text-active);border-color:transparent}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.feedback-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:32px;width:100%;max-width:480px}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.feedback-modal-title{display:flex;align-items:center;gap:8px;font-size:1.0625rem;font-weight:700;color:var(--color-text)}.feedback-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.feedback-modal-close:hover{color:var(--color-text);background:var(--color-bg)}.feedback-form{display:flex;flex-direction:column;gap:16px}.feedback-char-count{font-size:.75rem;color:var(--color-text-muted);text-align:right;margin-top:4px}.feedback-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0 8px;text-align:center}.feedback-success h3{font-size:1.125rem;font-weight:700;color:var(--color-text)}.feedback-success p{font-size:.9375rem;color:var(--color-text-secondary)}.feedback-success-icon{width:56px;height:56px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);display:flex;align-items:center;justify-content:center}.vite-logo{height:6em;padding:1.5em;will-change:filter;transition:filter var(--transition-slow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;display:flex;flex-direction:column;max-height:90vh}.creator-profile-modal{max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal-title-row{display:flex;align-items:center;gap:8px}.modal-title-row h2{font-size:1.0625rem;font-weight:600;color:var(--color-text)}.modal-title-icon{color:var(--color-accent)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.modal-close-btn:hover{color:var(--color-text);background:var(--color-bg)}.modal-body{padding:20px 24px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.cp-profile-section{display:flex;flex-direction:column;gap:10px}.cp-hint{font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.cp-profile-textarea{width:100%;resize:vertical;padding:10px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);font-family:inherit;line-height:1.5;transition:border-color var(--transition-fast);outline:none;box-sizing:border-box}.cp-profile-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.cp-profile-textarea::placeholder{color:var(--color-text-muted)}.cp-save-btn{display:flex;align-items:center;justify-content:center;gap:6px;align-self:flex-end;padding:8px 20px;font-size:.8125rem;font-weight:500;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);transition:all var(--transition-fast)}.cp-save-btn:hover:not(:disabled){background:var(--color-accent-hover)}.cp-save-btn.saved{background:var(--color-success)}.cp-divider{display:flex;align-items:center;gap:12px;color:var(--color-text-muted);font-size:.8rem}.cp-divider:before,.cp-divider:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.ta-back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.ta-back-btn:hover{color:var(--color-text);background:var(--color-bg)}.ta-list{display:flex;flex-direction:column;gap:8px}.ta-empty{padding:16px;text-align:center;font-size:.8125rem;color:var(--color-text-muted);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.ta-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.ta-item-info{display:flex;align-items:center;gap:8px;min-width:0}.ta-item-name{font-size:.875rem;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ta-item-badge{flex-shrink:0;padding:2px 8px;font-size:.6875rem;font-weight:600;color:var(--color-on-accent);background:var(--color-accent-light);border-radius:var(--radius-sm)}.ta-item-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.ta-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.ta-icon-btn:hover:not(:disabled){color:var(--color-text);background:var(--color-surface)}.ta-icon-btn-danger:hover:not(:disabled){color:var(--color-error)}.ta-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ta-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:.8125rem;font-weight:500;color:var(--color-on-accent);background:var(--color-accent-light);border:1px dashed color-mix(in srgb,var(--color-accent) 40%,transparent);border-radius:var(--radius-md);transition:all var(--transition-fast)}.ta-add-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-light) 70%,var(--color-accent) 10%)}.ta-add-btn:disabled{opacity:.5;cursor:not-allowed}.ta-limit-note{text-align:center;font-size:.75rem;color:var(--color-text-muted)}.ta-form-error{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-error)}.payment-success-modal{max-width:440px}.ps-success-icon{color:var(--color-success)}.ps-summary{font-size:.9rem;color:var(--color-text);line-height:1.5}.ps-loading{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--color-text-muted)}.ps-credit-highlight{display:flex;align-items:center;gap:8px;align-self:flex-start;padding:10px 16px;background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-md);font-size:1.1rem;font-weight:700}.ps-features{display:flex;flex-direction:column;gap:8px}.ps-features-label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}.ps-feature-list{display:flex;flex-direction:column;gap:8px}.ps-feature-list li{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text)}.ps-feature-list li svg{color:var(--color-success);flex-shrink:0}.ps-cta-btn{align-self:stretch;padding:10px 20px;font-size:.875rem;font-weight:600;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);transition:all var(--transition-fast)}.ps-cta-btn:hover{background:var(--color-accent-hover)}.cp-chat-section{display:flex;flex-direction:column;gap:12px}.cp-chat-prompt{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.cp-chat-messages{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;padding-right:4px}.cp-chat-msg{max-width:90%;border-radius:12px;padding:10px 14px;font-size:.875rem;line-height:1.5}.cp-chat-msg.user{align-self:flex-end;background:var(--color-accent);color:var(--color-on-accent);border-bottom-right-radius:4px}.cp-chat-msg.assistant{align-self:flex-start;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-light);border-bottom-left-radius:4px}.cp-chat-msg p{margin:0}.cp-chat-msg.typing{display:flex;align-items:center;gap:5px;padding:12px 16px}.cp-chat-msg.typing span{width:7px;height:7px;border-radius:50%;background:var(--color-text-muted);animation:typing-bounce 1.2s infinite}.cp-chat-msg.typing span:nth-child(2){animation-delay:.2s}.cp-chat-msg.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.cp-profile-suggestion{margin-top:8px;padding:12px;background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px}.cp-profile-suggestion-label{font-size:.75rem;font-weight:600;color:var(--color-on-accent);text-transform:uppercase;letter-spacing:.04em;margin:0}.cp-profile-suggestion-text{font-size:.875rem;color:var(--color-text);line-height:1.5;margin:0}.cp-use-profile-btn{align-self:flex-start;font-size:.8rem;font-weight:500;color:var(--color-on-accent);padding:4px 0;transition:opacity var(--transition-fast)}.cp-use-profile-btn:hover{opacity:.75}.cp-chat-input-row{display:flex;gap:8px}.cp-chat-input{flex:1;padding:9px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);outline:none;transition:border-color var(--transition-fast)}.cp-chat-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.cp-chat-input::placeholder{color:var(--color-text-muted)}.cp-chat-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);flex-shrink:0;transition:background var(--transition-fast)}.cp-chat-send-btn:hover:not(:disabled){background:var(--color-accent-hover)}.cp-chat-send-btn:disabled{opacity:.5}.cph-wrap{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--color-text-secondary)}.cph-select{flex:1;padding:6px 8px;font-size:.8rem;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.cpa-wrap{margin-top:8px}.cpa-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:500;color:var(--color-on-accent);background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-md);transition:opacity var(--transition-fast)}.cpa-toggle:hover{opacity:.85}.cpa-panel{margin-top:10px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px}.vsl-page{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.vsl-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.vsl-brand{display:flex;align-items:center;gap:8px;font-size:1.125rem;font-weight:700;color:var(--color-text)}.vsl-header-cta{padding:8px 18px;font-size:.875rem;font-weight:600;color:var(--color-on-accent);background:var(--color-accent-light);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:var(--radius-md);transition:opacity var(--transition-fast)}.vsl-header-cta:hover{opacity:.85}.vsl-main{flex:1;max-width:760px;width:100%;margin:0 auto;padding:48px 20px 80px}.vsl-hero{text-align:center;margin-bottom:32px}.vsl-hero-title{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1.25;margin-bottom:12px}.vsl-hero-subtitle{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;max-width:560px;margin:0 auto}.vsl-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px}.vsl-form{display:flex;flex-direction:column;gap:10px}.vsl-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.vsl-demo-note{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.8125rem;font-weight:500;color:var(--color-sidebar-category);padding:2px 0;margin:0}.vsl-error{font-size:.8125rem;color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md);padding:10px 12px}.vsl-analyze-btn{width:100%}.vsl-result-section{margin-top:32px;display:flex;flex-direction:column;gap:16px}.vsl-personalize-note{display:flex;align-items:flex-start;gap:10px;font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary);background:var(--color-accent-light);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:var(--radius-md);padding:12px 14px}.vsl-personalize-note svg{flex-shrink:0;color:var(--color-accent);margin-top:2px}.vsl-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8125rem;font-weight:500;line-height:1.4;color:var(--color-text);background:var(--color-accent-light);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:var(--radius-md);padding:12px 16px}.vsl-inline-cta-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:7px 14px;font-size:.8125rem;font-weight:600;color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-md);transition:opacity var(--transition-fast)}.vsl-inline-cta-btn:hover{opacity:.85}@media (max-width: 480px){.vsl-inline-cta{flex-direction:column;align-items:stretch;text-align:center}}.vsl-remaining-note{text-align:center;font-size:.75rem;color:var(--color-text-muted)}.vsl-cta-card{text-align:center;padding:32px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.vsl-cta-icon{color:var(--color-success);margin-bottom:8px}.vsl-cta-card h2{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:8px}.vsl-cta-card p{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5;max-width:440px;margin:0 auto 20px}.vsl-cta-btn{display:inline-flex;width:auto;padding:12px 28px}.vsl-scroll-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:30;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;font-size:.8125rem;font-weight:600;color:var(--color-on-accent);background:var(--color-accent);border-radius:999px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15));animation:vsl-scroll-hint-bounce 1.6s ease-in-out infinite}.vsl-scroll-hint-icon{flex-shrink:0}@keyframes vsl-scroll-hint-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@media (max-width: 640px){.vsl-header{padding:16px 20px}.vsl-hero-title{font-size:1.5rem}.vsl-main{padding:32px 16px 60px}.vsl-form-card{padding:20px}}