/* One shared stage keeps the conversation and its result together. */
.assistant-section{width:min(1380px,92%);max-width:none;margin:0 auto;padding:30px 0 38px;height:calc(100svh - 88px);min-height:510px;max-height:850px;display:flex;flex-direction:column;gap:26px;scroll-margin-top:0}
.assistant-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;flex:none}
.assistant-heading h2{margin:0;font-size:clamp(29px,3.1vw,46px);line-height:1.25;letter-spacing:-.045em!important}
.assistant-heading h2 span{color:#81946d}
.assistant-heading>p{margin:0;font-size:18px;line-height:1.6;color:#6b7962}
.assistant-showcase{flex:1;min-height:0;border:1px solid #d8e2cc;border-radius:25px;overflow:hidden;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr)}
.assistant-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:10px;gap:6px;border-bottom:1px solid #d8e2cc;background:#eef2e7}
.assistant-tabs button{border:0;border-radius:10px;background:transparent;color:#687d55;min-height:47px;padding:10px 14px;font:550 16px/1.25 Onest,sans-serif;cursor:pointer;transition:background .18s,color .18s}
.assistant-tabs button:hover{background:#e0e9d3;color:#355025}
.assistant-tabs button[aria-selected=true]{background:#fff;color:#345222;box-shadow:0 1px 4px #31461f10}
.assistant-tabs button:focus-visible,.assistant-example:focus-visible{outline:2px solid #668e41;outline-offset:-4px}
.assistant-example{min-height:0;display:grid;grid-template-columns:1fr 1.18fr}
.assistant-conversation{padding:clamp(25px,3vw,46px);display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0}
.conversation-label{margin:0;font-size:16px;color:#849176;font-weight:500}
.assistant-request{align-self:flex-end;max-width:95%;margin:0;padding:20px 24px;border-radius:19px 19px 4px 19px;background:#edf2e5;color:#35492b;font-size:clamp(18px,1.55vw,22px);line-height:1.5}
.assistant-reply{display:flex;align-items:flex-start;gap:14px}
.assistant-reply>img{flex:none;margin-top:3px}
.assistant-reply>p{margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:#526347}
.assistant-takeaway{margin:12px 0 0;padding-top:24px;border-top:1px solid #e5eadf;font-size:clamp(19px,1.65vw,25px);line-height:1.45;color:#8b967f}
.assistant-takeaway strong{font-weight:550;color:#354c2b}
.assistant-result{position:relative;min-width:0;min-height:0;background:#eaf0df;border-left:1px solid #d8e2cc;overflow:hidden}
.assistant-result-view{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px 30px;gap:10px}
.assistant-result-view[hidden]{display:none}
.assistant-result-view h3{font-family:Onest,sans-serif;font-weight:550;margin:0;text-align:center;color:#526b3c;font-size:clamp(20px,1.8vw,27px);line-height:1.25;letter-spacing:-.025em}
.assistant-handle{width:95%;height:calc(100% - 55px);min-height:0;max-height:375px;object-fit:contain;filter:drop-shadow(0 12px 10px #536b3c0c)}
.assistant-dimension{display:flex;align-items:center;gap:16px;width:67%;color:#526b3c;margin-top:-20px;margin-bottom:18px}
.assistant-dimension strong{font:500 22px/1.2 Onest,sans-serif;white-space:nowrap}
.assistant-dimension span{height:1px;flex:1;background:#90a27a;position:relative}
.assistant-dimension span:before{content:'';position:absolute;left:0;top:-7px;height:15px;width:1px;background:#90a27a}
.assistant-dimension span:last-child:before{left:auto;right:0}
[data-result=dimensions] .assistant-handle{height:calc(100% - 105px)}
.assistant-paper{width:90%;height:75%;max-height:330px;display:flex;align-items:center;background:#fafbf6;border:1px solid #dce3d2;border-radius:4px;transform:rotate(-3deg);box-shadow:5px 9px 0 #dde5cf}
.assistant-sketch{width:100%;height:90%;overflow:visible;transform:rotate(3deg)}
@media(min-width:761px) and (max-height:720px){.assistant-section{padding:20px 0 25px;gap:20px;min-height:480px}.assistant-heading h2{font-size:32px}.assistant-heading>p{font-size:16px}.assistant-conversation{padding:25px;gap:18px}.assistant-request{padding:16px 20px;font-size:18px}.assistant-reply>p{font-size:17px}.assistant-takeaway{padding-top:18px;font-size:20px;margin-top:0}.assistant-result-view{padding:22px}.assistant-tabs button{min-height:42px;font-size:15px}.assistant-tabs{padding:8px}.assistant-result-view h3{font-size:22px}}
@media(max-width:1000px) and (min-width:761px){.assistant-heading>p{font-size:16px}.assistant-conversation{padding:25px;gap:20px}.assistant-request{font-size:18px}.assistant-reply>p{font-size:17px}.assistant-heading h2{font-size:33px}.assistant-takeaway{font-size:21px}}
@media(max-width:760px){.assistant-section,.product-section+.assistant-section{width:calc(100% - 24px);height:auto;max-height:none;min-height:0;padding:25px 0 34px;gap:20px}.assistant-heading{display:block;padding:0 8px}.assistant-heading h2{font-size:clamp(24px,6vw,34px)}.assistant-heading>p{font-size:16px;line-height:1.5;margin-top:13px}.assistant-heading>p br{display:none}.assistant-showcase{border-radius:20px;flex:none;grid-template-rows:auto auto}.assistant-tabs{grid-template-columns:repeat(2,1fr);padding:7px;gap:4px}.assistant-tabs button{font-size:14px;min-height:42px;padding:8px}.assistant-example{grid-template-columns:1fr;grid-template-rows:auto auto}.assistant-conversation{padding:20px;gap:15px}.conversation-label{font-size:14px}.assistant-request{font-size:17px;line-height:1.45;padding:14px 17px;max-width:96%}.assistant-reply{gap:11px}.assistant-reply>img{width:26px;height:26px}.assistant-reply>p{font-size:16px;line-height:1.5}.assistant-takeaway{display:none}.assistant-result{border-left:0;border-top:1px solid #d8e2cc;height:clamp(225px,28svh,275px)}.assistant-result-view{padding:15px 18px 20px;gap:4px}.assistant-result-view h3{font-size:20px}.assistant-handle{height:calc(100% - 30px);width:95%}.assistant-dimension{margin-top:-13px;margin-bottom:9px;gap:12px}.assistant-dimension strong{font-size:18px}[data-result=dimensions] .assistant-handle{height:calc(100% - 65px)}.assistant-paper{height:70%;width:85%;margin-bottom:14px}}

@media(max-width:760px) and (max-height:740px){.assistant-section,.product-section+.assistant-section{padding-top:18px;gap:16px}.assistant-heading>p{margin-top:9px;font-size:15px}.assistant-conversation{padding:17px;gap:12px}.conversation-label{display:none}.assistant-request{font-size:16px}.assistant-reply>p{font-size:15px}.assistant-result{height:210px}.assistant-tabs button{min-height:40px}.assistant-result-view h3{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.assistant-result-view:not([hidden]){animation:assistant-reveal .28s ease-out}@keyframes assistant-reveal{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
.is-printing #replay{display:none}
@media(max-width:760px){.is-printing .scene-controls{grid-template-columns:1fr 1fr}}
/* Three input methods share the same result area. */
.assistant-tabs{grid-template-columns:repeat(3,1fr)}
.assistant-handle{position:relative;flex:none}
.assistant-handle>img{width:100%;height:100%;object-fit:contain}
.assistant-handle>canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
.assistant-handle.mesh-ready>img{visibility:hidden}
.assistant-paper{transform:none;box-shadow:none;border-radius:12px;background:#f8faf3}
.assistant-sketch{transform:none;width:100%;height:100%}
@media(max-width:760px){.assistant-tabs{grid-template-columns:1fr 1fr 1.3fr}.assistant-tabs button{font-size:13px;min-height:46px;padding:6px}.assistant-result{height:clamp(225px,28svh,275px)}}
@media(max-width:760px) and (max-height:740px){.assistant-result{height:210px}}
/* Reserve enough room for every example so switching does not move the page. */
@media(max-width:760px){.assistant-conversation{min-height:250px}}
@media(max-width:760px) and (max-height:740px){.assistant-conversation{min-height:215px}}
@media(max-width:360px){.assistant-conversation{min-height:285px}}