.chat-screenshot-page{background:#f6f1e8;min-height:100vh}.chat-screenshot-main{padding-top:0}.chat-screenshot-hero{text-align:center;background:linear-gradient(135deg,#86b49b1a 0%,#f6f1e81a 100%);padding:80px 0 48px}.chat-screenshot-hero-content{max-width:800px;margin:0 auto}.chat-screenshot-hero-title{color:#2b2b2b;margin-bottom:24px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1}.chat-screenshot-hero-description{color:#2b2b2b;opacity:.7;max-width:600px;margin:0 auto;font-size:clamp(16px,2vw,20px);line-height:1.6}.chat-screenshot-workspace-section{padding:0 0 60px}.chat-screenshot-workspace{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}@media (min-width:900px){.chat-screenshot-workspace{grid-template-columns:1fr 1fr;gap:40px}}.chat-screenshot-editor,.chat-screenshot-preview-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #f6f1e880;border-radius:24px;min-width:0;padding:32px;box-shadow:0 8px 32px #2b2b2b14}.chat-screenshot-preview-panel{position:sticky;top:100px}.chat-screenshot-panel-title{color:#2b2b2b;margin-bottom:8px;font-size:clamp(22px,2.5vw,28px);font-weight:700}.chat-screenshot-panel-subtitle{color:#2b2b2b;opacity:.6;margin-bottom:24px;font-size:14px}.chat-screenshot-controls{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.chat-control-group{flex-direction:column;gap:8px;display:flex}.chat-control-label{color:#2b2b2b;font-size:14px;font-weight:600}.chat-control-input,.chat-control-textarea{color:#2b2b2b;background:#fffc;border:2px solid #2b2b2b1a;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.chat-control-input:focus,.chat-control-textarea:focus{border-color:#86b49b;outline:none;box-shadow:0 0 0 4px #86b49b1a}.chat-control-textarea{resize:vertical;min-height:80px}.chat-theme-toggle,.chat-sender-toggle{gap:8px;display:flex}.chat-theme-btn,.chat-sender-btn{cursor:pointer;color:#2b2b2b;background:#ffffffb3;border:2px solid #2b2b2b1f;border-radius:10px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.chat-theme-btn--active{color:#fff;background:#2b2b2b;border-color:#2b2b2b}.chat-sender-btn--them.chat-sender-btn--active{color:#1c1c1e;background:#e9e9eb;border-color:#c7c7cc}.chat-sender-btn--me.chat-sender-btn--active{color:#fff;background:#007aff;border-color:#007aff}.chat-add-form{border-bottom:1px solid #2b2b2b14;flex-direction:column;gap:12px;margin-bottom:28px;padding-bottom:28px;display:flex}.chat-add-actions{flex-wrap:wrap;gap:10px;display:flex}.chat-add-btn{color:#fff;cursor:pointer;background:#86b49b;border:none;border-radius:12px;flex:1;min-width:140px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:background .2s,transform .15s}.chat-add-btn:hover{background:#6fa085}.chat-add-btn:active{transform:scale(.98)}.chat-cancel-btn{color:#2b2b2b;cursor:pointer;background:0 0;border:2px solid #2b2b2b26;border-radius:12px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:600}.chat-message-list-section{flex-direction:column;gap:12px;display:flex}.chat-list-title{color:#2b2b2b;margin:0;font-size:15px;font-weight:700}.chat-msg-empty{color:#2b2b2b;opacity:.5;margin:0;font-size:14px}.chat-msg-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chat-msg-item{background:#fffc;border:1px solid #2b2b2b14;border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex}.chat-msg-item--dragging{opacity:.6;box-shadow:0 4px 16px #2b2b2b1f}.chat-msg-drag-handle{color:#888;cursor:grab;touch-action:none;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.chat-msg-drag-handle:active{cursor:grabbing}.chat-msg-item-body{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;min-width:0;padding:4px 6px;font-family:inherit;display:flex}.chat-msg-sender{text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.chat-msg-sender--me{color:#007aff}.chat-msg-sender--them{color:#8e8e93}.chat-msg-text-preview{color:#2b2b2b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-msg-delete{color:#999;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s;display:flex}.chat-msg-delete:hover{color:#c0392b;background:#c0392b14}.chat-preview-capture{border-radius:16px;flex-direction:column;max-width:100%;min-height:400px;max-height:560px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;display:flex;overflow:hidden}.chat-preview-capture--dark{background:#000}.chat-preview-capture--light{background:#fff}.chat-preview-capture--export{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.chat-preview-capture--export .chat-preview-messages{flex:none!important;max-height:none!important;overflow:visible!important}.chat-preview-header{text-align:center;letter-spacing:-.01em;overflow-wrap:anywhere;word-break:break-word;padding:14px 16px 8px;font-size:13px;font-weight:600}.chat-preview-capture--dark .chat-preview-header{color:#fff}.chat-preview-capture--light .chat-preview-header{color:#1c1c1e}.chat-preview-messages{flex-direction:column;flex:1;min-width:0;padding:12px 22px 20px;display:flex;overflow:hidden auto}.chat-preview-empty{text-align:center;opacity:.4;margin:auto;font-size:14px}.chat-preview-capture--dark .chat-preview-empty,.chat-preview-capture--light .chat-preview-empty{color:#8e8e93}.chat-bubble-row{width:100%;min-width:0;margin-bottom:2px;display:flex}.chat-bubble-row--me{justify-content:flex-end}.chat-bubble-row--them{justify-content:flex-start}.chat-bubble-row+.chat-bubble-row--me,.chat-bubble-row--me+.chat-bubble-row--them{margin-top:6px}.chat-bubble{letter-spacing:-.01em;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;z-index:0;min-width:0;max-width:75%;padding:8px 14px;font-size:17px;line-height:1.35;position:relative;overflow:visible}.chat-bubble-text{z-index:2;overflow-wrap:anywhere;word-break:break-word;display:block;position:relative}.chat-bubble--me.chat-bubble--dark,.chat-bubble--me.chat-bubble--light{color:#fff;background:#007aff;border-radius:18px}.chat-bubble--them.chat-bubble--dark{color:#fff;background:#262629;border-radius:18px}.chat-bubble--them.chat-bubble--light{color:#1c1c1e;background:#e9e9eb;border-radius:18px}.chat-bubble--grouped.chat-bubble--me{border-bottom-right-radius:6px}.chat-bubble--grouped.chat-bubble--them{border-bottom-left-radius:6px}.chat-bubble--tail.chat-bubble--me{border-bottom-right-radius:4px}.chat-bubble--tail.chat-bubble--them{border-bottom-left-radius:4px}.chat-bubble--tail.chat-bubble--me:before,.chat-bubble--tail.chat-bubble--me:after,.chat-bubble--tail.chat-bubble--them:before,.chat-bubble--tail.chat-bubble--them:after{content:"";position:absolute;bottom:0}.chat-bubble--tail.chat-bubble--me:before,.chat-bubble--tail.chat-bubble--them:before{z-index:0}.chat-bubble--tail.chat-bubble--me:after,.chat-bubble--tail.chat-bubble--them:after{z-index:1}.chat-bubble--tail.chat-bubble--me:before{background:#007aff;border-bottom-left-radius:16px 14px;width:20px;height:20px;right:-7px}.chat-preview-capture--dark .chat-bubble--tail.chat-bubble--me:after{background:#000;border-bottom-left-radius:10px;width:26px;height:20px;right:-26px}.chat-preview-capture--light .chat-bubble--tail.chat-bubble--me:after{background:#fff;border-bottom-left-radius:10px;width:26px;height:20px;right:-26px}.chat-bubble--tail.chat-bubble--them:before{background:#262629;border-bottom-right-radius:16px 14px;width:20px;height:20px;left:-7px}.chat-preview-capture--light .chat-bubble--tail.chat-bubble--them:before{background:#e9e9eb}.chat-preview-capture--dark .chat-bubble--tail.chat-bubble--them:after{background:#000;border-bottom-right-radius:10px;width:26px;height:20px;left:-26px}.chat-preview-capture--light .chat-bubble--tail.chat-bubble--them:after{background:#fff;border-bottom-right-radius:10px;width:26px;height:20px;left:-26px}.chat-export-btn{color:#fff;cursor:pointer;background:#2b2b2b;border:none;border-radius:12px;width:100%;margin-top:16px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:background .2s,opacity .2s}.chat-export-btn:hover:not(:disabled){background:#1a1a1a}.chat-export-btn:disabled{opacity:.4;cursor:not-allowed}.chat-screenshot-benefits-section{padding:60px 0 80px}.chat-benefits-title{color:#2b2b2b;text-align:center;margin-bottom:40px;font-size:clamp(28px,3vw,36px);font-weight:700}.chat-benefits-grid{grid-template-columns:1fr;gap:24px;max-width:1100px;margin:0 auto 40px;display:grid}@media (min-width:600px){.chat-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.chat-benefits-grid{grid-template-columns:repeat(3,1fr)}}.chat-benefit-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #f6f1e880;border-radius:20px;padding:28px;box-shadow:0 4px 20px #2b2b2b0f}.chat-benefit-icon{margin-bottom:12px;font-size:32px}.chat-benefit-card-title{color:#2b2b2b;margin-bottom:8px;font-size:18px;font-weight:700}.chat-benefit-card-description{color:#2b2b2b;opacity:.65;margin:0;font-size:14px;line-height:1.5}.chat-disclaimer-content{background:#fff6;border:1px solid #2b2b2b14;border-radius:12px;max-width:800px;margin:0 auto;padding:20px 24px}.chat-disclaimer-text{color:#2b2b2b;opacity:.55;text-align:center;margin:0;font-size:12px;line-height:1.6}@media (max-width:899px){.chat-screenshot-preview-panel{position:static}.chat-screenshot-editor,.chat-screenshot-preview-panel{padding:24px 20px}}