:root{--navy:#173553;--blue:#245b87;--orange:#ef8031;--muted:#6b7f92;--line:#dce4ed;--bg:#f3f6fa}*{box-sizing:border-box}body{background:var(--bg);color:var(--navy);margin:0;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:8px;padding:10px 14px}button:hover{border-color:var(--blue);background:#f2f8fd}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{color:#fff;background:#173f60}.accent{background:var(--orange);color:#fff;border-color:var(--orange)}.topbar{background:var(--navy);color:#fff;align-items:center;gap:18px;height:76px;padding:0 32px;display:flex}.brand{align-items:center;gap:12px;font-size:24px;font-weight:800;display:flex}.logo{background:var(--orange);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.tagline{color:#a8bfd2;flex:1;font-size:13px}.topbar button{color:#fff;background:0 0;border-color:#47647d}.shell{max-width:1600px;margin:0 auto;padding:24px 30px 50px}.intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.intro h1{margin:0 0 8px;font-size:26px}.muted{color:var(--muted);line-height:1.7}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px;font-size:12px}.steps{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.step b{min-width:30px;height:30px;color:var(--blue);background:#edf3f8;border-radius:50%;place-items:center;display:grid}.step.done b{color:#278852;background:#e5f4eb}.step.active{border-color:var(--orange)}.layout{grid-template-columns:300px minmax(0,1fr);gap:20px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.card h2{margin:0 0 14px;font-size:16px}.sidebar{flex-direction:column;gap:16px;display:flex}.upload{text-align:center;cursor:pointer;background:#f9fbfe;border:1px dashed #9ab2c7;border-radius:10px;padding:20px 12px;display:block}.upload input{max-width:100%;margin-top:12px;font-size:12px;display:block}.field{border:1px solid var(--line);width:100%;color:var(--navy);background:#fff;border-radius:8px;margin:10px 0;padding:10px;display:block}.full{width:100%}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.editgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.previewbox{background:#e9eef4;border-radius:10px;align-items:center;min-height:260px;padding:16px;display:flex}.slide{background:#fff;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px #17355312;container-type:inline-size}.slide .textshape{text-align:left;white-space:pre-wrap;color:#173553;word-break:break-word;background:0 0;border:1px dashed #0000;border-radius:0;margin:0;padding:0;line-height:1.12;position:absolute;overflow:hidden}.slide .textshape:hover,.slide .selected{background:#ef803110;border-color:#ef8031}.slide img{object-fit:contain;position:absolute}.json{color:#cee0ef;resize:vertical;tab-size:2;background:#122131;border:1px solid #244563;border-radius:10px;width:100%;height:470px;padding:16px;font:12px/20px Consolas,monospace}.thumbs{gap:8px;padding:12px 0;display:flex;overflow-x:auto}.thumb{white-space:normal;flex:0 0 96px;padding:12px 8px;font-size:12px}.thumb.active{border:2px solid var(--orange);background:#fff5ed}.empty{text-align:center;background:#fafcff;border:1px dashed #bccbd8;border-radius:12px;place-items:center;min-height:410px;display:grid}.empty svg{color:#9db3c6}.empty h2{margin:15px;font-size:23px}.notice{background:#edf8f1;border:1px solid #bddbc8;border-radius:9px;margin:14px 0;padding:12px 16px;line-height:1.6}.error{color:#aa3c1d;background:#fff1eb;border-color:#f3c6b6}.footerbar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:18px;display:flex}.footnote{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.7}progress{width:100%;accent-color:var(--orange);height:8px}.progressbox{margin-bottom:20px}.listitem{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.listitem span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.imageassign{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;display:grid}.imageassign input,.imageassign select{max-width:100%}dialog{border:1px solid var(--line);border-radius:16px;max-width:460px;padding:28px;box-shadow:0 20px 100px #17355355}dialog::backdrop{background:#0c213e88}@media (max-width:1100px){.editgrid{grid-template-columns:1fr}.json{height:320px}.layout{grid-template-columns:270px minmax(0,1fr)}}@media (max-width:760px){.tagline{display:none}.topbar{height:68px;padding:0 16px}.shell{padding:18px 14px}.layout{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.intro{display:block}.sidebar{grid-template-columns:1fr;display:grid}.intro .pills{margin-top:14px}.card{padding:16px}}.mainnav{gap:8px;display:flex}.mainnav a{color:#d2e2ef;white-space:nowrap;border:1px solid #47647d;border-radius:8px;padding:10px 16px;text-decoration:none}.mainnav a[aria-current=page]{color:var(--navy);background:#fff;border-color:#fff;font-weight:700}.navlink{color:var(--blue);margin:8px 0;line-height:1.7;display:inline-block}.conversionsteps small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.jsonactions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;display:flex}.jsonactions label{align-items:center;gap:8px;display:flex}.jsonactions input{max-width:220px}.inspector{color:var(--blue);margin:12px 0;display:block}.inspector textarea{min-height:80px}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:68px;padding:12px 16px}.mainnav{order:5;width:100%}.mainnav a{text-align:center;flex:1}.brand{margin-right:auto}.jsonactions label{flex-wrap:wrap}}.zoombackdrop{z-index:1000;background:#0c213edd;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.zoompanel{background:#fff;border-radius:14px;flex-direction:column;width:min(1500px,96vw);max-height:96vh;padding:18px;display:flex}.zoomscroll{background:#e9eef4;flex:1;min-height:0;max-height:78vh;padding:14px;overflow:auto}.zoomscroll .slide{box-shadow:none}.zoompanel .toolbar{flex-shrink:0}.zoompanel .footnote{margin:10px 0 0}.nativepage{background:#fff;width:100%;position:relative}.nativeimage{width:100%;height:auto;display:block}.nativehit{border:1px solid #0000;border-radius:0;min-width:8px;min-height:8px;padding:0;position:absolute;background:0 0!important}.nativehit:hover,.nativehit.selected{border-color:#ef8031}.nativepending{text-align:center;width:100%;min-height:260px;padding:30px;line-height:1.8}.nativepending progress{margin-top:16px;display:block}.nativepage .nativeimage{position:static}.growth-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(28px,5vw,80px);padding:40px 0 56px;display:grid}.growth-pitch{max-width:670px}.growth-eyebrow{color:#9c4915;letter-spacing:2px;font-size:12px;font-weight:800;display:block}.growth-pitch h1{letter-spacing:-1.8px;margin:22px 0;font-size:clamp(34px,3.6vw,58px);line-height:1.28}.growth-pitch em{color:#bc501b;font-style:normal}.growth-lead{color:#53687a;max-width:580px;font-size:17px;line-height:1.9}.growth-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.growth-actions button,.growth-actions a{border-radius:12px;padding:15px 22px;font-size:15px;font-weight:700;text-decoration:none}.growth-actions .primary{background:#173553}.growth-actions a{color:#173553;background:#fff;border:1px solid #bac8d2}.growth-note{color:#617586;margin:14px 0 26px;font-size:12px;line-height:1.8}.growth-benefits{border-top:1px solid #d5dfe6;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:24px;display:grid}.growth-benefits span{color:#a44c1b;margin-bottom:10px;font-size:12px;display:block}.growth-benefits strong{font-size:13px}.growth-feedback-link{color:#506677;text-underline-offset:5px;margin-top:26px;font-size:13px;display:inline-block}.growth-gallery{background:#fffcf6;border:1px solid #e2dfd5;border-radius:22px;min-width:0;padding:16px;box-shadow:0 18px 50px #19375310}.gallery-label{letter-spacing:1.5px;color:#657583;justify-content:space-between;padding:4px 4px 15px;font-size:11px;font-weight:700;display:flex}.growth-gallery img{aspect-ratio:1;object-fit:contain;background:#f5f1e9;border-radius:12px;width:100%;height:auto;display:block}.gallery-controls{align-items:center;gap:8px;padding-top:14px;display:flex}.gallery-controls button{background:0 0;border-radius:50%;width:38px;height:38px;padding:8px}.gallery-controls button[aria-pressed=true]{color:#fff;background:#173553;border-color:#173553}.gallery-controls small{color:#678;max-width:180px;margin-left:auto;font-size:10px;line-height:1.5}.growth-feedback{background:#fffaf0;border:1px solid #e6dccb;border-radius:18px;grid-template-columns:1.3fr 1fr;gap:40px;margin-top:32px;padding:32px;scroll-margin-top:24px;display:grid}.growth-feedback h2{margin:12px 0;font-size:25px}.growth-feedback p{color:#56697a;max-width:650px;line-height:1.9}.feedback-contact{flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex}.feedback-contact button,.feedback-contact a{text-align:left;color:#173553;overflow-wrap:anywhere;background:#fff;border:1px solid #cccfca;border-radius:10px;padding:14px 18px;font-size:12px;text-decoration:none;display:block}.feedback-contact strong{margin-top:6px;font-size:16px;display:block}.feedback-contact small,.feedback-contact [role=status]{color:#56697a;font-size:12px;line-height:1.5}.feedback-outcomes{border:0;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;display:flex}.feedback-outcomes legend{margin-bottom:10px;font-size:12px}.feedback-outcomes button[aria-pressed=true]{color:#fff;background:#173553}.intro h2{margin:0 0 8px;font-size:26px}#workbench{scroll-margin-top:22px}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ed8d41}@media (max-width:950px){.growth-hero{gap:24px}.growth-pitch h1{font-size:36px}.growth-benefits{grid-template-columns:1fr;gap:8px}.growth-benefits div{gap:12px;display:flex}.growth-benefits span{margin:0}.growth-feedback{gap:24px}}@media (max-width:700px){.growth-hero{grid-template-columns:1fr;padding:22px 0 34px}.growth-pitch h1{font-size:36px}.growth-lead{font-size:15px}.growth-gallery{justify-self:center;width:100%;max-width:520px}.growth-feedback{grid-template-columns:1fr;gap:12px;padding:22px}.growth-actions{align-items:stretch}.growth-actions>*{text-align:center;flex:1}.growth-feedback h2{font-size:22px}}.product-value{background:#fff;border:1px solid #dce4ed;border-radius:20px;margin:0 0 38px;padding:30px}.value-heading{max-width:820px}.value-heading h2{margin:14px 0;font-size:clamp(24px,2.5vw,36px);line-height:1.4}.value-heading p,.value-grid p,.value-bottom p{color:#53687a;line-height:1.85}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.value-grid article{background:#f6f8fa;border-radius:14px;padding:22px}.value-grid article>span{letter-spacing:1px;color:#9c4915;font-size:11px;font-weight:800}.value-grid h3{margin:12px 0;font-size:19px;line-height:1.5}.value-compare{border-top:1px solid #dce4ed;border-bottom:1px solid #dce4ed;padding:18px 0}.value-compare summary{cursor:pointer;font-weight:700;line-height:1.8}.value-compare summary:focus-visible{outline-offset:4px;outline:3px solid #ef8031}.value-table-scroll{margin-top:18px;overflow-x:auto}.value-compare table{border-collapse:collapse;width:100%;min-width:690px;font-size:13px;line-height:1.8}.value-compare caption{text-align:left;color:#617586;padding-bottom:12px}.value-compare th,.value-compare td{text-align:left;vertical-align:top;border-bottom:1px solid #dce4ed;padding:14px}.value-compare thead{color:#fff;background:#173553}.value-compare tbody th{width:20%}.value-compare td:nth-child(2){width:30%}.value-compare a{color:#245b87;text-underline-offset:3px}.value-own{background:#fff6e9}.value-fineprint{color:#647787;font-size:12px;line-height:1.8}.value-bottom{justify-content:space-between;align-items:center;gap:32px;padding-top:20px;display:flex}.value-bottom>div{max-width:800px}.value-bottom h3{margin:0;font-size:21px}.value-bottom button{flex-shrink:0;padding:15px 20px}@media (max-width:760px){.product-value{padding:20px}.value-grid{grid-template-columns:1fr;gap:12px}.value-grid article{padding:18px}.value-bottom{flex-direction:column;align-items:stretch;gap:14px}}.login-shell{max-width:600px;padding-top:48px}.login-shell h1{line-height:1.4}.login-nav{color:#fff;text-underline-offset:4px}.onboarding{background:#fff9ef;border:1px solid #edc9a8;border-radius:14px;margin-bottom:20px;padding:24px}.onboarding h2{margin:0 0 12px}.onboarding ol{padding-left:22px;line-height:2}.quota-info{background:#edf4fa;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0;padding:14px;display:flex}.quota-info p{margin:0}.google-signin{color:#1f2937;background:#fff;border:1px solid #c7d2df;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:48px;font-size:16px;font-weight:600;display:flex}.google-signin:hover:not(:disabled){background:#f8fafc;border-color:#7c96b0}.google-signin:disabled{opacity:.65;cursor:wait}.google-hint{text-align:center;color:#64748b;margin:10px 0 22px;font-size:13px}.login-divider{color:#64748b;align-items:center;gap:14px;margin:20px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#dce4ed;flex:1;height:1px}.svg-slide{background:#fff;width:100%;height:auto;display:block}.layout{grid-template-columns:250px minmax(0,1fr)}.editgrid{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.previewbox{align-items:flex-start;min-height:300px;padding:12px;display:flex;overflow:auto}.preview-zoom{margin:12px 0}.preview-zoom label{align-items:center;gap:8px;display:flex}.page-list{gap:10px;max-height:520px;display:grid;overflow:auto}.page-thumb{text-align:left;width:100%;padding:6px}.page-thumb.active,.element-item.active{background:#fff8f2;border-color:#ef8031;box-shadow:0 0 0 1px #ef8031}.page-thumb span{margin-top:6px;font-size:12px;display:block}.element-list{gap:8px;max-height:330px;display:grid;overflow:auto}.element-item{text-align:left;overflow-wrap:anywhere;padding:10px}.element-item span{color:#64748b;margin-top:6px;font-size:12px;display:block}.element-panel{min-width:0}.element-panel .field{max-width:100%}.json-details{margin-top:16px}.json-details summary{cursor:pointer;padding:12px 0}.json-details .json{height:320px}.generation-draft{width:100%}.generation-draft [role=status]{background:#edf4ff;padding:10px;font-size:13px}.usage-panel{margin:16px 0}.usage-metrics{flex-wrap:wrap;gap:20px;display:flex}.usage-metrics strong{margin-top:4px;font-size:20px;display:block}.usage-metrics span{color:#64748b;font-size:12px}@media (min-width:1500px){.shell{max-width:1900px}.editgrid{grid-template-columns:minmax(0,1fr) 290px}}@media (max-width:1150px){.layout{grid-template-columns:210px minmax(0,1fr)}.editgrid{grid-template-columns:1fr}.element-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.layout{grid-template-columns:1fr}.page-list{max-height:180px;display:flex;overflow:auto}.page-thumb{min-width:160px}.element-list{grid-template-columns:1fr}}.public-brand{color:#fff;text-decoration:none}.public-nav{flex-wrap:wrap}.public-nav a{padding:9px 12px}.seo-section{border-top:1px solid var(--line);padding:36px 0;scroll-margin-top:24px}.seo-section h2{font-size:clamp(24px,2.5vw,34px);line-height:1.4}.seo-section p,.seo-template-hero p{color:#53687a;line-height:1.9}.seo-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;list-style:none;display:grid}.seo-steps li,.seo-cases article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.seo-steps li>span{color:#a44c1b;font-weight:800}.seo-steps h3,.seo-cases h3{font-size:19px}.seo-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.seo-faq details{border-bottom:1px solid var(--line);background:#fff;padding:20px}.seo-faq summary{cursor:pointer;font-size:16px;font-weight:700;line-height:1.6}.seo-faq summary:focus-visible{outline-offset:4px;outline:3px solid #ed8d41}.seo-faq p{max-width:900px}.seo-footer{color:#53687a;padding:28px 0}.seo-footer nav{flex-wrap:wrap;gap:20px;display:flex}.seo-footer a{color:var(--blue);text-underline-offset:4px}.seo-template-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:56px 0;display:grid}.seo-template-hero h1{letter-spacing:-1px;max-width:740px;font-size:clamp(34px,3.5vw,56px);line-height:1.3}.seo-template-hero p{max-width:700px;font-size:17px}.seo-cta{background:var(--navy);color:#fff;border-radius:12px;margin:18px 16px 0 0;padding:16px 24px;text-decoration:none;display:inline-block}.seo-flow{text-align:center;background:#fffcf6;border:1px solid #e2dfd5;border-radius:22px;gap:14px;padding:32px;display:grid}.seo-flow span{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px;font-size:20px;font-weight:700}.seo-flow b{color:#bc501b;font-size:24px}.seo-flow p{margin:0;font-size:12px}@media (max-width:1100px){.public-nav{order:5;width:100%}.topbar:has(.public-nav){flex-wrap:wrap;height:auto;padding:16px 24px}.seo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.seo-template-hero{grid-template-columns:1fr;gap:24px;padding:28px 0}.seo-template-hero h1{font-size:34px}.seo-steps,.seo-cases{grid-template-columns:1fr}.public-nav{gap:6px}.public-nav a{padding:10px 6px;font-size:12px}.seo-flow{padding:20px}.seo-section{padding:26px 0}.seo-template-hero p{font-size:15px}}.native-thumbnail{background:#edf2f7;border-radius:5px;width:100%;overflow:hidden}.native-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.thumbnail-pending{text-align:center;color:#5b7084;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:12px;display:flex}.thumbnail-pending strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.thumbnail-pending small{font-size:10px;line-height:1.4}.page-thumb>span{font-size:11px}.page-library{padding:14px}.page-list{scrollbar-gutter:stable;max-height:65vh}.nativepending{flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:28px;display:flex}.nativepending strong{font-size:16px}.nativepending p{color:#617586;max-width:470px;font-size:13px;line-height:1.8}.nativepending progress{max-width:420px;height:6px}.element-panel{border:1px solid var(--line);background:#f7f9fc;border-radius:12px;padding:16px;overflow:hidden}.element-panel h2{font-size:16px}.element-item strong{overflow-wrap:anywhere;font-size:13px;line-height:1.5;display:block}.element-list{scrollbar-gutter:stable;max-height:42vh}.element-panel textarea{min-height:130px}.editgrid>div{min-width:0}.nativepage{flex-shrink:0}.previewbox{min-height:360px}.nativeimage{aspect-ratio:inherit;object-fit:contain}@media (min-width:1151px){.editgrid{grid-template-columns:minmax(0,1fr) 250px}.layout{grid-template-columns:215px minmax(0,1fr)}}@media (max-width:760px){.nativepending{min-height:230px;padding:18px}.page-list{max-height:160px}.previewbox{min-height:240px}.element-list{max-height:280px}}.generation-text-draft{border:1px solid var(--line);background:#fff;border-radius:10px;max-height:420px;padding:18px 24px;overflow:auto}.generation-text-draft p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.page-list{grid-template-columns:minmax(0,1fr);overflow-x:hidden}.page-thumb{min-width:0;max-width:100%}.native-thumbnail{min-width:0}.native-thumbnail img{max-width:100%}@media (max-width:760px){.page-list{overflow-x:auto}.page-thumb{flex:0 0 150px;min-width:150px}}.layout>*,.sidebar>.card{min-width:0}.page-list{min-width:0;max-width:100%}@media (max-width:760px){.layout,.sidebar{grid-template-columns:minmax(0,1fr)}}.mapping-help{border:1px solid var(--line);overflow-wrap:anywhere;background:#f5f8fc;border-radius:10px;margin:16px 0;padding:14px 16px}.mapping-help p{color:#526881;margin:6px 0 0;font-size:13px;line-height:1.7}