:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#3b82f614,#0000 24%),linear-gradient(#f8fbff 0%,#f2f6fb 100%);font-family:Microsoft YaHei UI,PingFang SC,Noto Sans SC,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button{letter-spacing:0}h1,h2,h3,p{margin:0}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffffd1;border-bottom:1px solid #dbe2ea99;justify-content:space-between;align-items:center;padding:14px 32px;transition:background .3s,box-shadow .3s;display:flex;position:sticky;top:0}.landing-nav.scrolled{background:#fffffff5;box-shadow:0 2px 20px #0f172a14}.landing-nav-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.landing-nav-logo{color:#fff;background:linear-gradient(135deg,#0f9ca8,#2563eb);border-radius:8px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:grid}.landing-nav-name{color:#111827;font-size:16px;font-weight:700}.landing-nav-links{align-items:center;gap:6px;display:flex}.landing-nav-links a{color:#475569;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.landing-nav-links a:hover{color:#0f172a;background:#f1f5f9}.landing-nav-actions{align-items:center;gap:12px;display:flex}.btn-nav-login{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.btn-nav-login:hover{background:#f1f5f9;border-color:#94a3b8}.btn-nav-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #2563eb4d}.btn-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.landing-nav-toggle{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;font-size:20px;display:none}.hero-section{background:radial-gradient(circle at 20% 20%,#6499ff2e,#0000 40%),radial-gradient(circle at 80% 60%,#0f9ca81f,#0000 35%),linear-gradient(135deg,#0f172a,#172033 50%,#1b2550);padding:80px 32px 100px;position:relative;overflow:hidden}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.hero-text{flex-direction:column;gap:24px;display:flex}.hero-badge{color:#cbd5e1;background:#0f172a59;border:1px solid #94a3b84d;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:13px;display:inline-flex}.hero-badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #22c55e80}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero-title{color:#f8fafc;letter-spacing:-.02em;font-size:52px;font-weight:800;line-height:1.15}.hero-title .gradient-text{background:linear-gradient(135deg,#60a5fa,#38bdf8,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:#e2e8f0d9;max-width:520px;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-hero-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #2563eb59}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2563eb80}.btn-hero-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #94a3b866;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.btn-hero-secondary:hover{background:#ffffff1f;border-color:#94a3b899}.hero-stats-bar{flex-wrap:wrap;align-items:center;gap:32px;padding-top:12px;display:flex}.hero-stat{color:#94a3b8;align-items:center;gap:10px;font-size:14px;display:flex}.hero-stat svg{color:#60a5fa;flex-shrink:0}.hero-stat strong{color:#f8fafc;font-size:16px;font-weight:700}.hero-visual{flex-direction:column;gap:20px;display:flex}.hero-demo-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a80;border:1px solid #94a3b82e;border-radius:14px;padding:24px}.hero-demo-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:12px;font-weight:600}.hero-demo-text{color:#cbd5e1;background:#ffffff0d;border:1px solid #94a3b81f;border-radius:10px;min-height:80px;margin-bottom:16px;padding:16px;font-size:14px;line-height:1.7}.hero-demo-result{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-demo-before,.hero-demo-after{text-align:center}.hero-demo-before span,.hero-demo-after span{color:#94a3b8;margin-bottom:4px;font-size:11px;display:block}.hero-demo-before strong{color:#f87171;font-size:28px}.hero-demo-after strong{color:#4ade80;font-size:28px}.hero-demo-arrow{color:#64748b;font-size:20px}.hero-demo-tag{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e33;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.landing-section{padding:100px 32px}.landing-section.alt-bg{background:#f8fafc}.section-header{text-align:center;max-width:640px;margin:0 auto 60px}.section-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1px solid #dbe2ea;border-radius:999px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.section-title{color:#0f172a;letter-spacing:-.01em;margin-bottom:16px;font-size:36px;font-weight:800;line-height:1.2}.section-desc{color:#64748b;font-size:16px;line-height:1.7}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:32px 28px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.feature-card:hover{border-color:#93c5fd;transform:translateY(-6px);box-shadow:0 20px 40px #0f172a1a}.feature-icon{color:#2563eb;background:linear-gradient(135deg,#0f9ca81f,#2563eb1f);border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.feature-card h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.feature-card p{color:#64748b;margin:0;font-size:14px;line-height:1.7}.steps-container{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}.step-card{text-align:center;position:relative}.step-number{color:#fff;background:linear-gradient(135deg,#0f9ca8,#2563eb);border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:22px;font-weight:800;display:grid;box-shadow:0 6px 20px #0f9ca840}.step-card h3{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}.step-card p{color:#64748b;margin:0;font-size:14px;line-height:1.65}.step-connector{background:linear-gradient(90deg,#cbd5e1,#e2e8f0);width:calc(100% - 56px);height:2px;position:absolute;top:28px;right:-50%}.step-card:last-child .step-connector{display:none}.pricing-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:20px;max-width:1200px;margin:0 auto;display:grid}.pricing-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:20px;padding:36px 28px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0f172a1a}.pricing-card.featured{border-color:#2563eb;transform:scale(1.03);box-shadow:0 12px 40px #2563eb1f}.pricing-card.featured:hover{transform:scale(1.03)translateY(-4px)}.pricing-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:999px;padding:4px 18px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pricing-name{color:#0f172a;font-size:18px;font-weight:700}.pricing-credits{color:#0f172a;font-size:44px;font-weight:800;line-height:1}.pricing-credits small{color:#64748b;margin-top:6px;font-size:14px;font-weight:500;display:block}.pricing-price{color:#2563eb;font-size:32px;font-weight:800}.pricing-price small{color:#64748b;font-size:14px;font-weight:500}.pricing-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pricing-features li{color:#475569;text-align:left;align-items:center;gap:8px;font-size:13px;display:flex}.pricing-features li svg{color:#22c55e;flex-shrink:0}.pricing-cta{color:#2563eb;cursor:pointer;background:#fff;border:2px solid #2563eb;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 0;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.pricing-card.featured .pricing-cta{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#0000}.pricing-cta:hover{background:#eff6ff}.pricing-card.featured .pricing-cta:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.pricing-value-ratio{background:linear-gradient(135deg,#2563eb0f,#0f9ca80f);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:700;display:flex}.pricing-value-pay{color:#64748b;font-size:14px}.pricing-value-arrow{color:#2563eb;font-size:16px}.pricing-value-get{color:#2563eb;font-size:20px;font-weight:800}.pricing-value-bonus{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.pricing-card.featured .pricing-value-ratio{background:linear-gradient(135deg,#2563eb1f,#0f9ca81f)}.pricing-desc{color:#64748b;text-align:left;margin:0;font-size:13px;line-height:1.7}.pricing-free-badge{color:#64748b;background:#f1f5f9;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.testimonials-section{background:#f8fafc;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;padding:80px 0;overflow:hidden}.testimonials-section .section-header{margin-bottom:40px}.testimonials-marquee-container{flex-direction:column;gap:20px;display:flex}.testimonials-track{gap:20px;width:max-content;display:flex}.testimonials-track.row-forward{animation:50s linear infinite marquee-left}.testimonials-track.row-reverse{animation:50s linear infinite marquee-right}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.testimonials-track:hover{animation-play-state:paused}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;width:380px;padding:24px;transition:transform .25s,box-shadow .25s;box-shadow:0 2px 12px #0f172a0a}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0f172a1a}.testimonial-stars{color:#f59e0b;gap:2px;margin-bottom:12px;font-size:14px;display:flex}.testimonial-text{color:#334155;margin:0 0 14px;font-size:14px;line-height:1.75}.testimonial-author{align-items:center;gap:10px;display:flex}.testimonial-avatar{color:#fff;background:linear-gradient(135deg,#0f9ca8,#2563eb);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.testimonial-author-info{flex-direction:column;display:flex}.testimonial-author-name{color:#0f172a;font-size:14px;font-weight:700}.testimonial-author-role{color:#94a3b8;font-size:12px}.trust-section{text-align:center;background:#fff;padding:64px 32px}.trust-keywords{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.trust-keyword-tag{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #93c5fd;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.trust-desc{color:#475569;max-width:720px;margin:0 auto;font-size:15px;line-height:1.85}.trust-desc strong{color:#2563eb}.faq-list{flex-direction:column;gap:12px;max-width:740px;margin:0 auto;display:flex}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:#93c5fd}.faq-question{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;font-size:16px;font-weight:600;line-height:1.4;display:flex}.faq-icon{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:18px;font-weight:700;transition:transform .25s,background .25s,color .25s;display:grid}.faq-item.open .faq-icon{color:#2563eb;background:#eff6ff;transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .35s,padding .35s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{color:#475569;margin:0;padding:0 24px 20px;font-size:14px;line-height:1.75}.cta-banner{text-align:center;background:radial-gradient(circle,#6499ff24,#0000 50%),linear-gradient(135deg,#0f172a,#172033 50%,#1b2550);padding:80px 32px}.cta-banner .section-title{color:#f8fafc}.cta-banner .section-desc{color:#e2e8f0cc}.cta-banner .btn-hero-primary{margin-top:8px}.landing-footer{background:#fff;border-top:1px solid #eef2f7;padding:64px 32px 32px}.footer-inner{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;display:grid}.footer-brand p{color:#64748b;margin-top:12px;font-size:14px;line-height:1.7}.footer-col h4{color:#0f172a;margin:0 0 16px;font-size:14px;font-weight:700}.footer-col a{color:#64748b;padding:4px 0;font-size:14px;text-decoration:none;transition:color .15s;display:block}.footer-col a:hover{color:#2563eb}.footer-bottom{color:#94a3b8;border-top:1px solid #eef2f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:48px auto 0;padding-top:24px;font-size:13px;display:flex}.reveal-on-scroll{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (width<=1100px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-title{font-size:40px}.hero-visual{max-width:560px}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}.testimonial-card{width:300px}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=720px){.landing-nav{padding:12px 16px}.landing-nav-links{display:none}.landing-nav-toggle{display:grid}.hero-section{padding:48px 16px 64px}.hero-title{font-size:32px}.hero-desc{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.btn-hero-primary,.btn-hero-secondary{justify-content:center}.hero-stats-bar{flex-direction:column;gap:8px}.landing-section{padding:64px 16px}.section-title{font-size:28px}.features-grid{grid-template-columns:1fr}.steps-container{grid-template-columns:1fr;gap:24px}.step-connector{display:none}.pricing-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}.pricing-card.featured{transform:none}.footer-inner{grid-template-columns:1fr;gap:24px}.footer-bottom{text-align:center;flex-direction:column}}.legal-page{color:#334155;max-width:800px;margin:0 auto;padding:48px 32px 80px;line-height:1.8}.legal-page h1{color:#0f172a;letter-spacing:-.01em;margin:0 0 8px;font-size:32px;font-weight:800}.legal-page .legal-date{color:#94a3b8;margin-bottom:40px;font-size:14px}.legal-page h2{color:#0f172a;margin:36px 0 12px;padding-top:4px;font-size:20px;font-weight:700}.legal-page p{margin:0 0 12px;font-size:15px}.legal-page ul{margin:0 0 16px;padding-left:24px}.legal-page li{margin-bottom:8px;font-size:15px}.legal-page strong{color:#0f172a}.legal-page a{color:#2563eb;text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-back{color:#64748b;align-items:center;gap:6px;margin-bottom:32px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.legal-back:hover{color:#2563eb}@media (width<=720px){.legal-page{padding:32px 16px 64px}.legal-page h1{font-size:26px}.legal-page h2{font-size:18px}}.app-shell{width:min(1360px,100% - 32px);margin:0 auto;padding:24px 0 56px}.topbar,.hero-panel,.workspace-grid,.results-grid{gap:20px;display:grid}.topbar{background:#ffffffe6;border:1px solid #dbe2ea;border-radius:8px;grid-template-columns:1fr auto;align-items:center;margin-bottom:20px;padding:14px 20px;box-shadow:0 10px 24px #0f172a0d}.brand-block,.topbar-meta,.brand-copy,.hero-mark,.status-note{align-items:center;display:flex}.brand-block,.topbar-meta{gap:12px}.brand-icon{color:#fff;background:linear-gradient(135deg,#0f9ca8,#2563eb);border-radius:8px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.brand-copy{flex-direction:column;align-items:flex-start;gap:2px}.brand-copy strong{color:#111827;font-size:15px}.brand-copy span,.topbar-endpoint,.api-pill span{color:#64748b;font-size:12px}.api-pill,.topbar-endpoint{background:#fff;border:1px solid #dbe2ea;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.api-pill.online{color:#0f9f5c}.api-pill.warning,.api-pill.offline{color:#b45309}.hero-panel{color:#f8fafc;background:radial-gradient(circle at 0 0,#6499ff29,#0000 28%),linear-gradient(135deg,#111827,#172033 52%,#1b2550);border:1px solid #94a3b838;border-radius:8px;grid-template-columns:1.5fr .9fr;margin-bottom:20px;padding:28px}.hero-copy h1{color:#f8fafc;margin:14px 0 12px;font-size:40px;line-height:1.1}.hero-copy p{color:#e2e8f0d1;max-width:640px;font-size:15px;line-height:1.7}.hero-mark{color:#cbd5e1;background:#0f172a47;border:1px solid #94a3b83d;border-radius:999px;gap:8px;width:fit-content;padding:7px 10px;font-size:12px}.hero-stats{align-content:end;gap:12px;display:grid}.stat-block{background:#0f172a6b;border:1px solid #94a3b82e;border-radius:8px;padding:16px}.stat-block span{color:#94a3b8;margin-bottom:8px;font-size:12px;display:block}.stat-block strong{color:#f8fafc;word-break:break-word;font-size:18px;line-height:1.3;display:block}.workspace-grid,.results-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);margin-bottom:20px}.stack-column{gap:20px;display:grid}.panel{background:#fffffff5;border:1px solid #dbe2ea;border-radius:8px;min-width:0;padding:22px;box-shadow:0 18px 40px #0f172a0f}.panel-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.eyebrow{color:#64748b;text-transform:uppercase;margin:0 0 6px;font-size:12px;line-height:1}.panel-header h2{color:#0f172a;margin:0;font-size:22px;line-height:1.2}.panel-icon{color:#3b82f6}.mode-row,.config-grid,.summary-grid,.segment-columns{display:grid}.mode-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.mode-chip{color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #dbe2ea;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;min-height:92px;padding:14px;display:flex}.mode-chip span,.mode-chip small{display:block}.mode-chip span{font-size:14px;font-weight:600}.mode-chip small{color:#64748b;font-size:12px;line-height:1.5}.mode-chip.active{background:#eff6ff;border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f629}.field{display:block}.field span{color:#334155;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.field textarea{color:#0f172a;width:100%;min-height:320px;font:inherit;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #dbe2ea;border-radius:8px;padding:16px;line-height:1.7}.field textarea:focus{border-color:#60a5fa;outline:2px solid #3b82f62e}.action-row{gap:12px;margin-top:16px;display:flex}.primary-action,.secondary-action{min-width:136px;height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.primary-action{color:#fff;background:#2563eb}.secondary-action{color:#0f172a;background:#fff;border-color:#dbe2ea}.primary-action:disabled,.secondary-action:disabled{opacity:.55;cursor:not-allowed}.config-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.config-card,.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.config-card span,.summary-card span{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.config-card strong,.summary-card strong{color:#0f172a;word-break:break-word;font-size:16px;line-height:1.45;display:block}.stage-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.stage-pill{color:#64748b;background:#fff;border:1px solid #dbe2ea;border-radius:999px;justify-content:center;align-items:center;min-height:42px;font-size:13px;font-weight:600;display:inline-flex}.stage-pill.active{color:#0284c7;background:#ecfeff;border-color:#0ea5e9}.stage-pill.done{color:#15803d;background:#f0fdf4;border-color:#86efac}.progress-rail{background:#e2e8f0;border-radius:999px;width:100%;height:10px;margin-bottom:18px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#0f9ca8,#2563eb);height:100%}.status-note{color:#475569;gap:8px;font-size:13px;line-height:1.6}.final-output{color:#0f172a;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:240px;padding:16px;line-height:1.8}.log-list,.segment-list{gap:14px;display:grid}.log-item{border-bottom:1px solid #eef2f7;gap:4px;padding-bottom:12px;display:grid}.log-item:last-child{border-bottom:0;padding-bottom:0}.log-item strong{color:#0f172a;font-size:13px}.log-item span{color:#64748b;word-break:break-word;font-size:13px;line-height:1.6}.segment-card{background:#fbfdff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.segment-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.segment-meta strong{color:#0f172a;font-size:14px}.segment-meta span{color:#64748b;font-size:12px}.segment-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.segment-columns section{background:#fff;border:1px solid #edf2f7;border-radius:8px;min-width:0;padding:12px}.segment-columns h3{color:#334155;margin:0 0 10px;font-size:12px}.segment-columns p{color:#0f172a;white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.7}.empty-state{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;place-content:center;gap:8px;min-height:220px;display:grid}.empty-state span{color:#0f172a;font-size:16px;font-weight:600}.empty-state p{max-width:420px;font-size:13px;line-height:1.7}.error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;padding:12px 14px;font-size:13px;display:flex}.error-banner span{flex:1;min-width:200px}.retry-btn{color:#b91c1c;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.retry-btn:hover{background:#fee2e2}.retry-btn:disabled{opacity:.5;cursor:not-allowed}.warning-banner{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin:14px 0 0;padding:12px 14px;font-size:13px;line-height:1.6}.spin{animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-toast{z-index:200;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;animation:.25s ease-out toast-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 24px #0f172a29}.notification-toast.success{color:#15803d;background:#f0fdf4;border:1px solid #86efac}.notification-toast.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.history-toggle{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:8px;place-items:center;width:36px;height:36px;margin-right:4px;display:grid}.history-toggle:hover{color:#0f172a;background:#f1f5f9}.app-body{gap:20px;display:flex}.app-main{flex:1;min-width:0}.history-sidebar{background:#fffffff5;border:1px solid #dbe2ea;border-radius:8px;flex-direction:column;gap:0;width:280px;min-width:280px;max-height:calc(100vh - 120px);padding:0;display:flex;overflow-y:auto;box-shadow:0 18px 40px #0f172a0f}.sidebar-header{z-index:1;background:#fffffffa;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.sidebar-title{align-items:center;gap:8px;display:flex}.sidebar-title h3{color:#0f172a;margin:0;font-size:16px}.sidebar-title svg{color:#64748b}.sidebar-refresh{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.sidebar-refresh:hover{color:#0f172a;background:#f1f5f9}.history-list{flex-direction:column;padding:8px;display:flex}.history-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;display:flex}.history-empty span{color:#0f172a;font-size:14px;font-weight:600}.history-empty p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.history-item{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;padding:12px;display:block}.history-item:hover{background:#f8fafc;border-color:#e2e8f0}.history-item.active{background:#eff6ff;border-color:#93c5fd}.history-item-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.history-item-top strong{color:#0f172a;font-size:13px}.status-tag{text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.status-tag.completed{color:#15803d;background:#dcfce7}.status-tag.processing{color:#1d4ed8;background:#dbeafe}.status-tag.queued{color:#64748b;background:#f1f5f9}.status-tag.failed{color:#b91c1c;background:#fee2e2}.status-tag.pending{color:#c2410c;background:#fff7ed}.history-item-meta{color:#94a3b8;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.history-item-bar{background:#e2e8f0;border-radius:999px;width:100%;height:4px;overflow:hidden}.history-item-fill{border-radius:inherit;background:linear-gradient(90deg,#0f9ca8,#2563eb);height:100%}.hero-restored{color:#bae6fd;background:#0f9ca82e;border-radius:999px;width:fit-content;margin-top:10px;padding:6px 12px;font-size:12px}.text-failed{color:#b91c1c!important}.progress-fill.progress-failed{background:linear-gradient(90deg,#dc2626,#f97316)}.stage-pill.failed{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.time-info{color:#94a3b8;border-top:1px solid #edf2f7;gap:16px;margin-top:14px;padding-top:12px;font-size:11px;display:flex}.log-item-error span{color:#b91c1c!important}.segment-card.segment-failed{background:#fff5f5;border-color:#fecaca}.panel-header-actions{align-items:center;gap:8px;display:flex}.export-btn{color:#475569;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.export-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}@media (width<=1100px){.app-body{flex-direction:column}.history-sidebar{width:100%;min-width:unset;max-height:320px}.topbar,.hero-panel,.workspace-grid,.results-grid,.mode-row,.config-grid,.summary-grid,.segment-columns,.stage-row{grid-template-columns:1fr}}@media (width<=720px){.app-shell{width:min(100% - 20px,100%);padding:18px 0 36px}.topbar,.hero-panel,.panel{padding:18px}.hero-copy h1{font-size:32px}.action-row,.topbar-meta{flex-direction:column;align-items:stretch}.primary-action,.secondary-action{width:100%}}.topbar-nav{align-items:center;gap:8px;display:flex}.nav-link{color:#475569;border-radius:6px;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s}.nav-link:hover{color:#0f172a;background:#f1f5f9}.nav-link.nav-admin{color:#7c3aed}.user-info{color:#334155;font-size:13px;font-weight:500}.btn-recharge{color:#92400e;cursor:pointer;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none}.btn-recharge:hover{background:#fde68a}.btn-logout{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px}.btn-logout:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.auth-page{place-items:center;min-height:70vh;padding:40px 0;display:grid}.auth-card{background:#fff;border:1px solid #dbe2ea;border-radius:12px;width:100%;max-width:400px;padding:32px;box-shadow:0 18px 40px #0f172a14}.auth-card h1{margin-bottom:8px;font-size:24px}.auth-card>p{color:#64748b;margin-bottom:24px;font-size:14px}.auth-card .field{margin-bottom:16px}.auth-card .field input{border:1px solid #dbe2ea;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.auth-card .field input:focus{border-color:#60a5fa;outline:2px solid #3b82f62e}.auth-footer{text-align:center;color:#64748b;margin-top:20px;font-size:13px}.auth-footer a{color:#2563eb;font-weight:600}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-sm{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:6px;padding:4px 10px;font-size:12px}.btn-sm.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.btn-sm:hover{background:#f1f5f9}.btn-danger{color:#b91c1c;border-color:#fca5a5}.workbench{gap:20px;display:grid}.workbench .input-panel .panel-header{flex-direction:column}.cost-info{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.cost-info strong{font-size:18px}.text-ok{color:#15803d}.text-error{color:#b91c1c}.status-bar{color:#475569;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.status-bar .status-tag{padding:3px 10px;font-size:12px;font-weight:600}.status-tag.cancelled{color:#64748b;background:#f1f5f9}.panel-actions{align-items:center;gap:8px;display:flex}.panel-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.panel-actions button:hover{background:#f1f5f9}.segment-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.segment-content div{min-width:0}.segment-content h4{color:#94a3b8;margin:0 0 6px;font-size:11px}.segment-content p{color:#334155;margin:0;font-size:12px;line-height:1.7}.success-banner{color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13px}.billing-page h1{margin-bottom:20px;font-size:24px}.billing-page h2{margin:24px 0 16px;font-size:18px}.balance-card{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbe2ea;border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex}.balance-label{color:#64748b;font-size:14px}.balance-value{color:#0f172a;font-size:36px;font-weight:700}.package-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.package-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.package-card:hover{border-color:#93c5fd}.package-credits{color:#0f172a;font-size:28px;font-weight:700}.package-price{color:#2563eb;font-size:18px;font-weight:600}.package-label{color:#64748b;font-size:12px}.package-card .btn-primary{width:auto}.empty-hint{color:#94a3b8;font-size:14px}.data-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #eef2f7;padding:10px 12px}.data-table th{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.data-table td{color:#334155}.data-table .selected-row{background:#eff6ff}.link-btn{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.link-btn:hover{text-decoration:underline}.text-green{color:#15803d;font-weight:600}.text-red{color:#b91c1c;font-weight:600}.admin-layout{gap:24px;min-height:70vh;display:flex}.admin-sidebar{background:#fff;border:1px solid #dbe2ea;border-radius:8px;width:180px;min-width:180px;padding:20px}.admin-sidebar h3{color:#0f172a;margin-bottom:16px;font-size:16px}.admin-sidebar nav{flex-direction:column;gap:4px;display:flex}.admin-sidebar nav a{color:#475569;border-radius:6px;padding:8px 12px;font-size:14px;text-decoration:none;display:block}.admin-sidebar nav a:hover{background:#f1f5f9}.admin-main{flex:1;min-width:0}.admin-page h2{margin-bottom:16px;font-size:22px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:18px}.stat-card strong{color:#0f172a;margin-bottom:4px;font-size:28px;display:block}.stat-card span{color:#64748b;font-size:12px}.search-row{gap:8px;margin-bottom:12px;display:flex}.search-row input{border:1px solid #dbe2ea;border-radius:6px;flex:1;padding:8px 12px;font-size:14px}.filter-row{gap:6px;margin-bottom:12px;display:flex}.detail-panel{background:#fbfdff;border:1px solid #dbe2ea;border-radius:8px;margin-top:20px;padding:20px}.detail-panel h3{margin-bottom:12px;font-size:16px}.detail-panel h4{margin:16px 0 8px;font-size:14px}.adjust-row{gap:8px;margin-bottom:8px;display:flex}.adjust-row input{border:1px solid #dbe2ea;border-radius:6px;padding:8px 12px;font-size:13px}.adjust-row input:first-child{width:120px}.adjust-row input:nth-child(2){flex:1}.info-msg{color:#475569;margin:8px 0;font-size:13px}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px;display:grid}.settings-grid .field input{border:1px solid #dbe2ea;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.loading-page{color:#64748b;place-items:center;min-height:60vh;font-size:16px;display:grid}