.studio-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.studio-intro small{color:#397567;font-size:11px;letter-spacing:1.5px}.studio-intro h2{font-size:24px;margin:8px 0}.studio-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.studio-grid{display:grid;grid-template-columns:205px minmax(330px,1fr) 285px;gap:14px;height:calc(100dvh - 310px);min-height:650px}.studio-panel,.studio-chat{border:1px solid #d9e6df;background:white;border-radius:16px;min-width:0;overflow:auto}.studio-panel{padding:18px}.studio-panel h3,.studio-chat h3{font-size:17px;margin:0 0 12px}.studio-panel h4{font-size:14px;margin:20px 0 6px}.studio-panel p{font-size:13px;line-height:1.65}.studio-panel small{display:block;font-size:11px;color:#789189}.studio-scenarios button{display:block;text-align:left;width:100%;padding:10px;margin-bottom:8px;font-size:13px}.studio-scenarios button.selected{background:#e5f2eb}.studio-scenarios h3:not(:first-child){margin-top:25px}.studio-scenarios small{margin-top:4px}.studio-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.studio-chat header{padding:18px 22px;border-bottom:1px solid #e0eae5}.studio-chat header p{margin:0;font-size:12px}.studio-messages{overflow:auto;overscroll-behavior:contain;padding:22px;background:#f0f6f2;display:flex;flex-direction:column;gap:18px}.studio-msg{max-width:93%;padding:13px 16px;border-radius:13px;box-shadow:0 1px 3px #123c3020;flex-shrink:0}.studio-msg.customer{background:white;align-self:flex-start}.studio-msg.agent{background:#dff2e7;align-self:flex-end}.studio-msg p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65;margin:7px 0}.studio-msg small{color:#58766a;font-size:11px}.studio-msg summary{font-size:12px;color:#497961;cursor:pointer}.studio-msg details p{font-size:12px}.studio-msg.error{background:#fff0e8}.studio-chat form{padding:14px;background:white;border-top:1px solid #dde7e1}.studio-chat textarea{min-height:70px;resize:vertical;font-size:14px}.studio-chat form .row{margin-top:9px}.studio-chat form small{font-size:11px}.studio-chat form button{padding:9px 15px}.studio-feedback{padding:12px 0;border-bottom:1px solid #e2ebe5;font-size:13px;overflow-wrap:anywhere}.studio-feedback small{display:block;color:#6a847a}.studio-inspector details{font-size:12px;margin-top:15px}.studio-inspector details p{font-size:12px}.studio-inspector hr{border:0;border-top:1px solid #e0eae5;margin:25px 0}.studio-knowledge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.studio-knowledge .card h3{font-size:17px;margin:15px 0}.studio-knowledge .snapshot{font-size:14px;line-height:1.7}.studio-knowledge .muted{font-size:12px}.studio-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.studio-two .card{min-width:0}.studio-two p{line-height:1.8;font-size:14px}@media(max-width:1250px){.studio-grid{grid-template-columns:180px minmax(300px,1fr);height:auto}.studio-inspector{grid-column:1/-1;max-height:450px}.studio-chat{height:700px}.studio-scenarios{max-height:700px}}@media(max-width:760px){.studio-intro{display:block}.studio-grid{display:block}.studio-scenarios{max-height:240px;margin-bottom:12px}.studio-chat{height:700px;margin-bottom:12px}.studio-knowledge,.studio-two{grid-template-columns:1fr}.studio-inspector{max-height:none}.studio-intro h2{font-size:21px}}
.studio-contact{border:1px solid #aed3be;width:min(390px,93%);background:#fff!important}.studio-contact-person{display:flex;gap:12px;align-items:center;margin-top:14px}.studio-contact-person strong{font-size:16px}.studio-contact-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#dff2e7;color:#176850;font-weight:bold}.studio-contact-link{border-top:1px solid #d9e6df;padding-top:10px}.studio-contact .muted{font-size:11px}.studio-handoff-preview{border-top:1px solid #d9e6df;margin-top:20px;padding-top:4px}.studio-handoff-preview .snapshot{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.studio-handoff-preview button{font-size:12px;padding:8px;margin-top:4px}
.studio-contact-pinned{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;background:#e5f4ec;border:1px solid #a7cdb9;border-radius:10px}.studio-contact-pinned strong{font-size:13px}.studio-contact-pinned small{color:#55796b;font-size:11px}.studio-contact-pinned button{padding:8px;white-space:nowrap}.studio-contact:target{outline:3px solid #238469}.studio-chat header{padding:12px 18px}.studio-chat form textarea{min-height:55px}
.studio-flow{padding:18px 22px;background:#fff;border:1px solid #d6e5df;border-radius:18px;margin:18px 0}.studio-flow p{margin:8px 0;line-height:1.7}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.library-card{text-align:left;white-space:normal;padding:20px;display:block;background:#fff;border:1px solid #d6e5df;border-radius:16px}.library-card p{font-size:14px;line-height:1.7;color:#617e76}.library-card.selected{border:2px solid #176b57;background:#edf7f2}.library-card small{display:block;color:#617e76}.library-tools{gap:12px;flex-wrap:wrap}.library-tools input{max-width:260px}.real-message-selection{max-height:300px;overflow:auto;border:1px solid #d6e5df;border-radius:10px;padding:12px;margin-bottom:16px}.real-message{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #e3ece8;padding:10px 0}.real-message input{width:auto;margin-top:8px;flex:none}.real-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.studio-readiness{padding:12px 18px;background:#eef7f2;border-radius:12px}.studio-readiness p{margin:8px 0}@media(max-width:1100px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.library-grid{grid-template-columns:1fr}.library-tools input{max-width:100%}}
.message-translation{border-top:1px solid #b9d2c6;margin-top:10px;padding-top:8px;white-space:normal}.message-translation small{display:block;color:#62786d;font-size:11px}.message-translation p,.studio-msg .message-translation p{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;color:#455e53;margin:4px 0 0}