.ui-svg-folder{--icon-url:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.5A2.5 2.5 0 0 1 5.5 4H10l2 2h6.5A2.5 2.5 0 0 1 21 8.5v8A2.5 2.5 0 0 1 18.5 19h-13A2.5 2.5 0 0 1 3 16.5v-10Z'/%3E%3C/svg%3E")}.ui-svg-upload{--icon-url:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 16h2V8.8l3.3 3.3 1.4-1.4L12 5l-5.7 5.7 1.4 1.4L11 8.8V16Zm-6 1h2v2h10v-2h2v4H5v-4Z'/%3E%3C/svg%3E")}.ui-svg-file{--icon-url:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h8l4 4v16H6V2Z'/%3E%3Cpath d='M14 2v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E")}.screen-share-split-btn{overflow:hidden;border:1px solid var(--border-light);border-radius:10px;background:var(--btn-secondary-bg)}.screen-share-split-btn .screen-share-toggle-btn{width:auto;flex:1 1 auto;border:0;border-radius:0;background:0 0}.screen-share-split-btn .screen-share-toggle-btn:hover{transform:none}.room-file-transfer-btn{position:relative;width:54px;min-width:54px;min-height:42px;padding:0;border:0;border-left:1px solid var(--border-light);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);background:0 0;cursor:pointer;transition:color .16s,background-color .16s}.room-file-transfer-btn.is-open,.room-file-transfer-btn:focus-visible,.room-file-transfer-btn:hover{outline:0;color:var(--accent);background:var(--accent-soft)}.room-file-transfer-btn .ui-svg{--icon-size:21px}.room-file-transfer-btn:disabled{opacity:.55;cursor:not-allowed}.room-file-transfer-btn.hidden,.screen-share-split-btn.room-files-disabled .room-file-transfer-btn,body.mobile-layout .room-file-transfer-btn,body.mobile-layout .room-file-transfer-popover{display:none!important}.screen-share-split-btn.room-files-disabled .screen-share-toggle-btn{flex:1 1 100%}.room-file-transfer-count{position:absolute;top:4px;right:5px;min-width:15px;height:15px;padding:0 4px;border:2px solid var(--btn-secondary-bg);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;background:var(--accent);font-size:9px;line-height:1;font-weight:900}.screen-share-split-btn.is-active .room-file-transfer-btn,.screen-share-split-btn.is-active .screen-share-settings-btn{border-left-color:rgba(255,255,255,.3);color:#fff}.screen-share-split-btn.is-active .room-file-transfer-btn.is-open,.screen-share-split-btn.is-active .room-file-transfer-btn:focus-visible,.screen-share-split-btn.is-active .room-file-transfer-btn:hover{color:#fff;background:rgba(255,255,255,.12)}.screen-share-split-btn.is-active .room-file-transfer-count{border-color:#f25b32;color:#ef4444;background:#fff}.room-file-transfer-popover{--room-file-popover-arrow-x:50%;position:fixed;z-index:5200;width:min(460px,calc(100vw - 24px));max-height:min(650px,calc(100dvh - 24px));padding:16px;border:1px solid var(--border-light);border-radius:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;color:var(--text-primary);background:color-mix(in srgb,var(--bg-card) 97%,transparent);box-shadow:0 20px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);overflow:visible;transform-origin:var(--room-file-popover-arrow-x) 100%;animation:.16s ease-out room-file-popover-in;isolation:isolate}.room-file-transfer-popover::after{content:'';position:absolute;left:var(--room-file-popover-arrow-x);bottom:-6px;width:11px;height:11px;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-card) 97%,transparent);transform:translateX(-50%) rotate(45deg)}.room-file-transfer-popover.is-below{transform-origin:var(--room-file-popover-arrow-x) 0}.room-file-transfer-popover.is-below::after{top:-6px;bottom:auto;border:0;border-top:1px solid var(--border-light);border-left:1px solid var(--border-light)}.room-file-transfer-popover.hidden{display:none!important}.room-file-transfer-drop-hint{position:absolute;inset:0;z-index:10;border:2px dashed var(--accent);border-radius:inherit;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--accent);background:color-mix(in srgb,var(--bg-card) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transform:scale(.985);transition:opacity .14s,visibility .14s,transform .14s}.room-file-transfer-drop-hint .ui-svg{--icon-size:34px}.room-file-transfer-popover.is-dragging-files .room-file-transfer-drop-hint{opacity:1;visibility:visible;transform:scale(1)}@keyframes room-file-popover-in{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.room-file-transfer-header,.room-file-transfer-item,.room-file-transfer-item-actions,.room-file-transfer-item-main,.room-file-transfer-progress-head,.room-file-transfer-title-wrap,.room-file-transfer-upload-card{display:flex;align-items:center}.room-file-transfer-header{justify-content:space-between;gap:12px}.room-file-transfer-title-wrap{min-width:0;gap:10px}.room-file-transfer-title-icon{width:38px;height:38px;border:1px solid var(--accent-outline);border-radius:14px;display:grid;place-items:center;flex:0 0 38px;color:var(--accent);background:var(--accent-soft)}.room-file-transfer-title-icon .ui-svg{--icon-size:21px}.room-file-transfer-header h2,.room-file-transfer-header p{margin:0}.room-file-transfer-header h2{font-size:1.05rem;line-height:1.2}.room-file-transfer-header p{margin-top:3px;color:var(--text-secondary);font-size:.82rem}.room-file-transfer-upload-card{gap:11px;padding:11px;border:1px solid var(--border-light);border-radius:16px;background:color-mix(in srgb,var(--input-bg) 76%,transparent)}.room-file-transfer-upload-btn{min-height:34px;padding:0 11px;border:1px solid var(--accent-outline);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;color:var(--text-on-accent,#fff);background:linear-gradient(135deg,var(--accent),var(--accent-hover));box-shadow:0 7px 18px rgba(var(--accent-rgb),.2);font:inherit;font-size:.82rem;font-weight:900;cursor:pointer}.room-file-transfer-upload-btn .ui-svg{--icon-size:16px}.room-file-transfer-upload-btn:hover:not(:disabled){transform:translateY(-1px)}.room-file-transfer-upload-btn:disabled{opacity:.62;cursor:wait}.room-file-transfer-upload-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.room-file-transfer-upload-copy strong{font-size:.9rem}.room-file-transfer-empty,.room-file-transfer-item-meta,.room-file-transfer-status,.room-file-transfer-upload-copy span{color:var(--text-secondary);font-size:.78rem}.room-file-transfer-progress{padding:12px 14px;border:1px solid var(--accent-outline);border-radius:13px;background:var(--accent-soft)}.room-file-transfer-progress-head{justify-content:space-between;gap:12px;color:var(--text-primary);font-size:.8rem}.room-file-transfer-progress-track{height:7px;margin-top:9px;border-radius:999px;background:color-mix(in srgb,var(--border-light) 72%,transparent);overflow:hidden}.room-file-transfer-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .16s}.room-file-transfer-status{min-height:18px}.room-file-transfer-status[data-tone=error]{color:#fb7185}.room-file-transfer-status[data-tone=success]{color:#34d399}.room-file-transfer-list{min-height:130px;max-height:300px;padding-right:4px;display:flex;flex-direction:column;gap:9px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 62%,transparent) transparent}.room-file-transfer-list::-webkit-scrollbar{width:8px}.room-file-transfer-list::-webkit-scrollbar-track{background:0 0}.room-file-transfer-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent) 62%,transparent);background-clip:padding-box}.room-file-transfer-empty{min-height:128px;border:1px dashed var(--border-light);border-radius:16px;display:grid;place-items:center;text-align:center;background:color-mix(in srgb,var(--input-bg) 60%,transparent)}.room-file-transfer-empty .ui-svg{--icon-size:32px;margin:0 auto 10px;color:var(--accent);opacity:.78}.room-file-transfer-item{min-width:0;gap:12px;padding:11px 12px;border:1px solid var(--border-light);border-radius:14px;background:color-mix(in srgb,var(--input-bg) 72%,transparent)}.room-file-transfer-item-actions{flex:0 0 auto;gap:6px}.room-file-transfer-item-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 38px;color:var(--accent);background:var(--accent-soft)}.room-file-transfer-item-main{min-width:0;flex:1 1 auto;align-items:flex-start;flex-direction:column;gap:4px}.room-file-transfer-item-name{max-width:100%;overflow:hidden;color:var(--text-primary);font-size:.88rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.room-file-transfer-download{min-height:34px;padding:0 11px;border:1px solid var(--accent-outline);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;color:var(--accent);background:var(--accent-soft);font-size:.78rem;font-weight:850;text-decoration:none}.room-file-transfer-download:focus-visible,.room-file-transfer-download:hover{outline:0;color:var(--text-on-accent,#fff);background:linear-gradient(135deg,var(--accent),var(--accent-hover))}.room-file-transfer-delete{width:34px;height:34px;padding:0;border:1px solid color-mix(in srgb,#fb7185 42%,var(--border-light));border-radius:10px;display:inline-grid;place-items:center;flex:0 0 34px;color:#fb7185;background:color-mix(in srgb,#fb7185 10%,transparent);cursor:pointer}.room-file-transfer-delete .ui-svg{--icon-size:17px}.room-file-transfer-delete:focus-visible,.room-file-transfer-delete:hover:not(:disabled){outline:0;color:#fff;background:#e5485d}.room-file-transfer-delete:disabled{opacity:.55;cursor:wait}.room-file-transfer-usage{display:flex;flex-direction:column;gap:7px;padding:2px 1px 0;color:var(--text-secondary);font-size:.79rem}.room-file-transfer-usage-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-file-transfer-usage-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--border-light) 78%,transparent);overflow:hidden}.room-file-transfer-usage-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .18s}.room-file-transfer-remaining{align-self:flex-start}.room-file-transfer-upload-zone{width:100%;min-height:150px;padding:24px 16px;border:2px dashed color-mix(in srgb,var(--border-light) 86%,transparent);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;box-sizing:border-box;color:var(--text-secondary);background:color-mix(in srgb,var(--input-bg) 55%,transparent);font:inherit;cursor:pointer;transition:border-color .16s,color .16s,background-color .16s}.room-file-transfer-upload-zone .ui-svg{--icon-size:34px;margin-bottom:4px;opacity:.86}.room-file-transfer-upload-zone strong{color:var(--text-primary);font-size:.9rem}.room-file-transfer-upload-zone span:last-child{font-size:.78rem}.room-file-transfer-popover.is-dragging-files .room-file-transfer-upload-zone,.room-file-transfer-upload-zone:focus-visible,.room-file-transfer-upload-zone:hover:not(:disabled){outline:0;border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.room-file-transfer-upload-zone:disabled{opacity:.55;cursor:not-allowed}button.room-file-transfer-download{font:inherit;cursor:pointer}@media (max-width:620px){.room-file-transfer-popover{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:14px;border-radius:15px}.room-file-transfer-upload-card{align-items:stretch;flex-direction:column}.room-file-transfer-upload-btn{width:100%}.room-file-transfer-header p{max-width:220px}.room-file-transfer-download span:last-child{display:none}.room-file-transfer-list{max-height:min(300px,48dvh)}}