.meeting-sharing-preview{--msp-brand:#484dff;margin:0;min-width:0;width:100%;box-sizing:border-box;padding:28px;border-radius:20px;background:#f5f1fc;container-type:inline-size;font-family:Quicksand,Arial,sans-serif}.msp-stage{display:flex;align-items:center;justify-content:flex-start;min-height:388px;max-width:620px;margin-inline:auto}.msp-stage [data-ui]{box-sizing:border-box;color:#f3f4f9;color-scheme:dark}.msp-stage [data-ui].msp-organizer{position:relative;z-index:2;display:flex;flex-direction:column;flex:0 0 230px;min-width:0;width:230px;height:282px;max-width:100%;margin-left:6px;padding:14px;transform:translateY(9px);background:#222226;border:1px solid #38383f;border-radius:12px;box-shadow:0 14px 30px #17131d18}.msp-organizer>header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:6px}.msp-organizer>header>strong{font-size:12px;line-height:1.4;font-weight:600;color:#8885ff}.msp-modes{display:flex;flex:none;align-items:center;gap:2px;padding:2px;border:1px solid #53535d;border-radius:20px;background:#25252a}.msp-modes>span{padding:4px 5px;border-radius:16px;font-size:8px;line-height:1.3;font-weight:600;color:#dddde6}.msp-modes>.is-active{background:#5145f5;color:#fff}.msp-share-tabs{display:grid;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.msp-share-tabs>button{display:flex;align-items:center;justify-content:center;min-height:36px;box-sizing:border-box;padding:3px;border:1px solid #3a3a43;border-radius:8px;background:transparent;color:#a9a5b5;font:500 10px/1.35 Quicksand,Arial,sans-serif;text-align:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.msp-share-tabs>button:focus-visible{outline:2px solid #b8b9ff;outline-offset:3px}.msp-share-tabs>.is-active{border-color:#484dff;background:#484dff;color:#fff;font-weight:600}.msp-tab-body{display:grid;flex:1;min-height:0;grid-template-rows:minmax(0,1fr) 46px 72px;gap:8px;margin-top:10px;animation:msp-tab-reveal .22s ease-out}@keyframes msp-tab-reveal{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.jm-site.v3 .mt-page .msp-organizer .msp-share-help{margin:0;color:#a9a5b5;font-size:10px;line-height:1.55}.msp-organizer .msp-url{min-width:0;padding:5px 10px}.msp-camera-option,.msp-organizer .msp-url{background:#19191d;border:1px solid #35353e;border-radius:7px}.msp-camera-option{display:flex;align-items:center;gap:9px;padding:10px 11px;color:#a9a5b5;font-size:11px}.msp-camera-option input{accent-color:#484dff}.msp-url>span{display:block;font-size:9px;line-height:1.4;color:#b5b3bd;margin-bottom:3px}.msp-url>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.5;color:#dddce7}.msp-organizer .msp-copy{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:32px;padding:7px 10px;border:0;border-radius:7px;background:#484dff;color:#fff;font:600 11px/1.5 Quicksand,Arial,sans-serif;cursor:pointer;transition:background .18s ease,transform .14s ease}.msp-organizer .msp-copy:not(:disabled):hover{background:#3d42e8}.msp-organizer .msp-copy:not(:disabled):active{transform:scale(.985)}.msp-organizer .msp-copy:disabled{background:#303039;color:#a39fad;cursor:default}.msp-organizer .msp-copy:focus-visible{outline:2px solid #b8b9ff;outline-offset:4px}.msp-actions{display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.msp-organizer .msp-qr-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:32px;padding:6px 10px;border:1px solid #504c6b;border-radius:7px;background:transparent;color:#c3bfff;font:600 11px/1.5 Quicksand,Arial,sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease}.msp-organizer .msp-qr-action:hover{background:#302d42;border-color:#7770a1}.msp-organizer .msp-qr-action:focus-visible{outline:2px solid #b8b9ff;outline-offset:4px}.msp-qr-preview{grid-row:1/3;display:flex;align-items:center;justify-content:center;gap:14px;min-width:0}.msp-qr-preview img{display:block;flex:none;width:82px;height:82px;box-sizing:content-box;padding:4px;border-radius:6px;background:#fff}.msp-qr-preview>span{font-size:11px;line-height:1.6;color:#aaa5bc}.msp-stage [data-ui].msp-participant{position:relative;z-index:1;flex:0 0 399px;min-width:0;width:399px;height:330px;margin-left:-35px;padding:14px 14px 14px 49px;transform:translateY(5px);background:#fff;color:#292534;color-scheme:light;border:1px solid #e9e3f2;border-radius:14px;box-shadow:0 18px 38px #35265424}.msp-participant>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.msp-session-status{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.4;color:#81758f}.msp-session-status>i{display:block;width:5px;height:5px;border-radius:50%;background:#10aa84}.msp-language{display:block;flex:none}.msp-language>span:last-child{position:relative;display:flex;align-items:center}.msp-language select{appearance:none;max-width:100%;min-width:89px;padding:5px 23px 5px 10px;border:1px solid #e1daed;border-radius:8px;background:#f8f6fc;color:#62556f;font:500 11px/1.4 Quicksand,Arial,sans-serif;cursor:pointer}.msp-language select:focus-visible{outline:2px solid #a1a3ff;outline-offset:3px}.msp-language select+svg{position:absolute;right:7px;pointer-events:none;color:#8f819e}.msp-caption-list{display:grid;gap:12px}.msp-participant .msp-caption{padding:0;background:transparent;border:0}.msp-caption>strong{align-self:flex-start;display:inline-flex;padding:2px 6px;border-radius:5px;background:#f0ebfc;font-size:10px;font-weight:600;line-height:1.4;color:#7960b6}.jm-site.v3 .mt-page .msp-caption p.msp-original{font-size:10px;line-height:1.65;color:#81758f;margin:4px 0 5px}.jm-site.v3 .mt-page .msp-caption p.msp-line{display:grid;margin:0;color:#2c2637;font-size:14px;font-weight:500;line-height:1.45}.msp-line>span{grid-area:1/1;min-width:0}@container(max-width:590px){.msp-stage{flex-direction:column;gap:20px;min-height:0}.msp-stage [data-ui].msp-organizer,.msp-stage [data-ui].msp-participant{flex:auto;width:100%;max-width:none;margin-left:0}.msp-stage [data-ui].msp-organizer{height:auto;transform:none}.msp-tab-body{flex:none;height:175px}.msp-stage [data-ui].msp-participant{height:auto;padding:14px;transform:none}}@media(max-width:600px){.meeting-sharing-preview{padding:18px;border-radius:16px}.msp-stage [data-ui].msp-organizer,.msp-stage [data-ui].msp-participant{padding:14px}.msp-participant>header{gap:10px}.msp-organizer>header>strong{font-size:14px}}@container(max-width:300px){.msp-tab-body{height:248px}}@media(prefers-reduced-motion:reduce){.msp-stage *{animation:none!important;transition:none!important}}