:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:#203039;background:#f4f4f0;scroll-behavior:smooth}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-70px;background:#fff;padding:12px;z-index:20}.skip:focus{top:12px}:focus-visible{outline:3px solid #f0ad7f;outline-offset:3px}
.topbar{height:74px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:#101b2a;color:#fff;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:.05em;line-height:1}.brand small{display:block;margin-top:5px;font-size:9px;font-weight:500;color:#9fb0bd;letter-spacing:.25em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#e7a36d,#dd7252);font-size:23px;color:#162434}.topbar nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.topbar nav a{color:#b9c8d0}.topbar nav a:hover{color:#fff}
.primary,.secondary,.outline{border:1px solid transparent;border-radius:10px;padding:13px 20px;font-weight:700;transition:background .2s,transform .2s}.primary{background:#e47c55;color:#fff}.primary:hover{background:#cb6541;transform:translateY(-1px)}.secondary{display:inline-block;background:#233e4b;color:#fff}.secondary:hover{background:#345563}.outline{border-color:#cad7d5;background:transparent;color:#294550}.outline:hover{background:#e8eeec}.small{padding:9px 16px;font-size:12px}.full{width:100%}.topbar .outline{border-color:#ffffff44;color:#fff}.topbar .outline:hover{background:#ffffff16}
.conversation-stage{position:relative;isolation:isolate;color:#fff;background:#101b2a url("/hero-studio.png") center center/cover no-repeat;overflow:hidden}.conversation-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#101b2a66 0%,#101b2ada 34%,#101b2af2 74%,#101b2a 100%);z-index:-1}.conversation-stage:after{content:"";position:absolute;left:-20%;right:-20%;top:0;height:100%;background:radial-gradient(circle at 50% 33%,transparent 13%,#07111b37 73%);pointer-events:none;z-index:-1}.stage-inner{padding-top:31px;padding-bottom:24px}.stage-intro{text-align:center}.stage-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;color:#d9aa88;font-weight:800;font-size:11px;letter-spacing:.24em}.stage-kicker span,.agent-live span{width:7px;height:7px;border-radius:50%;background:#e7a372;box-shadow:0 0 13px #e7a372}.stage-intro h1{font-size:clamp(36px,4.3vw,53px);line-height:1.14;letter-spacing:-.04em;margin:0;font-weight:800}.stage-intro h1 em{font-style:normal;color:#eab58e}.stage-intro>p:last-child{font-size:13px;line-height:1.65;color:#b8c4ca;margin:10px auto 0;max-width:640px}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,.8fr);gap:18px;margin-top:21px;align-items:stretch}.conversation-card,.brief-panel{border:1px solid #ffffff26;box-shadow:0 27px 70px #0007;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.conversation-card{border-radius:22px;background:#101a26e8;overflow:hidden}.conversation-head{display:flex;align-items:center;gap:11px;padding:15px 22px;border-bottom:1px solid #ffffff1a}.agent-icon{width:34px;height:34px;border-radius:10px;background:#e7ac83;color:#172534;display:grid;place-items:center;font-size:23px}.conversation-head h2{font-size:14px;margin:0 0 3px}.conversation-head p{font-size:10px;color:#94a6b0;margin:0}.agent-live{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:10px;color:#bfcdd0;border:1px solid #ffffff22;border-radius:30px;padding:7px 10px}.agent-live span{width:5px;height:5px;background:#7cd5ab;box-shadow:0 0 10px #7cd5ab}
.chat-messages{height:148px;overflow:auto;padding:16px 22px 5px;scrollbar-color:#526170 transparent}.chat-welcome{max-width:540px}.chat-welcome span{font-size:10px;font-weight:700;color:#e5b28c;letter-spacing:.12em}.chat-welcome p{font-size:14px;line-height:1.78;margin:7px 0 0;color:#e5eaec}.chat-line{display:flex;margin:10px 0}.chat-line.user{justify-content:flex-end}.chat-line.assistant{justify-content:flex-start}.chat-bubble{max-width:88%;border-radius:14px;padding:10px 13px;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.chat-line.user .chat-bubble{background:#e9ad85;color:#172736;border-bottom-right-radius:4px}.chat-line.assistant .chat-bubble{background:#ffffff17;border:1px solid #ffffff1b;color:#e8eff0;border-bottom-left-radius:4px}.chat-status{height:18px;margin:0;padding:0 22px;font-size:11px;color:#f4c49b}.chat-resume{margin:0 22px 8px;border:0;background:none;padding:4px 0;text-decoration:underline;color:#f0bd9b;font-size:11px}
.chat-starters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 22px 15px}.chat-starters span{font-size:10px;color:#8596a2;margin-right:4px}.chat-starters button{border:1px solid #ffffff2d;border-radius:100px;background:#ffffff0b;padding:7px 11px;color:#d4dfe1;font-size:11px}.chat-starters button:hover{background:#ffffff20}.chat-composer{margin:0 16px 0;background:#f6f7f5;border-radius:14px;border:1px solid #fff;box-shadow:0 8px 25px #0002}.chat-composer textarea{width:100%;resize:vertical;min-height:69px;border:0;outline:0;background:transparent;color:#263b45;padding:14px 16px 5px;line-height:1.5;font-size:13px}.chat-composer textarea::placeholder{color:#8c9a9e}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 9px 9px 15px}.composer-controls{display:flex;align-items:center;gap:8px;min-width:0}.composer-controls select,.composer-controls button{border:0;background:#e9eeed;color:#52666c;border-radius:7px;padding:8px;font-size:11px;font-weight:700}.composer-controls select{max-width:125px}.composer-controls button:hover{background:#dce6e3}.composer-controls span{color:#88979b;font-size:10px;white-space:nowrap}.chat-send{border:0;border-radius:9px;background:#df7752;color:#fff;font-size:12px;font-weight:800;padding:10px 18px;white-space:nowrap}.chat-send:hover{background:#c76240}.chat-disclaimer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px 17px;font-size:10px;line-height:1.6;color:#8ea1aa}.chat-disclaimer button{border:0;background:none;color:#c9d6d8;text-decoration:underline;font-size:10px;white-space:nowrap}
.brief-panel{display:flex;flex-direction:column;min-height:475px;padding:25px;border-radius:21px;background:linear-gradient(145deg,#273b48dc,#122330ee)}.brief-top{display:flex;align-items:center;gap:9px;color:#dfb595;letter-spacing:.16em;font-size:10px;font-weight:800}.brief-symbol{font-size:20px}.brief-panel h2{font-size:26px;margin:12px 0 7px;letter-spacing:-.02em}.brief-hint{font-size:11px;color:#b9c8ce;line-height:1.75;margin:0 0 22px}.brief-empty{display:grid;place-items:center;flex:1;min-height:135px;border:1px dashed #ffffff35;border-radius:13px;color:#96acb5;font-size:12px;text-align:center;line-height:1.7;padding:20px}.brief-label{margin:16px 0 7px;color:#dca780;font-size:10px;font-weight:800;letter-spacing:.15em}.brief-draft{color:#fff;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.brief-ready{font-size:11px;color:#8edcb3;margin:9px 0}.brief-panel ul{margin:0 0 20px;padding-left:18px;color:#c8d4d7;font-size:11px;line-height:1.6}.brief-panel li{margin:4px 0}.brief-action{width:100%;border:0;border-radius:10px;background:#e9ad85;color:#19303d;font-size:12px;font-weight:800;padding:13px;margin-top:auto}.brief-action:hover:not(:disabled){background:#f1c19f}.brief-action:disabled{opacity:1;background:#2b4351;color:#b5c5cc;border:1px solid #ffffff2b}.brief-skip{border:0;background:none;color:#bdcbd0;text-decoration:underline;padding:13px 0 0;font-size:11px}.stage-bottom{display:flex;justify-content:space-between;gap:14px;margin:20px 3px 0;color:#869dab;font-size:10px;letter-spacing:.12em}.stage-bottom span{color:#d5a682}
.eyebrow{color:#bf785d;font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 0 9px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.section-heading h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.04em;margin:0}.step-indicator{color:#9aaba8;font-size:11px;font-weight:800;letter-spacing:.1em}.how,.workspace,.works{padding-top:75px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-grid article{min-height:173px;border:1px solid #e1e9e5;border-radius:15px;background:#fff;padding:26px}.how-grid span{color:#bd795e;font-weight:800;font-size:12px}.how-grid h3{font-size:18px;margin:17px 0 8px}.how-grid p{font-size:12px;line-height:1.75;color:#768987;margin:0}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.9fr);gap:22px}.work-main,.review{border-radius:18px;padding:26px}.work-main{background:#fff;border:1px solid #e5eae7}.theme-editor{margin-bottom:22px}.theme-editor label{font-size:16px;font-weight:800}.theme-editor p{font-size:12px;color:#81918f;line-height:1.7;margin:7px 0 12px}.theme-editor textarea{width:100%;border:1px solid #dce6e1;border-radius:10px;background:#f9fbf9;padding:14px;resize:vertical;line-height:1.7;color:#243c44}.theme-editor span{display:block;text-align:right;color:#9aaba8;font-size:11px}.upload-box{border:1.5px dashed #bfd0c8;background:#f8faf8;border-radius:15px;padding:25px;text-align:center}.upload-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 9px;background:#e7eeea;border-radius:12px;color:#35545b;font-size:27px}.upload-box h3{font-size:18px;margin:0 0 7px}.upload-box p{font-size:12px;color:#869591;line-height:1.75;margin:0 auto 15px;max-width:470px}.upload-box input{position:absolute;width:1px;height:1px;opacity:0}.upload-button{font-size:12px}.file-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:15px}.file-item{position:relative;width:85px}.file-item img{width:85px;height:85px;border-radius:9px;object-fit:cover}.file-item button{position:absolute;right:-6px;top:-6px;border:0;border-radius:50%;background:#243c45;color:#fff;width:21px;height:21px;line-height:1}.file-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718482;font-size:10px;margin-top:3px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.options label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.options select{width:100%;padding:11px 9px;border:1px solid #dce5e0;border-radius:9px;background:#fff;color:#38545b;font-size:11px}
.review{display:flex;flex-direction:column;background:#203944;color:#fff}.review-kicker{font-size:10px;color:#e8b18a;font-weight:800;letter-spacing:.15em}.review h3{font-size:22px;margin:12px 0 22px}.review dl{margin:0}.review dl div{display:grid;grid-template-columns:43px 1fr;gap:8px;padding:14px 0;border-top:1px solid #ffffff21}.review dt{font-size:11px;color:#94acb2}.review dd{margin:0;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.review .access{color:#e9c9af;font-size:12px;margin:20px 0 8px}.charge{font-size:11px;line-height:1.7;color:#acbec1;margin:0 0 19px}.review .primary{margin-top:auto}.review .text-button{border:0;background:none;color:#fff;text-decoration:underline;padding:12px 0;font-size:11px}.status{min-height:18px;font-size:11px;line-height:1.6}.review .status{color:#f2cfb1}
.records{display:grid;gap:11px}.record,.empty{background:#fff;border:1px solid #e3e8e5;border-radius:12px;padding:19px}.empty{color:#869892;font-size:13px}.record{display:flex;align-items:center;justify-content:space-between;gap:12px}.record strong{display:block;font-size:13px}.record small{display:block;margin-top:6px;color:#8b9c98}.footnote{margin-top:65px;margin-bottom:60px;border-left:3px solid #df805c;padding-left:20px;color:#778985;font-size:12px;line-height:1.75}footer{background:#172b35;color:#d5e0e0}.footer-inner{display:flex;justify-content:space-between;gap:12px;padding:27px 0;font-size:12px}
dialog{border:0;border-radius:18px;box-shadow:0 30px 80px #0008;width:min(420px,calc(100% - 32px));padding:30px;color:#243b42}dialog::backdrop{background:#0b1925b9}dialog form{position:relative}dialog h2{font-size:25px;margin:0 0 9px}dialog p:not(.eyebrow):not(.status){color:#79908f;font-size:12px;line-height:1.75;margin:0 0 20px}dialog label{display:block;font-size:12px;font-weight:800;margin:13px 0 6px}dialog input{width:100%;border:1px solid #d5e0dc;border-radius:9px;padding:12px}dialog .close{position:absolute;right:0;top:0;border:0;background:none;font-size:27px;color:#789}.account-actions{display:flex;gap:10px;margin-top:20px}.account-actions button{flex:1}.account-actions+.status{color:#b15528}
@media(max-width:850px){.studio-grid{grid-template-columns:1fr}.brief-panel{min-height:auto}.brief-empty{min-height:90px}.workspace-grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}.how-grid article{min-height:auto}.how-grid h3{margin-top:10px}}
@media(max-width:520px){.wrap{width:calc(100% - 30px)}.topbar{height:68px;padding:0 15px}.brand{font-size:16px}.brand-mark{width:32px;height:32px;font-size:20px}.brand small{font-size:8px}.topbar nav{gap:10px}.topbar nav a{display:none}.topbar .small{padding:7px 10px}.stage-inner{padding-top:34px}.stage-intro h1{font-size:37px}.stage-intro>p:last-child{font-size:12px}.studio-grid{margin-top:25px;gap:13px}.conversation-head{padding:15px}.agent-live{font-size:9px}.chat-messages{padding:15px;height:215px}.chat-starters{padding:8px 15px 14px}.chat-starters button{font-size:10px}.chat-disclaimer{padding:13px 15px}.brief-panel{padding:20px}.stage-bottom{font-size:9px;line-height:1.5}.how,.workspace,.works{padding-top:60px}.section-heading{align-items:start}.step-indicator{font-size:9px;white-space:nowrap}.work-main,.review{padding:19px}.options{grid-template-columns:1fr}.record{align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.chat-inline-draft{display:grid;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff30}.chat-inline-draft strong{font-size:11px;color:#eab58e}.chat-inline-draft span{white-space:pre-wrap}.chat-thinking{display:flex;align-items:center;gap:9px;color:#b9c8ce!important}.thinking-dots{display:inline-flex;gap:4px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:#eab58e;animation:thinking-pulse 1.2s infinite ease-in-out}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,60%,100%{opacity:.35;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.thinking-dots i{animation:none;opacity:.8}}