/* Comfortable reading and interaction sizes, independent of browser zoom. */
:root{--body-size:clamp(16px,1vw,19px);--label-size:clamp(14px,.88vw,16px);--small-size:clamp(12px,.76vw,14px);--muted:#687b70;font-size:16px}
body{font-size:var(--body-size)}
header{height:84px;padding-inline:32px}.brand{font-size:26px}.brand span{font-size:11px}.header-right{gap:18px}.demo-badge{font-size:13px;padding:10px 14px}.text-button,.header-right .text-button{font-size:var(--label-size);min-height:44px;padding:10px 12px}
main{grid-template-columns:clamp(350px,28vw,510px) minmax(0,1fr);height:calc(100dvh - 84px)}
.conversation-head{padding:24px;gap:14px;min-height:100px}.agent-icon{width:46px;height:46px;flex-shrink:0;font-size:30px}h1{font-size:20px;line-height:1.4}.conversation-head p{font-size:13px;line-height:1.5;color:#6e8175}.tiny{font-size:12px}
.messages{padding:24px 28px}.date,.byline{font-size:12px;color:#728675}.message{margin-bottom:28px}.message p,.message .muted{font-size:var(--body-size);line-height:1.85}.message .muted{color:#718074}.message.user{padding:16px 18px;margin-left:20px}.message img{max-width:min(240px,100%);max-height:180px;width:auto;border-radius:10px}
.upload-card{padding:28px 15px;gap:13px}.upload-card strong{font-size:17px}.upload-card span:not(.upload-symbol){font-size:14px}.upload-card small,.privacy{font-size:12px;color:#748370}.sample{padding:16px;gap:14px}.sample strong{font-size:16px;line-height:1.4}.sample small{font-size:13px;line-height:1.5;color:#748570}.sample img{width:82px;height:64px}
.composer-wrap{padding:18px 22px 10px}.composer{padding:16px;border-radius:15px}.composer textarea{font-size:16px;min-height:65px;line-height:1.7}.composer textarea::placeholder{color:#7b887e}.composer span{font-size:12px;color:#778877}.composer button{min-width:44px;min-height:44px;font-size:28px}.composer .send{width:44px;height:44px;border-radius:11px}.composer-note{font-size:12px;color:#798775;line-height:1.5;margin:12px 0 0}
.workflow{height:76px;font-size:15px;gap:24px}.step{gap:10px;color:#74836e}.step b{width:28px;height:28px;font-size:12px}.workspace-scroll{padding:30px clamp(24px,3vw,60px) 0;scrollbar-gutter:stable}.stage-head{margin-bottom:22px;gap:18px}.eyebrow{font-size:12px;color:#78896b;line-height:1.5}h2{font-size:clamp(28px,1.8vw,36px);font-weight:600;letter-spacing:-.6px;line-height:1.4;margin:12px 0}h3{font-size:23px;line-height:1.5}.stage-head p{font-size:var(--label-size);line-height:1.7;color:#6b7d65}.live-label{font-size:11px;margin-top:7px}
.stage{height:clamp(370px,41vh,490px);min-height:370px;border-radius:18px}.stage-top{font-size:14px;top:22px;left:24px;align-items:center;gap:12px}.stage-chip{font-size:12px;padding:8px 10px}.stage-footer{bottom:18px;left:24px;right:20px;gap:15px}.stage-footer>span{font-size:12px;color:#6b7e5d}.view-controls{padding:5px;border-radius:11px;flex-shrink:0}.view-controls button{font-size:14px;padding:10px 12px;min-width:42px;min-height:42px}.dimension-label{font-size:14px;padding:10px 14px}
.vision-toolbar{margin:12px 0 24px;gap:16px}.vision-toolbar b{font-size:15px}.vision-toolbar span{font-size:12px;color:#708265}.vision-toolbar>div:last-child{gap:7px}.vision-toolbar button{min-height:44px;font-size:14px;padding:10px 14px;border-radius:8px}.curtain-handle{width:48px;height:48px}.reference-label,.compare-model-label{font-size:13px;padding:9px 12px;max-width:65%;line-height:1.4}.stage:has(.comparison:not([hidden])) .stage-chip{visibility:hidden}
.vision-kicker{font-size:12px}.vision-hud h3{font-size:26px}.vision-caption{font-size:14px}.vision-phases span{font-size:13px}.vision-note{font-size:11px}.vision-phases{bottom:28px}.vision-hud{inset:24px 28px}.scan-status{width:min(360px,90%);font-size:14px}.scan-status strong{font-size:14px}
.intro{gap:24px;padding:26px 0}.intro span{font-size:12px}.intro strong{font-size:17px;line-height:1.5}.intro p{font-size:14px;color:#77866c;line-height:1.7}.workspace-foot{font-size:11px;line-height:1.6;color:#7c8a73}
.section-heading{margin:28px 0 20px;gap:16px}.section-heading h3{font-size:23px;margin:8px 0}.count{font-size:13px;padding:10px 12px;white-space:nowrap}.match-card{padding:18px 20px;gap:20px;border-radius:13px}.match-card img{width:84px;height:70px;flex-shrink:0}.match-card small{font-size:13px;color:#70855f}.match-card strong{font-size:18px;line-height:1.5;margin:7px 0}.match-card span{font-size:14px;line-height:1.7;color:#6e805f}.match-card button{font-size:14px}.field-note{font-size:14px;line-height:1.8;color:#748069;margin:18px 0}
.recognition-details{padding:22px;border-radius:13px}.recognition-title{font-size:17px;align-items:center;flex-wrap:wrap}.recognition-title small{font-size:12px;color:#708665}.recognition-details p{font-size:15px;line-height:1.8;color:#637b58}.feature-tags{gap:10px;margin:17px 0}.feature-tags span{font-size:14px;padding:8px 11px;line-height:1.65}.quick-action{font-size:14px;padding:11px 15px;min-height:44px}
.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{padding:19px;border-radius:12px}.field-top{font-size:16px;gap:12px;margin-bottom:14px;line-height:1.5}.field-status{font-size:12px;white-space:nowrap;color:#8f7849}.field-inputs{gap:9px}.field input,.field select{font-size:16px;padding:11px 10px;min-height:46px;border-radius:7px}.field-check{width:44px;height:46px;font-size:21px;border-radius:7px}.field .unit{font-size:13px}.confirm-footer{gap:14px;padding:24px 0;justify-content:flex-end}.primary{font-size:16px;min-height:48px;padding:14px 20px;border-radius:10px}.primary span{margin-left:12px}
.field[data-field="product"]{grid-column:1/-1;background:#f7faef;border-color:#d5e1ca}.field[data-field="product"] .field-inputs{align-items:stretch}.field[data-field="product"] input{flex:1}.suggest-size{min-height:46px;padding:10px 15px;border:1px solid #b9cdaa;border-radius:7px;background:#e7efdc;color:#315f43;font-size:14px;white-space:nowrap}.field[data-field="size"] .field-status{white-space:normal;text-align:right}
.quote-hero{padding:28px;gap:20px;flex-wrap:wrap}.quote-hero small{font-size:13px}.quote-hero h3{font-size:46px}.quote-hero h3 span{font-size:16px}.quote-hero p{font-size:15px;line-height:1.7}.quote-total strong{font-size:30px}.cost-row{font-size:17px;padding:20px;gap:15px}.cost-row small{font-size:14px;line-height:1.8;color:#70815f}.cost-row strong{font-size:18px}.quote-disclosure{font-size:14px;color:#6a7b5d;padding:20px}.quote-actions{flex-wrap:wrap}.quote-actions .text-button{font-size:15px}
dialog{max-width:700px;padding:30px}dialog p{font-size:15px;line-height:1.8}.dialog-heading button{min-width:44px;min-height:44px}.library-option{padding:20px}.library-option strong{font-size:18px}.library-option small{font-size:14px;line-height:1.7}.toast{font-size:15px;line-height:1.6}
#historyDialog{max-width:760px}#historyList{display:grid;gap:12px;margin-top:22px}.history-item{width:100%;display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;text-align:left;padding:15px;border:1px solid #dce5d4;border-radius:12px;background:#fafcf6}.history-item:hover{background:#f2f7eb}.history-thumb{width:92px;height:68px;border-radius:8px;background:#e9efe2;display:grid;place-items:center;overflow:hidden}.history-thumb img{width:100%;height:100%;object-fit:cover}.history-thumb b{font-size:14px}.history-item strong,.history-item small,.history-item em{display:block}.history-item strong{font-size:17px;line-height:1.45;margin-bottom:7px}.history-item small{font-size:13px;line-height:1.55;color:#6f806b}.history-item em{font-size:11px;font-style:normal;color:#929e8c;margin-top:7px}.history-item>i{font-size:13px;font-style:normal;color:#39664b;white-space:nowrap}
@media(max-width:1400px){.stage-footer>span{display:none}.stage-footer{justify-content:center}.vision-toolbar{flex-wrap:wrap}.vision-toolbar>div:first-child{display:none}.vision-toolbar>div:last-child{justify-content:flex-start}.live-label{display:none}.match-card{flex-wrap:wrap;gap:12px}.match-card>div{flex:1;min-width:130px}.match-card button{padding:8px}.intro{gap:16px}.intro>div+div{padding-left:16px}}
@media(min-width:2000px){main{grid-template-columns:clamp(510px,25vw,620px) minmax(0,1fr)}.conversation-head{padding:28px 32px}.messages{padding:28px 36px}.workspace-scroll{padding-inline:clamp(60px,4vw,100px)}.stage{height:clamp(440px,40vh,560px)}}
@media(max-width:1100px){main{grid-template-columns:340px minmax(0,1fr)}.messages{padding:22px}.conversation-head{padding:20px;gap:10px}h1{font-size:18px}.conversation-head p{font-size:12px}.workspace-scroll{padding:24px 20px 0}.workflow{font-size:13px;gap:12px}.step{gap:6px}.stage{height:390px}.intro{grid-template-columns:1fr;gap:18px}.intro>div+div{padding:0;border:0}.intro span{margin-bottom:6px}.intro p{margin:5px 0}.section-heading h3{font-size:21px}.stage-head p{font-size:14px}.match-card span{display:block}.vision-hud{inset:20px}.vision-toolbar button{padding:10px 11px;font-size:13px}.reference-label,.compare-model-label{font-size:12px}.vision-caption{font-size:13px}}
@media(max-width:760px){header{height:72px;padding-inline:14px}.brand{font-size:22px}.header-right{gap:3px}.demo-badge{display:none}.header-right .text-button{font-size:12px;padding:8px}.rail{width:48px}.shell{margin-left:48px}main{display:flex;height:auto}.conversation-head{padding:20px}.messages{max-height:460px}.composer-wrap{padding:14px 18px}.workspace-scroll{padding:24px 16px 0}.workflow{font-size:12px;gap:8px;height:68px}.step b{width:24px;height:24px}.step{gap:5px}.stage{height:380px;min-height:380px}h2{font-size:26px}.section-heading{flex-wrap:wrap}.section-heading h3{font-size:20px}.match-card img{width:62px;height:58px}.match-card strong{font-size:16px}.field{padding:16px}.view-controls button{font-size:13px;padding:8px;min-width:38px}.stage-footer{left:10px;right:10px}.reference-label{left:15px}.compare-model-label{right:15px;max-width:62%}.vision-hud h3{font-size:23px}.vision-phases{gap:7px}.vision-phases span{font-size:11px}.vision-note{font-size:10px}.vision-toolbar button{font-size:13px}.quote-hero{padding:22px}.quote-total{text-align:left}.quote-hero h3{font-size:38px}.cost-row{padding:17px 14px;gap:10px;font-size:15px}.cost-row strong{font-size:16px}.workspace-foot{flex-wrap:wrap;font-size:11px}.history-item{grid-template-columns:72px 1fr;gap:12px}.history-thumb{width:72px;height:58px}.history-item>i{grid-column:2}}

@media(max-width:1300px){.fields{grid-template-columns:1fr}}