.dm-app{max-width:1120px;margin:auto;padding:24px;color:#252529;background:#fff}.dm-app *{box-sizing:border-box}.dm-header,.dm-tools,.dm-conversation>header{display:flex;align-items:center;gap:16px;justify-content:space-between}.dm-header h1{font-size:22px}.dm-app button,.dm-dialog button{border:1px solid #ddd;background:white;color:#333;border-radius:24px;padding:10px 16px;cursor:pointer}.dm-app button:hover,.dm-dialog button:hover{background:#f8f4f5}.dm-demo{font-size:12px;color:#666;background:#f5f5f5;padding:12px;border-radius:10px}.dm-layout{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid #e6e6e6;border-radius:20px;min-height:580px;overflow:hidden}.dm-list{padding:18px;border-right:1px solid #eee;min-width:0}.dm-list input,.dm-dialog input:not([type=checkbox]){width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;margin:8px 0 16px}.dm-thread{width:100%;display:flex;gap:12px;text-align:left;border:0!important;border-radius:12px!important;padding:16px 6px!important}.dm-thread>span:nth-child(2){min-width:0;flex:1}.dm-thread small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;color:#777}.dm-thread.selected{background:#faf1f4}.dm-avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#eee}.dm-thread i{color:#ae1238}.dm-conversation{min-width:0;display:flex;flex-direction:column}.dm-conversation>header{padding:18px;border-bottom:1px solid #eee;justify-content:flex-start}.dm-conversation h2{font-size:18px;margin:0 0 6px}.dm-history{height:380px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.dm-message{max-width:85%;align-self:flex-start;background:#f2f2f2;padding:12px 16px;border-radius:18px 18px 18px 4px;overflow-wrap:anywhere}.dm-message.mine{align-self:flex-end;background:#f8e9ee;border-radius:18px 18px 4px 18px}.dm-message p{white-space:pre-wrap;margin:8px 0;line-height:1.7}.dm-message small{color:#666;font-size:11px}.dm-conversation form{padding:16px;border-top:1px solid #eee}.dm-compose{display:flex;gap:8px;margin-top:6px}.dm-compose textarea{min-width:0;flex:1;border:1px solid #ddd;border-radius:12px;padding:12px;resize:vertical;font:inherit}.dm-compose button,.dm-dialog button[type=submit]{background:#a91135;color:#fff}.dm-empty{margin:auto;padding:40px;text-align:center;color:#666}.dm-dialog{width:min(480px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #ddd;border-radius:20px;padding:24px;color:#333}.dm-dialog::backdrop{background:#0005}.dm-members{display:grid;gap:16px;margin:16px 0}.dm-members [hidden]{display:none}.dm-pref{display:block;padding:15px 0}.dm-dialog p{line-height:1.7}.dm-app :focus-visible,.dm-dialog :focus-visible{outline:3px solid #a91135;outline-offset:3px}@media(max-width:700px){.dm-app{padding:12px}.dm-header{gap:6px}.dm-header h1{font-size:18px}.dm-header button{padding:9px}.dm-layout{display:block;min-height:65dvh}.dm-conversation{display:none}.dm-open .dm-list{display:none}.dm-open .dm-conversation{display:flex}.dm-history{height:46dvh;padding:14px}.dm-list{border:0}.dm-compose{flex-wrap:wrap}.dm-compose textarea{flex-basis:100%}.dm-compose button{margin-left:auto}.dm-conversation>header small{display:block;overflow-wrap:anywhere}}