:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ysl-color-primary:#4f46e5;--ysl-color-primary-strong:#4338ca;--ysl-color-primary-soft:#eef0ff;--ysl-color-primary-border:#c7cbff;--ysl-color-primary-border-soft:#dde0ff;--ysl-color-ink:#0f172a;--ysl-color-text-secondary:#64748b;--ysl-color-text-tertiary:#94a3b8;--ysl-color-border:#e2e8f0;--ysl-color-border-muted:#cbd5e1;--ysl-color-surface:#fff;--ysl-color-bg:#f8fafc;--ysl-color-bg-muted:#f1f5f9;--ysl-font-display:"Space Grotesk", "Noto Sans SC", system-ui, sans-serif;--ysl-font-text:"Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;font-size:13px}*{box-sizing:border-box}body{font-family:var(--ysl-font-text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{font-family:var(--ysl-font-display)}button,input{font:inherit}button{transition:background-color .16s,border-color .16s,color .16s,transform .12s,box-shadow .16s}button:not(:disabled):active{transform:translateY(1px)}button:disabled,textarea:disabled,input:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #4f46e55c}.ysl-web-workspace{height:100vh;overflow:hidden}.ysl-web-mobile-tabs{display:none}.ysl-web-conversation-aside,.ysl-web-chat-area,.ysl-web-right-drawer{min-height:0}.ysl-web-chat-area>main{height:100%;min-height:0!important}.ysl-web-conversation-list{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);border-radius:14px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.ysl-web-conversation-list>.ysl-web-conversation-rows{flex:1;min-height:0}.ysl-web-search-row{flex:none;align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.ysl-web-search-row--contacts{padding:0 0 2px}.ysl-web-search-row input{border:1px solid var(--ysl-color-border);background:var(--ysl-color-bg);border-radius:12px;outline:none;flex:1;min-width:0;height:34px;padding:0 11px;font-size:13px}.ysl-web-search-row input:focus{border-color:var(--ysl-color-primary-border);background:var(--ysl-color-surface)}.ysl-web-search-row>.ysl-web-create-menu-wrap>button{border:1px solid var(--ysl-color-primary-border-soft);background:var(--ysl-color-surface);width:34px;height:34px;color:var(--ysl-color-primary);cursor:pointer;border-radius:999px;flex:none;font-size:16px;font-weight:700}.ysl-web-filter-row{flex:none;gap:6px;padding:2px 12px 10px;display:flex}.ysl-web-filter-row .active{color:#4338ca;background:#e7e8ff}.ysl-web-conversation-rows{min-height:0;overflow:auto}.ysl-web-conversation-empty,.ysl-web-real-empty{border:1px dashed var(--ysl-color-border-muted);background:var(--ysl-color-bg);min-height:160px;color:var(--ysl-color-text-secondary);text-align:center;border-radius:14px;align-content:center;justify-items:center;gap:6px;margin:10px;padding:18px;display:grid}.ysl-web-real-empty{justify-self:stretch;min-height:220px}.ysl-web-conversation-empty strong,.ysl-web-real-empty strong{color:var(--ysl-color-ink);font-size:13px}.ysl-web-conversation-rows article,.ysl-web-conversation-rows>button{border-top:1px solid var(--ysl-color-bg-muted);width:100%;min-height:46px;color:inherit;text-align:left;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 9px;display:grid}.ysl-web-conversation-rows article.active,.ysl-web-conversation-rows>button.active{background:var(--ysl-color-primary-soft)}.ysl-web-directory-list{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);border-radius:14px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;padding:8px;display:grid;overflow:auto}.ysl-web-directory-heading{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}.ysl-web-directory-heading strong{color:var(--ysl-color-ink);font-size:14px}.ysl-web-directory-heading span{color:var(--ysl-color-text-secondary);font-size:11px;font-weight:850}.ysl-web-contact-tabs{border:1px solid var(--ysl-color-border);background:var(--ysl-color-bg);border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.ysl-web-contact-tabs--wide{max-width:320px}.ysl-web-contact-tabs button{min-height:30px;color:var(--ysl-color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:900;display:flex}.ysl-web-contact-tabs button.active{background:var(--ysl-color-surface);color:var(--ysl-color-primary);box-shadow:0 6px 18px #4f46e51f}.ysl-web-contact-tabs b{min-width:18px;height:18px;color:inherit;background:#e7e8ff;border-radius:999px;place-items:center;font-size:11px;line-height:1;display:grid}.ysl-web-directory-section{align-content:start;gap:7px;min-height:0;display:grid}.ysl-web-directory-row{background:var(--ysl-color-surface);text-align:left;cursor:pointer;border:1px solid #eef2f7;border-radius:12px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:7px;display:grid}.ysl-web-directory-row:hover{border-color:var(--ysl-color-primary-border);background:var(--ysl-color-primary-soft)}.ysl-web-directory-row span:last-child{gap:2px;min-width:0;display:grid}.ysl-web-directory-row b{color:var(--ysl-color-ink);font-size:12px}.ysl-web-directory-row em{color:var(--ysl-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.ysl-web-section-panel{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);border-radius:15px;align-content:start;gap:10px;height:100%;min-height:0;padding:12px;display:grid;overflow:auto}.ysl-web-section-panel h2,.ysl-web-section-panel p{margin:0}.ysl-web-section-panel>div>p{color:var(--ysl-color-text-secondary);margin-top:5px;font-size:12px}.ysl-web-contacts-page{background:var(--ysl-color-surface);gap:12px}.ysl-web-contact-search{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.ysl-web-contact-search input{border:1px solid var(--ysl-color-border);background:var(--ysl-color-bg);min-width:0;height:38px;color:var(--ysl-color-ink);border-radius:12px;outline:none;padding:0 12px}.ysl-web-contact-search input:focus{border-color:var(--ysl-color-primary-border);background:var(--ysl-color-surface)}.ysl-web-contact-search button{min-height:38px}.ysl-web-section-hero,.ysl-web-section-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ysl-web-section-hero h2,.ysl-web-card-section h3,.ysl-web-drawer-card h3{margin:0}.ysl-web-section-hero p{color:var(--ysl-color-text-secondary);margin-top:4px;font-size:12px}.ysl-web-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ysl-web-mini-stat{border:1px solid var(--ysl-color-primary-border-soft);background:#ffffffd6;border-radius:12px;gap:2px;min-width:0;padding:8px 9px;display:grid}.ysl-web-mini-stat strong{color:var(--ysl-color-ink);font-size:18px;line-height:1}.ysl-web-mini-stat span{color:var(--ysl-color-text-secondary);font-size:11px;font-weight:800}.ysl-web-compact-form{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:9px;display:grid}.ysl-web-compact-form label{gap:4px!important}.ysl-web-compact-form input,.ysl-web-mini-create input{background:var(--ysl-color-bg);border:1px solid #e3e5f0;border-radius:10px;outline:none;height:32px;padding:0 10px}.ysl-web-card-section{gap:8px;display:grid}.ysl-web-card-section>h3,.ysl-web-section-row h3{color:var(--ysl-color-ink);letter-spacing:-.02em;font-size:14px}.ysl-web-contact-grid,.ysl-web-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ysl-web-contact-card{border:1px solid var(--ysl-color-border);background:#ffffffeb;border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.ysl-web-request-card{background:var(--ysl-color-surface) 7ed;border:1px solid #fed7aa;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.ysl-web-contact-card .avatar,.ysl-web-account-card .avatar{background:linear-gradient(135deg, var(--ysl-color-primary), #06b6d4);width:34px;height:34px;color:var(--ysl-color-surface);border-radius:12px;place-items:center;font-size:12px;font-weight:900;display:grid}.ysl-web-contact-card div:nth-child(2){gap:2px;min-width:0;display:grid}.ysl-web-contact-card strong{color:var(--ysl-color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ysl-web-contact-card p,.ysl-web-contact-card small,.ysl-web-request-card p,.ysl-web-request-card small{color:var(--ysl-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.ysl-web-request-card strong{color:var(--ysl-color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.ysl-web-contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.ysl-web-contact-actions button{border:1px solid var(--ysl-color-primary-border);background:var(--ysl-color-primary-soft);color:var(--ysl-color-primary-strong);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.ysl-web-contact-actions button+button{border-color:var(--ysl-color-border);background:var(--ysl-color-surface);color:#475569}.ysl-web-group-admin-form{border:1px solid var(--ysl-color-primary-border-soft);background:var(--ysl-color-surface);border-radius:14px;grid-template-columns:minmax(140px,1fr) repeat(2,max-content);align-items:center;gap:7px;padding:8px;display:grid}.ysl-web-group-admin-form input{border:1px solid var(--ysl-color-border);background:var(--ysl-color-bg);min-width:0;color:var(--ysl-color-ink);border-radius:11px;outline:none;padding:7px 9px}.ysl-web-group-admin-form button{border:1px solid var(--ysl-color-primary-border);background:var(--ysl-color-primary-soft);color:var(--ysl-color-primary-strong);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.ysl-web-inline-empty{border:1px dashed var(--ysl-color-border-muted);color:var(--ysl-color-text-secondary);background:#f8fafccc;border-radius:13px;grid-column:1/-1;gap:4px;padding:16px;display:grid}.ysl-web-inline-empty strong{color:var(--ysl-color-ink);font-size:13px}.ysl-web-inline-empty span{font-size:12px}.ysl-web-mini-create{grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:6px;display:grid}.ysl-web-activity-list{flex-wrap:wrap;gap:7px;display:flex}.ysl-web-activity-list span{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);color:var(--ysl-color-text-secondary);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.ysl-web-account-card,.ysl-web-drawer-card{border:1px solid var(--ysl-color-primary-border-soft);background:linear-gradient(135deg, var(--ysl-color-primary-soft), var(--ysl-color-surface) 72%);border-radius:14px;gap:8px;padding:10px;display:grid}.ysl-web-account-card{grid-template-columns:42px minmax(0,1fr) auto;align-items:center}.ysl-web-account-card .avatar{object-fit:cover;border-radius:14px;width:42px;height:42px}.ysl-web-account-card h3,.ysl-web-account-card p{margin:0}.ysl-web-account-card p{color:var(--ysl-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ysl-web-drawer-card strong{overflow-wrap:anywhere}.ysl-web-drawer-card button+button{margin-top:6px}@media (width<=860px){.ysl-web-section-hero,.ysl-web-section-row,.ysl-web-account-card{grid-template-columns:1fr;align-items:stretch}.ysl-web-section-hero,.ysl-web-section-row{flex-direction:column}.ysl-web-stat-grid,.ysl-web-contact-grid,.ysl-web-request-grid{grid-template-columns:1fr}.ysl-web-contact-card{grid-template-columns:34px minmax(0,1fr)}.ysl-web-contact-actions{grid-column:1/-1;justify-content:flex-start}.ysl-web-compact-form,.ysl-web-mini-create{grid-template-columns:1fr}}.ysl-web-right-drawer>aside{box-shadow:none!important}@media (width<=1180px){.ysl-web-workspace{grid-template-columns:56px 280px minmax(420px,1fr)!important}.ysl-web-right-drawer{display:none!important}}@media (width<=860px){.ysl-web-auth-shell{grid-template-columns:1fr!important;width:min(430px,100vw - 28px)!important;margin:18px auto!important}.ysl-web-auth-shell>div:first-child{display:none!important}.ysl-web-topbar{height:54px!important;padding:0 14px!important}.ysl-web-topbar span:last-child,.ysl-web-topbar>div:last-child{display:none!important}.ysl-web-workspace{height:auto;min-height:100vh;padding-bottom:54px;overflow:auto;grid-template-columns:1fr!important}.ysl-web-nav,.ysl-web-conversation-aside,.ysl-web-right-drawer{display:none!important}.ysl-web-chat-area{min-height:100vh;padding-bottom:60px!important}.ysl-web-mobile-tabs{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-top:1px solid #e3e5f0;grid-template-columns:repeat(3,1fr);padding:8px 10px 10px;display:grid;position:fixed;bottom:0;left:0;right:0}.ysl-web-mobile-tabs button{color:var(--ysl-color-text-secondary);background:0 0;border:0;border-radius:12px;justify-items:center;gap:3px;padding:6px 0 5px;font-weight:900;display:grid}.ysl-web-mobile-tabs button.active{background:var(--ysl-color-primary-soft);color:var(--ysl-color-primary)}.ysl-web-mobile-tab-label{font-size:11px;line-height:1}}.ysl-web-chat-room{border:1px solid var(--ysl-color-border);background:linear-gradient(180deg, var(--ysl-color-surface), #f8fbff);border-radius:15px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.ysl-web-chat-area>.ysl-web-chat-room{flex:1;height:auto}.ysl-web-chat-room>.ysl-web-chat-header{flex:none;min-height:48px}.ysl-web-chat-room>.ysl-web-channel-strip{flex:none}.ysl-web-chat-room>.ysl-web-message-flow{flex:1;min-height:0}.ysl-web-chat-room>.ysl-web-composer{flex:none}.ysl-web-chat-header{border-bottom:1px solid var(--ysl-color-border);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.ysl-web-chat-header .title-block{gap:3px;display:grid}.ysl-web-chat-header strong{font-size:14px}.ysl-web-chat-header span{color:var(--ysl-color-text-secondary);font-size:12px}.ysl-web-chat-header .actions{gap:7px;display:flex}.ysl-web-chat-header button,.ysl-web-composer button{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);color:#334155;border-radius:10px;font-weight:850}.ysl-web-chat-header button{cursor:pointer;min-width:28px;height:28px;padding:0 9px}.ysl-web-channel-strip{border-bottom:1px solid var(--ysl-color-primary-border-soft);background:var(--ysl-color-primary-soft);color:var(--ysl-color-primary-strong);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:800;line-height:1.35;display:grid}.ysl-web-channel-strip:has(button:disabled){background:linear-gradient(90deg, var(--ysl-color-primary-soft), var(--ysl-color-bg))}.ysl-web-channel-strip span{min-width:0}.ysl-web-channel-strip button{border:1px solid var(--ysl-color-primary-border);background:var(--ysl-color-surface);color:var(--ysl-color-primary-strong);border-radius:9px;padding:4px 8px;font-size:12px;font-weight:900}.ysl-web-message-flow{scroll-behavior:smooth;scrollbar-gutter:stable;align-content:start;gap:6px;min-height:0;padding:9px 12px;display:grid;overflow:auto}.ysl-web-message-flow .system-tip{color:var(--ysl-color-text-secondary);background:#eef2f7;border-radius:999px;justify-self:center;padding:3px 9px;font-size:11px}.ysl-web-message-flow .message-meta{color:var(--ysl-color-text-tertiary);white-space:nowrap;align-items:baseline;margin-left:8px;font-size:10px;line-height:1;display:inline-flex;transform:translateY(1px)}.ysl-web-message-flow .mine .message-meta{color:#dbeafee6}.ysl-web-message-flow .ysl-message-inline-action{background:var(--ysl-color-primary-soft);color:var(--ysl-color-primary-strong);cursor:pointer;border:0;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.ysl-web-message-flow .ysl-message-inline-action:disabled{cursor:not-allowed;color:var(--ysl-color-text-tertiary);background:var(--ysl-color-bg-muted)}.ysl-web-message-flow .attachment-wrap{max-width:430px}.image-strip{gap:7px;display:flex}.image-strip span{background:linear-gradient(135deg, var(--ysl-color-primary-border-soft), var(--ysl-color-bg));border:1px solid var(--ysl-color-primary-border-soft);border-radius:10px;width:90px;height:56px}.file-card{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);border-radius:10px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:9px;display:grid}.file-card b{color:#dc2626;background:#fee2e2;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.file-card .file-body{gap:3px;min-width:0;display:grid}.file-card .message-meta{grid-column:2/3;justify-self:end;margin-left:0}.file-card strong{font-size:13px}.ysl-web-composer{border-top:1px solid var(--ysl-color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;align-items:flex-end;gap:8px;padding:8px 10px;display:flex}.ysl-web-chat-attach{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);width:36px;height:36px;color:var(--ysl-color-text-secondary);cursor:pointer;border-radius:999px;flex:none;place-items:center;display:grid}.ysl-web-chat-attach:hover{color:var(--ysl-color-primary);border-color:var(--ysl-color-primary-border)}.ysl-web-chat-attach.is-disabled{color:var(--ysl-color-text-tertiary);background:var(--ysl-color-bg-muted);cursor:not-allowed}.ysl-web-composer textarea{box-sizing:border-box;resize:none;border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);border-radius:18px;outline:none;flex:1;min-width:0;height:36px;min-height:36px;max-height:96px;padding:7.5px 13px;font-size:13.5px;line-height:1.4}.ysl-web-composer textarea:focus{border-color:var(--ysl-color-primary-border)}.ysl-web-composer .send{background:var(--ysl-color-primary);width:36px;height:36px;color:var(--ysl-color-surface);border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.ysl-web-composer .send:disabled{background:var(--ysl-color-border-muted)}@media (width<=860px){.ysl-web-chat-room{border:0;border-radius:0}.ysl-web-channel-strip{padding:6px 8px}}.ysl-web-auth-page h1,.ysl-web-workspace h2,.ysl-web-workspace h3{letter-spacing:-.035em}.ysl-web-auth-shell form,.ysl-web-right-drawer form{gap:7px!important}.ysl-web-right-drawer h3{font-size:13px}.ysl-web-right-drawer label{gap:4px!important}.ysl-web-right-drawer input{height:30px!important}.ysl-web-conversation-aside h2{font-size:18px}.ysl-web-conversation-aside p{font-size:12px}.ysl-web-composer textarea{font-size:12.5px}.ysl-web-conversation-matches{flex:none;gap:5px;padding:0 12px 10px;display:grid}.ysl-web-conversation-matches button{color:var(--ysl-color-primary-strong);text-align:left;cursor:pointer;background:#f3f7ff;border:0;border-radius:10px;padding:8px 11px;font-size:12.5px;font-weight:500}.ysl-web-conversation-matches button:hover{background:#e7e8ff}.ysl-web-filter-row button{color:var(--ysl-color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.ysl-web-detail-panel article{border:1px solid var(--ysl-color-primary-border-soft);background:#f8fbff;border-radius:16px;gap:8px;padding:12px;display:grid}.ysl-web-member-list{gap:6px;display:grid}.ysl-web-member-list span{border:1px solid var(--ysl-color-primary-border-soft);background:var(--ysl-color-surface);border-radius:12px;gap:2px;padding:8px;display:grid}.ysl-web-member-list small{color:var(--ysl-color-text-secondary)}.ysl-web-conversation-rows .avatar,.ysl-web-contact-card .avatar,.ysl-web-account-card .avatar,.ysl-web-message-flow .avatar,.ysl-web-directory-row .avatar{border-radius:999px!important}.ysl-web-presence{color:#16a34a;font-style:normal}.ysl-web-session-revoke{background:var(--ysl-color-bg-muted);color:var(--ysl-color-primary-strong);cursor:pointer;border:0;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:600}.ysl-web-session-revoke:disabled{color:var(--ysl-color-text-tertiary);cursor:not-allowed}.ysl-web-create-menu-wrap{position:relative}.ysl-web-create-menu-backdrop{z-index:40;position:fixed;inset:0}.ysl-web-create-menu{z-index:41;background:var(--ysl-color-surface);border-radius:12px;min-width:132px;padding:4px;display:grid;position:absolute;top:36px;right:0;box-shadow:0 12px 36px #0f172a29}.ysl-web-create-menu button{width:100%;height:auto;color:var(--ysl-color-ink);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 11px;font-size:13px}.ysl-web-create-menu button:hover{background:var(--ysl-color-bg-muted)}.ysl-web-group-detail{border-top:1px solid var(--ysl-color-border);gap:8px;margin-top:4px;padding-top:10px;display:grid}.ysl-web-group-detail h3{margin:0}.ysl-web-group-tabs{background:var(--ysl-color-bg-muted);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;display:grid}.ysl-web-group-tabs button{color:var(--ysl-color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 0;font-size:11px;font-weight:600}.ysl-web-group-tabs button.active{background:var(--ysl-color-surface);color:var(--ysl-color-primary-strong);box-shadow:0 1px 3px #0f172a1a}.ysl-web-group-records{gap:5px;max-height:240px;display:grid;overflow:auto}.ysl-web-group-record-row{background:var(--ysl-color-surface);border:1px solid var(--ysl-color-border);border-radius:10px;align-items:center;gap:8px;padding:6px 9px;display:flex}.ysl-web-group-record-row .avatar{background:linear-gradient(135deg, var(--ysl-color-primary), #06b6d4);color:#fff;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.ysl-web-group-record-row strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:500;overflow:hidden}.ysl-web-group-record-row small{color:var(--ysl-color-text-tertiary);flex:none;font-size:11px}.ysl-web-wallet-card{color:#fff;background:linear-gradient(135deg,#4f46e5,#4f46e5);border-radius:16px;gap:5px;padding:16px;display:grid}.ysl-web-wallet-card small{color:#ffffffc7}.ysl-web-wallet-card strong{letter-spacing:-.02em;font-size:26px}.ysl-web-wallet-card span{color:#ffffffa8;font-size:11px}.ysl-web-modal-backdrop{z-index:60;background:#0f172a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ysl-web-modal{background:var(--ysl-color-bg);border-radius:22px;grid-template-rows:auto minmax(0,1fr);width:min(420px,100%);height:min(760px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 72px #0f172a47}.ysl-web-modal--wide{width:min(420px,100%)}.ysl-web-modal--task{height:min(620px,100vh - 48px)}.ysl-web-modal-head{background:var(--ysl-color-surface);border-bottom:1px solid var(--ysl-color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ysl-web-modal-head h3{margin:0;font-size:15px}.ysl-web-modal-head button{background:var(--ysl-color-bg-muted);width:28px;height:28px;color:var(--ysl-color-text-secondary);cursor:pointer;border:0;border-radius:999px}.ysl-web-modal>section,.ysl-web-modal>div:last-child{overflow:auto}.ysl-web-modal .ysl-web-section-panel{min-height:0;padding:14px;overflow:auto}.ysl-web-action-page{background:var(--ysl-color-bg);align-content:start;gap:16px;height:100%;min-height:0;padding:16px;display:grid;overflow:auto}.ysl-web-action-intro{gap:4px;display:grid}.ysl-web-action-intro strong{color:var(--ysl-color-ink);font-size:15px}.ysl-web-action-intro p{color:var(--ysl-color-text-secondary);margin:0;font-size:12px}.ysl-web-action-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ysl-web-action-section-head h3{margin:0;font-size:14px}.ysl-web-action-section-head small{color:var(--ysl-color-text-secondary);font-size:11px}.ysl-web-action-field{color:var(--ysl-color-ink);gap:7px;font-size:13px;font-weight:700;display:grid}.ysl-web-action-field input{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);height:40px;color:var(--ysl-color-ink);border-radius:12px;outline:none;padding:0 12px}.ysl-web-action-field input:focus{border-color:var(--ysl-color-primary-border);box-shadow:0 0 0 3px var(--ysl-color-primary-soft)}.ysl-web-add-friend-results .ysl-web-contact-grid{grid-template-columns:1fr}.ysl-web-create-group-page{grid-template-rows:auto auto minmax(0,1fr) auto}.ysl-web-create-group-page>.ysl-web-card-section{min-height:0;overflow:auto}.ysl-web-member-choice-list{gap:6px;display:grid}.ysl-web-member-choice{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);width:100%;color:var(--ysl-color-ink);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:9px 10px;display:grid}.ysl-web-member-choice:hover{border-color:var(--ysl-color-primary-border)}.ysl-web-member-choice.is-checked{border-color:var(--ysl-color-primary);background:var(--ysl-color-primary-soft)}.ysl-web-member-choice .avatar{background:linear-gradient(135deg, var(--ysl-color-primary), #06b6d4);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.ysl-web-member-choice>span:nth-child(2){gap:2px;min-width:0;display:grid}.ysl-web-member-choice strong,.ysl-web-member-choice small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ysl-web-member-choice strong{font-size:13px}.ysl-web-member-choice small{color:var(--ysl-color-text-secondary);font-size:11px}.ysl-web-member-choice-check{border:1px solid var(--ysl-color-border);color:#fff;border-radius:999px;place-items:center;width:18px;height:18px;display:grid}.ysl-web-member-choice.is-checked .ysl-web-member-choice-check{border-color:var(--ysl-color-primary);background:var(--ysl-color-primary)}.ysl-web-action-footer{justify-content:flex-end;padding-top:2px;display:flex}.ysl-web-action-footer button{min-width:112px}.ysl-web-mine-panel{align-content:start;gap:10px;display:grid}.ysl-web-mine-back{background:var(--ysl-color-bg-muted);width:fit-content;color:var(--ysl-color-text-secondary);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.ysl-web-profile-entry{font:inherit;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(135deg,#eef5ff,#fff 70%);border:0;border-radius:18px;align-items:center;gap:14px;width:100%;padding:16px;display:flex;box-shadow:0 1px 3px #0f172a0f}.ysl-web-profile-entry .avatar{background:linear-gradient(135deg, var(--ysl-color-primary), #06b6d4);color:#fff;object-fit:cover;border-radius:999px;flex:none;place-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:grid;overflow:hidden}.ysl-web-profile-entry h3{margin:0;font-size:18px}.ysl-web-profile-entry p{color:var(--ysl-color-text-secondary);margin:4px 0 6px;font-size:12px}.ysl-web-entry-list{background:var(--ysl-color-surface);border-radius:16px;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f172a0d}.ysl-web-entry-row{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:13px 14px;font-size:14px;display:flex}.ysl-web-entry-row+.ysl-web-entry-row{border-top:1px solid #f1f4f9}.ysl-web-entry-row:disabled{cursor:default;color:var(--ysl-color-text-secondary)}.ysl-web-entry-row small{color:var(--ysl-color-text-tertiary)}.ysl-web-entry-icon{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.ysl-web-modal--wide .ysl-web-contacts-page{border:0;border-radius:0;padding:14px 16px 18px}.ysl-web-modal--wide .ysl-web-stat-grid,.ysl-web-modal--wide .ysl-web-section-hero p,.ysl-web-modal--wide .ysl-web-section-hero h2{display:none}.ysl-web-modal--wide .ysl-web-section-hero{justify-content:flex-end;margin:0}.ysl-web-modal--wide .ysl-web-contact-grid,.ysl-web-modal--wide .ysl-web-request-grid{grid-template-columns:1fr;gap:6px}.ysl-web-modal--wide .ysl-web-contact-tabs--wide{background:#e9edf4;border:0;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.ysl-web-modal--wide .ysl-web-contact-tabs--wide button{color:var(--ysl-color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:7px 0;font-weight:600}.ysl-web-modal--wide .ysl-web-contact-tabs--wide button.active{color:#4338ca;background:#fff;box-shadow:0 1px 3px #0f172a1a}.ysl-web-chat-divider{color:var(--ysl-color-text-tertiary);justify-self:center;margin:10px 0 2px;font-size:11px}.ysl-web-chat-row{align-items:flex-start;gap:9px;max-width:100%;margin-top:6px;display:flex}.ysl-web-chat-row.is-mine{flex-direction:row-reverse}.ysl-web-chat-row .avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid}.ysl-web-avatar-tone-0{background:#4f46e5}.ysl-web-avatar-tone-1{background:#0d9488}.ysl-web-avatar-tone-2{background:#7c3aed}.ysl-web-avatar-tone-3{background:#d97706}.ysl-web-avatar-tone-4{background:#db2777}.ysl-web-avatar-tone-5{background:#059669}.ysl-web-chat-stack{justify-items:start;gap:3px;min-width:0;max-width:min(520px,68%);display:grid}.is-mine .ysl-web-chat-stack{justify-items:end}.ysl-web-chat-sender{color:var(--ysl-color-text-tertiary);padding:0 3px;font-size:11px}.ysl-web-chat-bubble-line{align-items:center;gap:7px;min-width:0;max-width:100%;display:flex}.is-mine .ysl-web-chat-bubble-line{flex-direction:row-reverse}.ysl-web-chat-bubble-line .bubble{background:var(--ysl-color-surface);min-width:0;color:var(--ysl-color-ink);word-break:break-word;white-space:pre-wrap;border-radius:4px 16px 16px;margin:0;padding:8px 12px;font-size:13.5px;line-height:1.5;box-shadow:0 1px 2px #0f172a12}.is-mine .ysl-web-chat-bubble-line .bubble{background:var(--ysl-color-primary);color:#fff;border-radius:16px 4px 16px 16px}.ysl-web-chat-bubble-line .file-card{align-items:center;gap:10px;min-width:180px;display:flex}.ysl-web-chat-bubble-line .file-icon{background:var(--ysl-color-primary-soft);width:36px;height:36px;color:var(--ysl-color-primary);border-radius:10px;flex:none;place-items:center;display:grid}.is-mine .ysl-web-chat-bubble-line .file-icon{color:#fff;background:#ffffff38}.ysl-web-chat-bubble-line .file-body{gap:1px;min-width:0;display:grid}.ysl-web-chat-bubble-line .file-body strong{word-break:break-all;font-size:13px;font-weight:600}.ysl-web-chat-bubble-line .file-body small{color:var(--ysl-color-text-secondary);font-size:11px}.is-mine .ysl-web-chat-bubble-line .file-body small{color:#ffffffc7}.ysl-web-chat-bubble-line .ysl-message-inline-action{opacity:0;flex:none;transition:opacity .12s}.ysl-web-chat-row:hover .ysl-message-inline-action{opacity:1}.ysl-web-chat-state{color:var(--ysl-color-text-tertiary);opacity:0;padding:0 3px;font-size:10.5px;transition:opacity .12s}.ysl-web-chat-row:hover .ysl-web-chat-state,.ysl-web-chat-row:last-of-type .ysl-web-chat-state{opacity:1}.ysl-web-conversation-row{background:0 0;position:relative}.ysl-web-conversation-row+.ysl-web-conversation-row{border-top:1px solid #f1f4f9}.ysl-web-conversation-row.is-pinned{background:#f3f7ff}.ysl-web-conversation-row.active{background:var(--ysl-color-primary-soft)}.ysl-web-conversation-main{width:100%;min-height:60px;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:9px 10px;display:flex}.ysl-web-conversation-main .avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.ysl-web-conversation-main .body{flex:1;gap:3px;min-width:0;display:grid}.ysl-web-conversation-main .title-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ysl-web-conversation-main .title-line strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.ysl-web-conversation-main .title-line small{color:var(--ysl-color-text-tertiary);flex:none;font-size:11px}.ysl-web-conversation-main .preview-line{align-items:center;gap:6px;display:flex}.ysl-web-conversation-main .preview-line em{min-width:0;color:var(--ysl-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-style:normal;overflow:hidden}.ysl-web-conversation-main .mute-mark{color:var(--ysl-color-text-tertiary);flex:none}.ysl-web-conversation-main .preview-line b{color:#fff;background:#ef4444;border-radius:999px;flex:none;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;display:grid}.ysl-web-conversation-row .ops{opacity:0;gap:4px;transition:opacity .12s;display:flex;position:absolute;top:8px;right:8px}.ysl-web-conversation-row:hover .ops{opacity:1}.ysl-web-conversation-row .ops button{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);width:24px;height:24px;color:var(--ysl-color-text-secondary);cursor:pointer;border-radius:999px;place-items:center;display:grid;box-shadow:0 2px 6px #0f172a14}.ysl-web-conversation-row .ops button:hover{color:var(--ysl-color-primary);border-color:var(--ysl-color-primary-border)}.ysl-web-avatar-upload{cursor:pointer;justify-items:center;gap:7px;padding:8px 0 14px;display:grid}.ysl-web-avatar-upload.is-disabled{cursor:not-allowed;opacity:.7}.ysl-web-avatar-upload .face{color:#fff;border-radius:999px;place-items:center;width:84px;height:84px;font-size:30px;font-weight:700;display:grid;overflow:hidden;box-shadow:0 6px 18px #0f172a1f}.ysl-web-avatar-upload .face img{object-fit:cover;width:100%;height:100%}.ysl-web-avatar-upload small{color:var(--ysl-color-text-secondary);font-size:12px}.ysl-web-group-manage{background:var(--ysl-color-bg);border-radius:12px;gap:8px;padding:10px;display:grid}.ysl-web-group-manage strong{color:var(--ysl-color-text-secondary);font-size:12.5px}.ysl-web-group-manage input,.ysl-web-group-manage textarea{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);font:inherit;resize:none;border-radius:10px;outline:none;padding:8px 11px;font-size:12.5px}.ysl-web-group-manage input:focus,.ysl-web-group-manage textarea:focus{border-color:var(--ysl-color-primary-border)}.ysl-web-group-manage .invite-row{gap:6px;display:flex}.ysl-web-group-manage .invite-row input{flex:1;min-width:0}.ysl-web-member-ops{flex:none;gap:4px;display:inline-flex}.ysl-web-member-ops button{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);color:var(--ysl-color-primary-strong);cursor:pointer;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600}.ysl-web-member-ops button.is-danger{color:#dc2626}.ysl-web-chat-header .actions button.is-active{color:var(--ysl-color-primary);border-color:var(--ysl-color-primary-border);background:var(--ysl-color-primary-soft)}.ysl-web-conversation-skeleton{gap:10px;padding:14px 12px;display:grid}.ysl-web-conversation-skeleton span{background:linear-gradient(90deg,#f1f4f9 25%,#e9edf4 45%,#f1f4f9 65%) 0 0/200% 100%;border-radius:12px;height:44px;animation:1.4s infinite ysl-skeleton-wave}@keyframes ysl-skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.ysl-web-drawer-empty{color:var(--ysl-color-text-tertiary);text-align:center;padding:28px 8px;font-size:12px}.ysl-web-drawer-hero{text-align:center;justify-items:center;gap:5px;padding:6px 0 2px;display:grid}.ysl-web-drawer-hero .avatar{color:#fff;border-radius:999px;place-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:grid}.ysl-web-drawer-hero strong{font-size:15px}.ysl-web-drawer-hero small{color:var(--ysl-color-text-secondary);font-size:12px}.ysl-web-drawer-quick{gap:5px;padding:4px 0 2px;display:flex}.ysl-web-drawer-quick button{background:var(--ysl-color-bg);min-width:0;color:var(--ysl-color-text-secondary);cursor:pointer;border:0;border-radius:12px;flex:1;justify-items:center;gap:4px;padding:9px 0 7px;font-size:11px;font-weight:600;display:grid}.ysl-web-drawer-quick button:hover{background:var(--ysl-color-bg-muted)}.ysl-web-drawer-quick button.is-active{background:var(--ysl-color-primary-soft);color:var(--ysl-color-primary-strong)}.ysl-web-drawer-quick button.is-danger{color:#dc2626}.ysl-web-drawer-id{color:var(--ysl-color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.ysl-web-mall-panel{align-content:start;gap:10px;padding:14px;display:grid;overflow:auto}.ysl-web-mall-search{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);border-radius:12px;outline:none;height:36px;padding:0 12px;font-size:13px}.ysl-web-mall-categories{gap:6px;display:flex;overflow-x:auto}.ysl-web-mall-categories button{background:var(--ysl-color-surface);color:var(--ysl-color-text-secondary);cursor:pointer;border:0;border-radius:999px;flex:none;padding:6px 14px;font-size:12.5px;font-weight:600;box-shadow:0 1px 2px #0f172a0a}.ysl-web-mall-categories button.active{background:var(--ysl-color-primary);color:#fff}.ysl-web-mall-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ysl-web-mall-card{background:var(--ysl-color-surface);font:inherit;color:inherit;text-align:left;cursor:pointer;border:0;border-radius:14px;gap:5px;padding:12px;display:grid;box-shadow:0 1px 2px #0f172a0d}.ysl-web-mall-card .cover,.ysl-web-product-hero .cover{color:#fff;border-radius:14px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:grid}.ysl-web-mall-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.ysl-web-mall-card small{color:var(--ysl-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ysl-web-mall-card .price,.ysl-web-product-hero .price{color:#d97706;align-items:baseline;gap:5px;font-size:11px;display:flex}.ysl-web-mall-card .price b,.ysl-web-product-hero .price b{font-size:16px}.ysl-web-product-hero{background:var(--ysl-color-surface);border-radius:16px;gap:7px;padding:16px;display:grid;box-shadow:0 1px 2px #0f172a0d}.ysl-web-product-hero .price i{color:var(--ysl-color-text-tertiary);margin-left:auto;font-style:normal}.ysl-web-product-desc{color:var(--ysl-color-text-secondary);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.7}.ysl-web-qty-row{justify-content:space-between;align-items:center;display:flex}.ysl-web-qty-stepper{align-items:center;gap:12px;display:inline-flex}.ysl-web-qty-stepper button{border:1px solid var(--ysl-color-border);background:var(--ysl-color-surface);cursor:pointer;border-radius:999px;width:28px;height:28px}.ysl-web-member-status{color:#fbbf24;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;gap:4px;padding:16px;display:grid}.ysl-web-member-status small{color:#ffffffb8}.ysl-web-tier-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ysl-web-tier-card{background:var(--ysl-color-surface);border-radius:14px;gap:6px;padding:13px;display:grid;box-shadow:0 1px 2px #0f172a0d}.ysl-web-tier-card.is-current{outline:2px solid var(--ysl-color-primary);outline-offset:-2px}.ysl-web-tier-card .price{color:#d97706;font-size:11px}.ysl-web-tier-card .price b{font-size:16px}.ysl-web-tier-card ul{color:var(--ysl-color-text-secondary);margin:0;padding:0 0 0 16px;font-size:11.5px;line-height:1.7}.ysl-web-txn-list{background:var(--ysl-color-surface);border-radius:14px;gap:6px;padding:12px;display:grid;box-shadow:0 1px 2px #0f172a0d}.ysl-web-txn-row{border-bottom:1px solid #f1f4f9;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.ysl-web-txn-row:last-child{border-bottom:0}.ysl-web-txn-row span{gap:2px;min-width:0;display:grid}.ysl-web-txn-row b{font-size:12.5px;font-weight:600}.ysl-web-txn-row small{color:var(--ysl-color-text-tertiary);font-size:11px}.ysl-web-txn-row i{flex:none;font-style:normal;font-weight:700}.ysl-web-txn-row i.is-income{color:#16a34a}.ysl-web-bot-tag{color:#4f46e5;vertical-align:2px;background:#dde0ff;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:600;line-height:1.6;display:inline-block}.ysl-web-bot-avatar-pick{cursor:pointer;justify-items:center;gap:6px;padding:4px 0 2px;display:grid}.ysl-web-bot-avatar-pick .avatar{color:#4f46e5;background:#eef2ff;border-radius:50%;place-items:center;width:72px;height:72px;font-size:26px;font-weight:650;display:grid;overflow:hidden}.ysl-web-bot-avatar-pick .avatar img{object-fit:cover;width:100%;height:100%}.ysl-web-bot-avatar-pick small{color:#94a3b8;font-size:12px}.ysl-web-image-bubble{max-width:260px;color:inherit;gap:6px;padding:6px;text-decoration:none;display:grid}.ysl-web-image-bubble img{object-fit:cover;background:#f1f5f9;border-radius:10px;width:100%;max-height:320px;display:block}.ysl-web-image-bubble small{opacity:.85;font-size:12px}.ysl-web-chat-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.bubble.file-card.is-downloadable{cursor:pointer;text-align:left;font:inherit;border:none}.ysl-web-image-bubble{cursor:zoom-in;font:inherit;background:0 0;border:none}.ysl-web-lightbox{z-index:1000;background:#0f172ae6;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:fixed;inset:0}.ysl-web-lightbox img{object-fit:contain;border-radius:8px;max-width:90%;max-height:80vh}.ysl-web-lightbox-actions{gap:12px;display:flex}.ysl-web-lightbox-actions button{cursor:pointer;border:none;border-radius:999px;padding:9px 22px;font-size:14px;font-weight:600}.ysl-web-lightbox-actions button:first-child{color:#fff;background:#4f46e5}.ysl-web-lightbox-actions button:last-child{color:#fff;background:#ffffff29}.ysl-web-drawer-avatar-pick{justify-items:center;display:inline-grid;position:relative}.ysl-web-drawer-avatar-pick.is-editable{cursor:pointer}.ysl-web-drawer-avatar-pick .avatar{overflow:hidden}.ysl-web-drawer-avatar-pick .avatar img{object-fit:cover;width:100%;height:100%;display:block}.ysl-web-drawer-avatar-cam{color:#fff;background:#4f46e5;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-2px;right:-2px}.ysl-web-group-image-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ysl-web-group-image-cell{aspect-ratio:1;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:0;overflow:hidden}.ysl-web-group-image-cell img{object-fit:cover;width:100%;height:100%;display:block}.ysl-web-group-image-cell .placeholder{color:#94a3b8;text-align:center;place-items:center;width:100%;height:100%;padding:4px;font-size:11px;display:grid}