.xm-container{display:flex;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
.xm-sidebar{width:280px;padding:16px;box-sizing:border-box;background:#fff;position:fixed;top:0;left:0;height:100vh;overflow:hidden}
.xm-sidebar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.xm-sidebar img{width:40px;height:40px}
.btn{background:#fff;border:1px solid #e6eef8;border-radius:6px;padding:6px 10px;cursor:pointer}
.xm-conversations-scroll-wrap{flex:1;min-height:0;overflow-y:auto;padding-top:8px;padding-right:4px}
.xm-conversations{overflow:visible;max-height:none;padding-top:0}
.xm-conv-item{padding:10px;border-radius:8px;margin-bottom:8px;background:#f8fafc;cursor:pointer}
.xm-main{flex:1;background:#fbfdff;padding:20px;margin-left:280px}
.xm-header{padding:8px 0;margin-bottom:12px}
.xm-title-area h1{margin:0;font-size:26px;color:#1f2937}
.xm-sub{margin:4px 0 0;color:#6b7280}
.xm-composer{margin:18px 0;position:sticky;bottom:0;z-index:10}
.composer-card{background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,0.06);padding:18px}
.composer-card textarea{width:100%;border:1px solid #eef2f6;border-radius:8px;padding:12px;font-size:14px;resize:vertical}
.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.chip{background:#f3f7fb;border:1px solid #e6eef8;padding:6px 10px;border-radius:999px;margin-right:8px}
.primary{background:#2b6ef6;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;white-space:nowrap}
.xm-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:6px}
.xm-action-btn{border:0 !important;box-shadow:none;outline:none;background:transparent;color:#5d5d5d;padding:8px !important;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center}
.xm-action-btn:hover{background:#eef2f6;color:#5d5d5d}
.xm-action-btn.active{background:#e0f2fe;color:#5d5d5d}
.xm-action-btn.copied{background:#dcfce7;color:#5d5d5d}
.xm-msg-bot{border-radius:12px !important}
.xm-recommend{margin-top:18px}
.tabs{display:flex;gap:8px;margin-bottom:12px}
.tab{background:transparent;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}
.tab.active{background:#2b6ef6;color:#fff}
.recommend-cards{display:flex;gap:12px;margin-bottom:18px}
.rec-card{background:#fff;border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;min-width:180px;box-shadow:0 6px 18px rgba(15,23,42,0.03)}
.rec-icon{width:48px;height:48px;border-radius:8px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-weight:700}
.rec-title{font-weight:700}
.rec-desc{color:#6b7280;font-size:13px}
.category-tiles{display:flex;gap:12px;flex-wrap:wrap}
.cat-tile{width:140px;background:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.cat-tile img{width:100%;height:80px;object-fit:cover;border-radius:6px}
.cat-name{font-weight:600;color:#374151}
@media(max-width:900px){.xm-container{flex-direction:column}.xm-sidebar{width:100%;border-right:none;border-bottom:1px solid #eef2f6}.xm-main{padding:12px;margin-left:0}}
.xm-sidebar.collapsed + .xm-main{margin-left:60px}
.xm-ai-actions-inner{display:flex;align-items:center;gap:8px}
.xm-ai-btn{padding:5px 8px;border:1px solid #dbe5f3;border-radius:8px;background:#fff;color:#4b5563;cursor:pointer;min-width:30px;display:inline-flex;align-items:center;justify-content:center}
.xm-ai-btn:hover{background:#eef4ff;color:#1f4fbf;border-color:#bfd3f5}
.xm-ai-btn-copied{background:rgba(59,130,246,0.12)}