.product-demo{min-width:0}.product-demo header{border-bottom:1px solid var(--studio-line);align-items:center;gap:12px;padding:22px;display:flex}.product-demo header strong{font-size:16px;font-weight:500;display:block}.product-demo small{color:var(--studio-muted);font-size:12px;line-height:1.5;display:block}.demo-conversation{grid-template-columns:1.5fr 1fr;gap:8px;display:grid}.demo-thread,.demo-summary,.demo-jobs>section,.demo-job-detail,.demo-resume{border:1px solid var(--studio-line);background:#fbf9f6;border-radius:8px;overflow:hidden}.demo-symbol{background:var(--studio-tint);width:36px;height:36px;color:var(--studio-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.demo-messages{gap:20px;min-height:310px;padding:24px 18px;display:grid}.demo-message{background:#fff;border:1px solid #e8e2ea;border-radius:8px;max-width:91%;padding:16px}.demo-message--agent{background:var(--studio-tint);margin-left:auto}.demo-message p{margin:6px 0 0;font-size:14px;line-height:1.5}.demo-control{border:1px solid var(--studio-line);min-height:46px;color:var(--studio-ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:16px;margin:0 18px 20px;padding:10px 14px;font-size:13px;display:flex}.demo-control:hover{background:var(--studio-tint)}.demo-summary{transition:background .2s,border-color .2s}.demo-summary.is-highlighted{background:var(--studio-tint);border-color:var(--studio-accent)}.demo-summary__body{padding:24px 18px}.demo-summary h3{margin:20px 0 10px;font-size:21px}.demo-summary p{font-size:13px;line-height:1.55}.demo-summary dl{border-top:1px solid var(--studio-line);margin-top:24px;padding-top:20px}.demo-summary dt{color:var(--studio-muted);margin-bottom:7px;font-size:11px}.demo-summary dd{margin:0 0 22px;font-size:15px;line-height:1.4}.demo-summary .demo-feedback{color:var(--studio-accent);min-height:40px;margin-bottom:0;font-weight:500}.demo-jobs{grid-template-columns:1.3fr 1fr;gap:8px;display:grid}.demo-jobs header{justify-content:space-between}.demo-job{border-bottom:1px solid var(--studio-line);align-items:start;gap:8px;min-height:125px;padding:22px 12px;display:flex}.demo-job.is-selected{background:var(--studio-tint)}.demo-job__select{text-align:left;color:var(--studio-ink);cursor:pointer;background:0 0;border:none;flex:1;align-items:start;gap:10px;padding:0;display:flex}.demo-job__select strong{font-size:15px;font-weight:500;line-height:1.4;display:block}.demo-job__select small{margin-top:6px}.demo-job .demo-symbol{width:26px;height:26px;font-size:18px}.demo-save{color:var(--studio-accent);cursor:pointer;background:0 0;border:0;min-height:44px;padding:6px;font-size:12px}.demo-save[aria-pressed=true]{font-weight:700}.demo-job-detail{padding:24px 20px}.demo-job-detail h3{font-size:26px}.demo-job-detail p{font-size:14px}.demo-job-detail h4{margin:26px 0 10px;font-size:14px;font-weight:500}.demo-resume{grid-template-columns:1fr 1fr;display:grid}.demo-resume-editor{border-right:1px solid var(--studio-line)}.demo-resume-editor header{display:block}.demo-resume-editor>div{padding:20px}.demo-resume-editor label{color:var(--studio-muted);margin:0 0 8px;font-size:12px;display:block}.demo-resume-editor input,.demo-resume-editor textarea{width:100%;color:var(--studio-ink);border:1px solid var(--studio-line);resize:vertical;background:#fff;border-radius:4px;min-height:44px;margin-bottom:20px;padding:10px;font:14px/1.5 Arial;display:block}.demo-resume-editor .demo-control{margin:0 0 16px}.demo-resume-preview{background:#eee9ee;padding:20px}.demo-paper{overflow-wrap:anywhere;background:#fff;min-height:100%;padding:24px 18px;box-shadow:0 4px 16px #24193608}.demo-paper h3{margin:0 0 7px;font-size:25px}.demo-paper>p{font-size:12px;line-height:1.55}.demo-paper h4{border-top:1px solid #e5dfe8;margin:24px 0 10px;padding-top:20px;font-size:13px}.demo-paper strong{font-size:12px;font-weight:600}@media (width<=1100px){.product-demo header{padding:16px}.demo-summary__body{padding:20px 14px}.demo-messages{padding:20px 12px}.demo-job-detail{padding:20px 14px}.demo-resume-editor>div{padding:14px}.demo-resume-preview{padding:12px}.demo-paper{padding:20px 14px}}@media (width<=560px){.demo-conversation{grid-template-columns:1fr}.demo-summary__body{padding:18px}.demo-summary header{padding:16px 18px}.demo-summary__body>.demo-symbol{display:none}.demo-summary h3{margin-top:0}.demo-summary dl{grid-template-columns:90px 1fr;gap:14px;margin:18px 0 0;display:grid}.demo-summary dd{margin:0}.demo-summary .demo-feedback{min-height:0;margin-top:12px}.demo-messages{gap:14px;min-height:0;padding:18px}.demo-message p{font-size:15px}.demo-jobs{grid-template-columns:1fr}.demo-job{min-height:95px;padding:18px}.demo-job-detail{padding:24px}.demo-resume{grid-template-columns:1fr}.demo-resume-editor{border:0;border-bottom:1px solid var(--studio-line)}.demo-resume-editor>div{padding:20px}.demo-resume-editor input,.demo-resume-editor textarea{font-size:16px}.demo-resume-preview{padding:24px}.demo-paper{padding:28px}.demo-paper p{font-size:14px}.demo-paper h4{font-size:15px}}