.ai-section{align-items:stretch}
.ai-copy{display:flex;flex-direction:column;justify-content:center}
.claude-ui{align-self:stretch;height:100%;padding:0;display:grid;grid-template-columns:140px minmax(0,1fr);min-height:510px;overflow:hidden;border:1px solid #d8d2c7;border-radius:22px;background:#f7f5ef;color:#25231f;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.claude-side{display:flex;flex-direction:column;padding:18px 12px 14px;background:#eeeae1;border-right:1px solid #ddd7cb}.claude-product{display:flex;align-items:center;gap:9px;padding:3px 5px 18px;font-size:15px}.claude-glyph{color:#d97757;font-size:21px;line-height:1}.new-chat{display:flex;align-items:center;gap:8px;width:100%;padding:10px 11px;border:1px solid #d7d0c3;border-radius:9px;background:#f8f6f0;color:#33302b;text-align:left;font:600 12px/1 var(--font-body);cursor:default}
.claude-history{display:flex;flex-direction:column;gap:4px;margin-top:22px;min-width:0}.claude-history small{padding:0 8px 7px;color:#8a8378;font-size:8px;letter-spacing:.14em}.claude-history span{overflow:hidden;padding:9px 8px;border-radius:7px;color:#777066;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.claude-history .selected{background:#e3ded4;color:#27241f;font-weight:600}.claude-user{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px 5px 2px;border-top:1px solid #d9d3c8}.claude-user>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--ink);color:var(--lime);font-size:10px;font-weight:700}.claude-user div{display:flex;min-width:0;flex-direction:column}.claude-user strong{font-size:10px}.claude-user small{color:#8b8378;font-size:8px}
.claude-main{display:flex;min-width:0;flex-direction:column;padding:0 20px 14px;background:#f8f6f1}.claude-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0 13px;border-bottom:1px solid #ddd8cf}.claude-head div{display:flex;flex-direction:column;gap:3px}.claude-head strong{font-size:13px}.claude-head span{color:#7d766d;font-size:9px}.claude-head i{width:7px;height:7px;border-radius:50%;background:#67b65d;box-shadow:0 0 0 4px rgba(103,182,93,.1)}
.claude-ui .question-tabs{display:flex;gap:7px;margin:13px 0 0}.claude-ui .question-tabs button{padding:7px 11px;border:1px solid #d8d2c8;border-radius:99px;background:transparent;color:#4c4841;font:600 9px/1 var(--font-body)}.claude-ui .question-tabs button.active{border-color:#25231f;background:#25231f;color:#fff}.claude-thread{display:flex;flex:1;flex-direction:column;padding:20px 4px 12px}.claude-ui .user-bubble{align-self:flex-end;max-width:78%;padding:12px 14px;border-radius:13px 13px 3px 13px;background:#ece8df;color:#27241f;font-size:12px;font-weight:600;line-height:1.5}.claude-ui .answer{display:grid;grid-template-columns:24px 1fr;gap:9px;margin-top:25px;color:#302d28}.claude-ui .answer p{margin:0;font-size:12px;line-height:1.65}.claude-ui .answer strong{font-weight:700}
.data-citation{display:flex;align-items:center;gap:8px;margin:18px 0 0 33px;padding:10px 11px;border:1px solid #dfd9ce;border-radius:9px;background:#f2efe8}.data-citation>span{color:#d97757}.data-citation div{display:flex;min-width:0;flex:1;flex-direction:column}.data-citation strong{font-size:9px}.data-citation small{overflow:hidden;color:#8b8378;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.data-citation b{color:#5a9652;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.claude-composer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #d5cfc4;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(48,42,34,.06)}.claude-composer>span{color:#81796f}.claude-composer p{margin:0;color:#999186;font-size:10px}.claude-composer button{display:grid;width:27px;height:27px;padding:0;place-items:center;border:0;border-radius:7px;background:#d97757;color:#fff;font-size:15px}.claude-status{display:flex;justify-content:space-between;padding:8px 2px 0;color:#91897e;font-size:8px}
@media(max-width:980px){.claude-ui{grid-template-columns:112px minmax(0,1fr)}.claude-side{padding-left:9px;padding-right:9px}.claude-main{padding-left:14px;padding-right:14px}}@media(max-width:760px){.claude-ui{height:auto}.ai-copy{display:block}}@media(max-width:560px){.claude-ui{grid-template-columns:1fr;min-height:480px}.claude-side{display:none}.claude-main{padding:0 14px 12px}.claude-ui .user-bubble{max-width:88%}.claude-status span:first-child{max-width:70%}}