:root{--ink:#142e29;--muted:#667873;--line:#d8e2de;--green:#137a67;--pale:#edf5f1;--paper:#f5f6f2;--white:#fff;--shadow:0 18px 50px rgba(20,46,41,.08)}*{box-sizing:border-box}.app-page{margin:0;background:radial-gradient(800px 360px at 80% 0,#dceee7 0,transparent 65%),var(--paper);color:var(--ink);font:14px/1.6 Inter,"Avenir Next","PingFang SC",sans-serif}.app-shell{width:min(1200px,calc(100% - 28px));margin:14px auto 0}.workspace-nav{height:68px;padding:0 13px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);position:sticky;top:12px;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.mark{width:42px;height:42px;border-radius:12px;background:var(--ink);display:grid;place-items:center;color:#fff;font-weight:800}.brand-copy{display:grid;line-height:1.2}.brand-copy b{font-size:17px}.brand-copy small{font-size:8px;letter-spacing:1.6px;color:#82918d}.workspace-state{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:20px;background:var(--pale);color:#52736b;font-size:11px}.workspace-state span{width:7px;height:7px;border-radius:50%;background:#27a982}.workspace-actions{display:flex;justify-content:flex-end;gap:8px}.nav-link{padding:8px 11px;color:#5a6c67;text-decoration:none;border-radius:8px}.nav-link:hover{background:var(--pale);color:var(--green)}.ai-main{padding:70px 14px 50px;gap:22px}.app-page .ai-main{padding-left:28px;padding-right:28px}.ai-hero{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;padding:20px 4px 34px}.ai-hero h1{font:500 clamp(38px,5vw,61px)/1.15 Georgia,"Songti SC",serif;letter-spacing:-1px;margin:10px 0 18px}.eyebrow,.step-number{color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.6px}.ai-hero .sub{max-width:740px;color:var(--muted);font-size:16px;line-height:1.8}.hero-proof{display:grid;gap:4px;min-width:180px}.hero-proof span{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);color:#52645f}.hero-proof b{color:var(--green);font-size:10px}.composer-card,.result-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.composer-head,.ai-out-head{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:18px}.composer-head h2,.ai-out-head h2{margin:3px 0 0;font-size:23px}.composer-head p,.ai-out-head p{margin:2px 0;color:var(--muted)}.model-field{display:grid;gap:5px;min-width:180px}.model-field label{font-size:11px;color:var(--muted);font-weight:700}.ai-select{width:100%;border-color:var(--line);background:#f9fbfa}.composer-card #aiPrompt{min-height:220px;padding:18px;border-color:var(--line);background:#fafcfb;font-size:15px;line-height:1.8}.ai-toolbar{justify-content:space-between;align-items:center}.ai-toolbar>div{display:flex;gap:8px}.btn{border:0;border-radius:10px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer}.btn.ghost{border:1px solid var(--line);background:#fff;color:#405750}.btn.text{background:transparent;color:#75847f}.btn.solid{background:var(--ink);color:#fff}.btn.solid:hover{background:var(--green)}.btn.generate{min-width:210px;justify-content:space-between}.btn.generate i{font-style:normal;font-size:18px}.ai-status{display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:#2caf87}.result-card{min-height:260px}.ai-summary{border-color:var(--line);background:var(--pale)}.ai-table-wrap{border-color:var(--line)}.ai-result-table th{background:#eef5f2;color:#294c44}.app-foot{padding:28px 14px 42px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#7a8985}.app-foot a{color:var(--green)}@media(max-width:760px){.workspace-nav{grid-template-columns:1fr auto}.workspace-state{display:none}.workspace-actions .nav-link:last-child{display:none}.app-page .ai-main{padding:35px 0}.ai-hero{grid-template-columns:1fr}.hero-proof{grid-template-columns:repeat(3,1fr)}.hero-proof span{display:grid}.composer-head,.ai-out-head{display:grid}.model-field{width:100%}.ai-toolbar,.ai-out-head .ai-toolbar{align-items:stretch}.ai-toolbar.right{width:100%}.ai-toolbar.right .btn{flex:1}.app-foot{display:grid;gap:5px}}@media(max-width:520px){.app-shell{width:calc(100% - 16px);margin-top:8px}.workspace-nav{top:6px}.ai-hero h1{font-size:38px}.composer-card,.result-card{padding:20px}.ai-toolbar{display:grid}.ai-toolbar>div{display:flex}.btn.generate{width:100%}.hero-proof{display:none}.ai-result-table{min-width:900px}}
