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