:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{margin:0 auto;padding:2rem;font-weight:400}@media screen and (min-width:1024px){#app{max-width:auto;min-width:2800px}}@media screen and (max-width:1023px){#app{min-width:auto;max-width:1280px}}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (min-width:1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}.global-sidebar[data-v-3d233d04]{z-index:1000;background-color:#001529;width:200px;transition:width .3s;position:fixed;top:0;bottom:0;left:0}.global-sidebar.collapsed[data-v-3d233d04]{width:80px}.sidebar-toggle[data-v-3d233d04]{text-align:right;color:#fff;cursor:pointer;height:48px;padding-right:16px;line-height:48px}[data-v-3d233d04] .ant-layout-content{margin-left:200px;transition:margin-left .3s}.collapsed[data-v-3d233d04] .ant-layout-content{margin-left:80px}.app-container{width:100%;min-height:100vh;display:flex}.main-content{flex:1;width:100%;margin-left:180px;padding:20px;transition:margin-left .3s}[data-v-514d5cbf]{box-sizing:border-box}.transfer-app[data-v-514d5cbf]{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container[data-v-514d5cbf]{max-width:1800px;margin:0 auto;padding:0 20px}.app-header[data-v-514d5cbf]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffff2;border-bottom:1px solid #0000001a;padding:1rem 0;position:sticky;top:0}.header-content[data-v-514d5cbf]{justify-content:space-between;align-items:center;display:flex}.logo[data-v-514d5cbf]{align-items:center;gap:1rem;display:flex}.logo-icon[data-v-514d5cbf]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem}.logo-text h1[data-v-514d5cbf]{color:#333;margin:0;font-size:1.5rem;font-weight:700}.logo-text p[data-v-514d5cbf]{color:#666;margin:0;font-size:.9rem}.header-controls[data-v-514d5cbf]{align-items:center;gap:1rem;display:flex}.connection-status[data-v-514d5cbf]{color:#666;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.settings-btn[data-v-514d5cbf]{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1.2rem;transition:all .3s;display:flex}.settings-btn[data-v-514d5cbf]:hover{color:#667eea;background:#667eea1a;transform:rotate(90deg)}.status-dot[data-v-514d5cbf]{background:#ccc;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse-514d5cbf}.status-dot.connected[data-v-514d5cbf]{background:#10b981}.status-dot.connecting[data-v-514d5cbf]{background:#f59e0b}.status-dot.failed[data-v-514d5cbf]{background:#ef4444}@keyframes pulse-514d5cbf{0%,to{opacity:1}50%{opacity:.7}}.connect-section[data-v-514d5cbf]{justify-content:center;padding:4rem 0;display:flex}.connect-card[data-v-514d5cbf]{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:3rem;box-shadow:0 10px 40px #0000001a}.card-header[data-v-514d5cbf]{text-align:center;margin-bottom:2rem}.card-header h2[data-v-514d5cbf]{color:#333;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.card-header p[data-v-514d5cbf]{color:#666;margin:0;font-size:1rem}.input-group[data-v-514d5cbf]{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.button-group[data-v-514d5cbf]{flex-shrink:0;gap:.5rem;display:flex}.server-input[data-v-514d5cbf],.room-input[data-v-514d5cbf]{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;flex:1;min-width:200px;padding:1rem;font-size:1rem;transition:all .3s}.server-input[data-v-514d5cbf]:focus,.room-input[data-v-514d5cbf]:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.connect-btn[data-v-514d5cbf],.generate-btn[data-v-514d5cbf],.join-btn[data-v-514d5cbf]{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:1rem 1.5rem;font-weight:600;transition:all .3s}.connect-btn[data-v-514d5cbf],.join-btn[data-v-514d5cbf]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.generate-btn[data-v-514d5cbf]{color:#374151;background:#f3f4f6;border:2px solid #e5e7eb}.connect-btn[data-v-514d5cbf]:hover,.join-btn[data-v-514d5cbf]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.generate-btn[data-v-514d5cbf]:hover{background:#e5e7eb}.connect-btn[data-v-514d5cbf]:disabled,.join-btn[data-v-514d5cbf]:disabled{opacity:.6;cursor:not-allowed;transform:none}.config-options[data-v-514d5cbf]{border-top:1px solid #e5e7eb;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.checkbox-label[data-v-514d5cbf]{cursor:pointer;color:#374151;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.config-checkbox[data-v-514d5cbf]{display:none}.checkmark[data-v-514d5cbf]{background:#fff;border:2px solid #d1d5db;border-radius:4px;width:20px;height:20px;transition:all .3s;position:relative}.config-checkbox:checked+.checkmark[data-v-514d5cbf]{background:#667eea;border-color:#667eea}.config-checkbox:checked+.checkmark[data-v-514d5cbf]:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkmark[data-v-514d5cbf]:hover{background:#667eea0d;border-color:#667eea}.room-section[data-v-514d5cbf]{justify-content:center;padding:2rem 0;display:flex}.room-card[data-v-514d5cbf]{background:#fff;border-radius:16px;width:100%;max-width:700px;padding:2rem;box-shadow:0 10px 40px #0000001a}.url-room-alert[data-v-514d5cbf]{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;margin-bottom:2rem;padding:1rem}.alert-content[data-v-514d5cbf]{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.alert-icon[data-v-514d5cbf]{font-size:1.5rem}.alert-text[data-v-514d5cbf]{flex:1;min-width:200px}.alert-text strong[data-v-514d5cbf]{margin-bottom:.25rem;display:block}.alert-btn[data-v-514d5cbf]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:background .3s}.alert-btn[data-v-514d5cbf]:hover{background:#ffffff4d}.share-section[data-v-514d5cbf]{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.share-header[data-v-514d5cbf]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.share-header h3[data-v-514d5cbf]{color:#333;margin:0;font-size:1.1rem;font-weight:600}.share-actions-inline[data-v-514d5cbf]{gap:.5rem;display:flex}.copy-btn-compact[data-v-514d5cbf],.qr-btn-compact[data-v-514d5cbf]{color:#374151;cursor:pointer;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:36px;padding:.5rem;transition:all .3s}.copy-btn-compact[data-v-514d5cbf]:hover,.qr-btn-compact[data-v-514d5cbf]:hover{color:#667eea;border-color:#667eea}.copy-btn-compact.copied[data-v-514d5cbf]{color:#10b981;background:#f0fff4;border-color:#10b981}.share-content-compact[data-v-514d5cbf]{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.share-link-compact[data-v-514d5cbf]{flex:1;min-width:200px}.link-input-compact[data-v-514d5cbf]{color:#666;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:.5rem;font-family:monospace;font-size:.8rem}.qr-display-compact[data-v-514d5cbf]{flex-shrink:0}.qr-container-compact[data-v-514d5cbf]{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.qr-wrapper-compact[data-v-514d5cbf]{margin-bottom:.5rem;display:inline-block;position:relative}.qr-canvas-compact[data-v-514d5cbf]{background:#fff;border-radius:4px;width:120px;height:120px;padding:4px;display:block;box-shadow:0 2px 8px #0000001a}.qr-tip-compact[data-v-514d5cbf]{color:#666;margin:0;font-size:.75rem}.loading-spinner-small[data-v-514d5cbf]{border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin-514d5cbf}.share-content[data-v-514d5cbf]{flex-direction:column;gap:1.5rem;display:flex}.share-link[data-v-514d5cbf]{flex-direction:column;gap:1rem;display:flex}.link-input[data-v-514d5cbf]{color:#666;cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:.75rem;font-family:monospace;font-size:.9rem}.link-input[data-v-514d5cbf]:focus{background:#fff;border-color:#667eea;outline:none}.share-actions[data-v-514d5cbf]{flex-wrap:wrap;gap:1rem;display:flex}.copy-btn[data-v-514d5cbf],.qr-btn[data-v-514d5cbf]{color:#374151;cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1;padding:.75rem 1rem;font-weight:600;transition:all .3s}.copy-btn[data-v-514d5cbf]:hover,.qr-btn[data-v-514d5cbf]:hover{color:#667eea;border-color:#667eea;transform:translateY(-1px)}.copy-btn.copied[data-v-514d5cbf]{color:#10b981;background:#f0fff4;border-color:#10b981}.qr-display[data-v-514d5cbf]{justify-content:center;display:flex}.qr-container[data-v-514d5cbf]{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.qr-wrapper[data-v-514d5cbf]{margin-bottom:1rem;display:inline-block;position:relative}.qr-canvas[data-v-514d5cbf]{background:#fff;border-radius:8px;padding:8px;display:block;box-shadow:0 4px 20px #0000001a}.qr-loading[data-v-514d5cbf],.qr-modal-loading[data-v-514d5cbf]{background:#ffffffe6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.qr-tip[data-v-514d5cbf]{color:#666;margin:0;font-size:.9rem}.transfer-interface[data-v-514d5cbf]{padding:2rem 0}.room-info-bar-compact[data-v-514d5cbf]{background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:auto;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0000001a}.room-info-compact[data-v-514d5cbf]{flex:1;min-width:200px}.room-title-row[data-v-514d5cbf]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.room-title-row h3[data-v-514d5cbf]{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:600;overflow:hidden}.room-status-inline[data-v-514d5cbf]{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.participant-count-compact[data-v-514d5cbf]{color:#666;white-space:nowrap;background:#f3f4f6;border-radius:8px;padding:.2rem .5rem;font-size:.8rem}.connection-quality-compact[data-v-514d5cbf]{align-items:center;display:flex}.quality-dot-small[data-v-514d5cbf]{background:#ccc;border-radius:50%;width:6px;height:6px}.quality-dot-small.excellent[data-v-514d5cbf]{background:#10b981}.quality-dot-small.good[data-v-514d5cbf]{background:#84cc16}.quality-dot-small.fair[data-v-514d5cbf]{background:#f59e0b}.quality-dot-small.poor[data-v-514d5cbf]{background:#ef4444}.room-controls-compact[data-v-514d5cbf]{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.share-controls-inline[data-v-514d5cbf]{align-items:center;gap:.5rem;display:flex}.link-input-mini[data-v-514d5cbf]{color:#666;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;width:150px;padding:.4rem;font-family:monospace;font-size:.75rem}.btn-mini[data-v-514d5cbf]{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:.4rem;font-size:.9rem;transition:all .3s;display:flex}.btn-mini[data-v-514d5cbf]:hover{color:#667eea;border-color:#667eea}.btn-mini.copied[data-v-514d5cbf]{color:#10b981;background:#f0fff4;border-color:#10b981}.panel-controls-inline[data-v-514d5cbf]{align-items:center;gap:.5rem;display:flex}.btn-toggle[data-v-514d5cbf]{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:.25rem;padding:.4rem .75rem;font-size:.9rem;transition:all .3s;display:flex;position:relative}.btn-toggle[data-v-514d5cbf]:hover{color:#667eea;border-color:#667eea}.btn-toggle.active[data-v-514d5cbf]{color:#fff;background:#667eea;border-color:#667eea}.file-badge-mini[data-v-514d5cbf]{color:#fff;text-align:center;background:#ef4444;border-radius:8px;min-width:14px;padding:.1rem .3rem;font-size:.7rem;font-weight:600;line-height:1;position:absolute;top:-6px;right:-6px}.btn-action[data-v-514d5cbf]{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.9rem;transition:all .3s}.btn-action[data-v-514d5cbf]:hover:not(:disabled){background:#d97706}.btn-action[data-v-514d5cbf]:disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb}.btn-leave[data-v-514d5cbf]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.9rem;transition:all .3s}.btn-leave[data-v-514d5cbf]:hover{background:#dc2626}.room-info-bar[data-v-514d5cbf]{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000001a}.room-info h3[data-v-514d5cbf]{color:#333;margin:0 0 .5rem;font-size:1.3rem;font-weight:600}.room-details[data-v-514d5cbf]{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.participant-count[data-v-514d5cbf]{color:#666;background:#f3f4f6;border-radius:12px;padding:.25rem .75rem;font-size:.9rem}.connection-quality[data-v-514d5cbf]{color:#666;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.quality-dot[data-v-514d5cbf]{background:#ccc;border-radius:50%;width:8px;height:8px}.quality-dot.excellent[data-v-514d5cbf]{background:#10b981}.quality-dot.good[data-v-514d5cbf]{background:#84cc16}.quality-dot.fair[data-v-514d5cbf]{background:#f59e0b}.quality-dot.poor[data-v-514d5cbf]{background:#ef4444}.room-controls[data-v-514d5cbf],.room-share[data-v-514d5cbf]{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.share-link-compact[data-v-514d5cbf]{align-items:center;gap:.5rem;display:flex}.link-input-small[data-v-514d5cbf]{color:#666;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:200px;padding:.5rem;font-family:monospace;font-size:.8rem}.copy-btn-small[data-v-514d5cbf],.qr-btn-small[data-v-514d5cbf]{color:#374151;cursor:pointer;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:36px;padding:.5rem;transition:all .3s}.copy-btn-small[data-v-514d5cbf]:hover,.qr-btn-small[data-v-514d5cbf]:hover{color:#667eea;border-color:#667eea}.copy-btn-small.copied[data-v-514d5cbf]{color:#10b981;background:#f0fff4;border-color:#10b981}.panel-controls[data-v-514d5cbf]{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.panel-toggle-btn[data-v-514d5cbf]{color:#374151;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex;position:relative}.panel-toggle-btn[data-v-514d5cbf]:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.panel-toggle-btn.active[data-v-514d5cbf]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.file-badge[data-v-514d5cbf]{color:#fff;text-align:center;background:#ef4444;border-radius:12px;min-width:18px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;line-height:1;animation:.5s ease-in-out bounce-514d5cbf;position:absolute;top:-8px;right:-8px}@keyframes bounce-514d5cbf{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.clear-chat-btn[data-v-514d5cbf]{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.clear-chat-btn[data-v-514d5cbf]:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.clear-chat-btn[data-v-514d5cbf]:disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb;transform:none}.leave-btn[data-v-514d5cbf]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.leave-btn[data-v-514d5cbf]:hover{background:#dc2626;transform:translateY(-1px)}.content-area[data-v-514d5cbf]{grid-template-columns:1fr;gap:1.5rem;min-height:calc(100vh - 200px);transition:grid-template-columns .3s;display:grid}.content-area.file-panel-visible[data-v-514d5cbf]{grid-template-columns:2fr 1fr}.file-panel[data-v-514d5cbf],.chat-panel[data-v-514d5cbf]{background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000001a}.panel-header[data-v-514d5cbf]{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.panel-header h3[data-v-514d5cbf]{color:#333;margin:0;font-size:1.2rem;font-weight:600}.panel-header-controls[data-v-514d5cbf]{align-items:center;gap:1rem;display:flex}.file-count[data-v-514d5cbf],.message-count[data-v-514d5cbf]{color:#666;background:#e5e7eb;border-radius:12px;padding:.25rem .75rem;font-size:.9rem;font-weight:600}.panel-close-btn[data-v-514d5cbf]{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:.25rem;font-size:1.2rem;transition:all .3s;display:flex}.panel-close-btn[data-v-514d5cbf]:hover{color:#374151;background:#f3f4f6}.file-drop-zone[data-v-514d5cbf]{text-align:center;cursor:pointer;background:#f9fafb;border:3px dashed #d1d5db;border-radius:12px;margin:1.5rem;padding:3rem;transition:all .3s}.file-drop-zone.connected[data-v-514d5cbf]{background:#667eea0d;border-color:#667eea}.file-drop-zone.drag-over[data-v-514d5cbf]{background:#10b9811a;border-color:#10b981;transform:scale(1.02)}.file-drop-zone[data-v-514d5cbf]:not(.connected){cursor:not-allowed;opacity:.6}.drop-icon[data-v-514d5cbf]{opacity:.8;margin-bottom:1rem;font-size:3rem;transition:all .3s}.drop-text h4[data-v-514d5cbf]{color:#333;margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.drop-text p[data-v-514d5cbf]{color:#666;margin:0;font-size:.9rem}.file-list[data-v-514d5cbf]{flex:1;padding:0 1.5rem 1.5rem;overflow-y:auto}.file-item[data-v-514d5cbf]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s;display:flex}.file-item[data-v-514d5cbf]:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000001a}.file-info[data-v-514d5cbf]{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.file-icon[data-v-514d5cbf]{flex-shrink:0;font-size:2rem}.file-details[data-v-514d5cbf]{flex:1;min-width:0}.file-name[data-v-514d5cbf]{text-overflow:ellipsis;white-space:nowrap;color:#333;margin-bottom:.25rem;font-weight:600;overflow:hidden}.file-meta[data-v-514d5cbf]{color:#666;flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.file-source[data-v-514d5cbf]{color:#667eea;font-weight:600}.file-progress[data-v-514d5cbf]{flex-shrink:0;width:120px}.progress-bar[data-v-514d5cbf]{background:#e5e7eb;border-radius:3px;width:100%;height:6px;margin-bottom:.25rem;overflow:hidden}.progress-fill[data-v-514d5cbf]{background:#6b7280;border-radius:3px;height:100%;transition:width .3s}.progress-fill.active[data-v-514d5cbf]{background:linear-gradient(135deg,#667eea,#764ba2);animation:2s ease-in-out infinite progress-flow-514d5cbf}.progress-fill.success[data-v-514d5cbf]{background:#10b981}.progress-fill.error[data-v-514d5cbf]{background:#ef4444}@keyframes progress-flow-514d5cbf{0%,to{opacity:1}50%{opacity:.8}}.progress-text[data-v-514d5cbf]{text-align:center;color:#666;font-size:.8rem;font-weight:600}.file-actions[data-v-514d5cbf]{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.status-badge[data-v-514d5cbf]{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.status-badge.preparing[data-v-514d5cbf],.status-badge.sending[data-v-514d5cbf],.status-badge.receiving[data-v-514d5cbf]{color:#667eea;background:#667eea1a}.status-badge.completed[data-v-514d5cbf]{color:#10b981;background:#10b9811a}.status-badge.error[data-v-514d5cbf]{color:#ef4444;background:#ef44441a}.download-btn[data-v-514d5cbf]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.download-btn[data-v-514d5cbf]:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.download-icon[data-v-514d5cbf]{font-size:1rem}.message-list[data-v-514d5cbf]{flex-direction:column;flex:1;gap:1rem;min-height:300px;padding:1rem 1.5rem;display:flex;overflow-y:auto}.message-item[data-v-514d5cbf]{animation:.3s ease-out messageSlide-514d5cbf;display:flex}@keyframes messageSlide-514d5cbf{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.local[data-v-514d5cbf]{justify-content:flex-end}.message-item.remote[data-v-514d5cbf]{justify-content:flex-start}.message-bubble[data-v-514d5cbf]{word-break:break-word;border-radius:18px;max-width:80%;padding:.75rem 1rem;position:relative}.local .message-bubble[data-v-514d5cbf]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px}.remote .message-bubble[data-v-514d5cbf]{color:#333;background:#f3f4f6;border-bottom-left-radius:6px}.message-content[data-v-514d5cbf]{margin-bottom:.25rem;line-height:1.4}.message-footer[data-v-514d5cbf]{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.message-time[data-v-514d5cbf]{opacity:.7;font-size:.7rem}.copy-message-btn[data-v-514d5cbf]{cursor:pointer;opacity:0;color:inherit;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:.8rem;transition:all .3s}.message-item:hover .copy-message-btn[data-v-514d5cbf]{opacity:.7}.copy-message-btn[data-v-514d5cbf]:hover{background:#0000001a;opacity:1!important}.local .copy-message-btn[data-v-514d5cbf]:hover{background:#fff3}.typing-indicator[data-v-514d5cbf]{align-items:center;gap:.75rem;animation:.3s ease-out messageSlide-514d5cbf;display:flex}.typing-bubble[data-v-514d5cbf]{background:#f3f4f6;border-radius:18px 18px 18px 6px;justify-content:center;width:60px;padding:1rem;display:flex}.typing-dots[data-v-514d5cbf]{gap:4px;display:flex}.typing-dots span[data-v-514d5cbf]{background:#6b7280;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing-514d5cbf}.typing-dots span[data-v-514d5cbf]:nth-child(2){animation-delay:.2s}.typing-dots span[data-v-514d5cbf]:nth-child(3){animation-delay:.4s}@keyframes typing-514d5cbf{0%,60%,to{opacity:.5;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.typing-text[data-v-514d5cbf]{color:#6b7280;font-size:.9rem;font-style:italic}.message-input-area[data-v-514d5cbf]{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.input-container[data-v-514d5cbf]{align-items:flex-end;gap:1rem;display:flex}.message-input[data-v-514d5cbf]{resize:none;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;min-height:44px;max-height:120px;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .3s}.message-input[data-v-514d5cbf]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.message-input[data-v-514d5cbf]:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.send-btn[data-v-514d5cbf]{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;min-height:44px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.send-btn[data-v-514d5cbf]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.send-btn[data-v-514d5cbf]:disabled{opacity:.6;cursor:not-allowed;transform:none}.qr-modal-overlay[data-v-514d5cbf]{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn-514d5cbf;display:flex;position:fixed;inset:0}@keyframes fadeIn-514d5cbf{0%{opacity:0}to{opacity:1}}.qr-modal[data-v-514d5cbf]{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:80vh;animation:.3s ease-out modalSlide-514d5cbf;overflow-y:auto}@keyframes modalSlide-514d5cbf{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.qr-modal-header[data-v-514d5cbf]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.qr-modal-header h3[data-v-514d5cbf]{color:#333;margin:0;font-size:1.2rem;font-weight:600}.modal-close-btn[data-v-514d5cbf]{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:all .3s;display:flex}.modal-close-btn[data-v-514d5cbf]:hover{color:#374151;background:#f3f4f6}.qr-modal-body[data-v-514d5cbf]{text-align:center;padding:1.5rem}.qr-modal-container[data-v-514d5cbf]{margin-bottom:1rem;display:inline-block;position:relative}.qr-modal-canvas[data-v-514d5cbf]{background:#fff;border-radius:8px;padding:12px;display:block;box-shadow:0 8px 30px #0000001a}.qr-modal-tip[data-v-514d5cbf]{color:#666;margin:1rem 0;font-size:.9rem;line-height:1.4}.qr-modal-actions[data-v-514d5cbf]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.modal-action-btn[data-v-514d5cbf]{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.modal-action-btn[data-v-514d5cbf]:hover{color:#667eea;border-color:#667eea;transform:translateY(-1px)}.settings-modal-overlay[data-v-514d5cbf]{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn-514d5cbf;display:flex;position:fixed;inset:0}.settings-modal[data-v-514d5cbf]{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:80vh;animation:.3s ease-out modalSlide-514d5cbf;overflow-y:auto}.settings-modal-header[data-v-514d5cbf]{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.settings-modal-header h3[data-v-514d5cbf]{color:#333;margin:0;font-size:1.2rem;font-weight:600}.settings-modal-body[data-v-514d5cbf]{padding:1.5rem}.setting-group[data-v-514d5cbf]{margin-bottom:2rem}.setting-group[data-v-514d5cbf]:last-child{margin-bottom:0}.setting-label[data-v-514d5cbf]{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.setting-input-group[data-v-514d5cbf]{align-items:stretch;gap:.75rem;display:flex}.setting-input[data-v-514d5cbf]{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;flex:1;padding:.75rem;font-size:.9rem;transition:all .3s}.setting-input[data-v-514d5cbf]:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.test-btn[data-v-514d5cbf]{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:8px;padding:.75rem 1rem;font-weight:600;transition:all .3s}.test-btn[data-v-514d5cbf]:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.test-btn[data-v-514d5cbf]:disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb;transform:none}.setting-description[data-v-514d5cbf]{color:#6b7280;margin:.5rem 0 0;font-size:.8rem;line-height:1.4}.settings-actions[data-v-514d5cbf]{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.settings-actions-right[data-v-514d5cbf]{gap:1rem;display:flex}.reset-btn[data-v-514d5cbf]{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.reset-btn[data-v-514d5cbf]:hover{background:#4b5563;transform:translateY(-1px)}.cancel-btn[data-v-514d5cbf]{color:#374151;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.cancel-btn[data-v-514d5cbf]:hover{background:#e5e7eb;border-color:#d1d5db}.save-btn[data-v-514d5cbf]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.save-btn[data-v-514d5cbf]:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}.empty-state[data-v-514d5cbf]{text-align:center;color:#9ca3af;padding:3rem 1rem}.empty-icon[data-v-514d5cbf]{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state p[data-v-514d5cbf]{margin:.5rem 0;font-size:1rem}.empty-tip[data-v-514d5cbf]{opacity:.8;font-size:.9rem}.notifications[data-v-514d5cbf]{z-index:1000;flex-direction:column;gap:1rem;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.notification[data-v-514d5cbf]{cursor:pointer;background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;animation:.5s ease-out slideIn-514d5cbf;display:flex;box-shadow:0 10px 40px #00000026}@keyframes slideIn-514d5cbf{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification[data-v-514d5cbf]:hover{transform:translateY(-2px);box-shadow:0 15px 50px #0003}.notification.success[data-v-514d5cbf]{border-left-color:#10b981}.notification.error[data-v-514d5cbf]{border-left-color:#ef4444}.notification.warning[data-v-514d5cbf]{border-left-color:#f59e0b}.notification.info[data-v-514d5cbf]{border-left-color:#667eea}.notification-icon[data-v-514d5cbf]{flex-shrink:0;margin-top:.25rem;font-size:1.5rem}.notification-content[data-v-514d5cbf]{flex:1;min-width:0}.notification-title[data-v-514d5cbf]{color:#333;margin-bottom:.25rem;font-weight:600}.notification-message[data-v-514d5cbf]{color:#666;word-break:break-word;font-size:.9rem;line-height:1.4}.notification-close[data-v-514d5cbf]{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.2rem;transition:all .3s;display:flex}.notification-close[data-v-514d5cbf]:hover{color:#374151;background:#f3f4f6}.loading-overlay[data-v-514d5cbf]{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content[data-v-514d5cbf]{text-align:center;background:#fff;border-radius:16px;max-width:400px;margin:1rem;padding:3rem;box-shadow:0 20px 60px #0000004d}.loading-spinner[data-v-514d5cbf]{border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin:0 auto 2rem;animation:1s linear infinite spin-514d5cbf}@keyframes spin-514d5cbf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content h3[data-v-514d5cbf]{color:#333;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.loading-content p[data-v-514d5cbf]{color:#666;margin:0;font-size:1rem}@media (max-width:1024px){.content-area[data-v-514d5cbf],.content-area.file-panel-visible[data-v-514d5cbf]{grid-template-rows:auto auto;grid-template-columns:1fr}.chat-panel[data-v-514d5cbf]{min-height:400px}.file-panel[data-v-514d5cbf]{order:-1}}@media (max-width:768px){.container[data-v-514d5cbf]{padding:0 15px}.header-content[data-v-514d5cbf]{text-align:center;flex-direction:column;gap:1rem}.header-controls[data-v-514d5cbf]{flex-direction:column;gap:.5rem}.input-group[data-v-514d5cbf]{flex-direction:column}.server-input[data-v-514d5cbf],.room-input[data-v-514d5cbf]{min-width:auto}.connect-btn[data-v-514d5cbf],.generate-btn[data-v-514d5cbf],.join-btn[data-v-514d5cbf]{width:100%}.config-options[data-v-514d5cbf]{gap:1rem}.share-actions[data-v-514d5cbf]{flex-direction:column}.copy-btn[data-v-514d5cbf],.qr-btn[data-v-514d5cbf]{flex:none}.room-info-bar-compact[data-v-514d5cbf]{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.room-title-row[data-v-514d5cbf]{flex-direction:column;align-items:flex-start;gap:.5rem}.room-controls-compact[data-v-514d5cbf]{flex-direction:column;gap:.75rem}.share-controls-inline[data-v-514d5cbf],.panel-controls-inline[data-v-514d5cbf]{justify-content:space-between;width:100%}.link-input-mini[data-v-514d5cbf]{width:120px}.share-content-compact[data-v-514d5cbf]{flex-direction:column;align-items:stretch}.qr-display-compact[data-v-514d5cbf]{align-self:center}.button-group[data-v-514d5cbf]{width:100%}.generate-btn[data-v-514d5cbf],.join-btn[data-v-514d5cbf]{flex:1}.room-info-bar[data-v-514d5cbf]{text-align:center;flex-direction:column;gap:1rem}.room-controls[data-v-514d5cbf]{flex-direction:column;justify-content:center;gap:1rem;width:100%}.room-share[data-v-514d5cbf]{justify-content:center;width:100%}.share-link-compact[data-v-514d5cbf]{flex-direction:column;align-items:stretch;gap:.75rem}.link-input-small[data-v-514d5cbf]{width:100%}.panel-controls[data-v-514d5cbf]{justify-content:center;width:100%}.file-item[data-v-514d5cbf]{flex-direction:column;align-items:stretch;gap:1rem}.file-info[data-v-514d5cbf]{justify-content:flex-start}.file-progress[data-v-514d5cbf]{width:100%}.file-actions[data-v-514d5cbf]{justify-content:space-between}.notifications[data-v-514d5cbf]{max-width:none;top:10px;left:10px;right:10px}.connect-card[data-v-514d5cbf],.room-card[data-v-514d5cbf]{margin:1rem;padding:2rem}.message-bubble[data-v-514d5cbf]{max-width:90%}.message-footer[data-v-514d5cbf]{flex-direction:column;align-items:flex-start;gap:.25rem}.copy-message-btn[data-v-514d5cbf]{opacity:.7}.input-container[data-v-514d5cbf]{flex-direction:column;align-items:stretch;gap:.75rem}.send-btn[data-v-514d5cbf]{width:100%}.setting-input-group[data-v-514d5cbf]{flex-direction:column}.settings-actions[data-v-514d5cbf]{flex-direction:column;align-items:stretch}.settings-actions-right[data-v-514d5cbf]{justify-content:space-between;width:100%}.reset-btn[data-v-514d5cbf],.cancel-btn[data-v-514d5cbf],.save-btn[data-v-514d5cbf]{width:100%}.clear-chat-btn[data-v-514d5cbf]{padding:.6rem 1rem;font-size:.9rem}}@media (max-width:480px){.logo-text h1[data-v-514d5cbf]{font-size:1.2rem}.logo-text p[data-v-514d5cbf]{font-size:.8rem}.connect-card[data-v-514d5cbf],.room-card[data-v-514d5cbf]{padding:1.5rem}.file-drop-zone[data-v-514d5cbf]{margin:1rem;padding:2rem 1rem}.drop-icon[data-v-514d5cbf]{font-size:2rem}.drop-text h4[data-v-514d5cbf]{font-size:1rem}.panel-header[data-v-514d5cbf]{padding:1rem}.file-list[data-v-514d5cbf],.message-list[data-v-514d5cbf]{padding:0 1rem 1rem}.message-input-area[data-v-514d5cbf]{padding:1rem}.qr-modal[data-v-514d5cbf],.settings-modal[data-v-514d5cbf]{max-height:calc(100vh - 2rem);margin:1rem}.qr-modal-actions[data-v-514d5cbf],.settings-modal-body[data-v-514d5cbf]{padding:1rem}.qr-modal-actions[data-v-514d5cbf]{flex-direction:column}.modal-action-btn[data-v-514d5cbf]{width:100%}.room-info-bar-compact[data-v-514d5cbf]{padding:.5rem}.room-title-row h3[data-v-514d5cbf]{font-size:1rem}.panel-controls-inline[data-v-514d5cbf]{flex-wrap:wrap;gap:.25rem}.btn-toggle[data-v-514d5cbf],.btn-action[data-v-514d5cbf],.btn-leave[data-v-514d5cbf]{padding:.3rem .5rem;font-size:.8rem}.qr-canvas-compact[data-v-514d5cbf]{width:100px;height:100px}.panel-controls[data-v-514d5cbf]{flex-direction:column;width:100%}.panel-controls button[data-v-514d5cbf]{justify-content:center;width:100%}.panel-toggle-btn[data-v-514d5cbf]{padding:.6rem 1rem;font-size:.9rem}}[data-v-514d5cbf]::-webkit-scrollbar{width:8px;height:8px}[data-v-514d5cbf]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}[data-v-514d5cbf]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .3s}[data-v-514d5cbf]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-v-514d5cbf]::selection{color:inherit;background:#667eea33}[data-v-514d5cbf]:focus-visible{outline-offset:2px;outline:2px solid #667eea}@media print{.transfer-app[data-v-514d5cbf]{color:#000;background:#fff}.loading-overlay[data-v-514d5cbf],.notifications[data-v-514d5cbf],.qr-modal-overlay[data-v-514d5cbf],.settings-modal-overlay[data-v-514d5cbf]{display:none!important}}.main-content[data-v-514d5cbf]{flex:1;width:100%;margin-left:10px;padding:20px;transition:margin-left .3s}.vjs-tree-brackets{cursor:pointer}.vjs-tree-brackets:hover{color:#1890ff}.vjs-check-controller{position:absolute;left:0}.vjs-check-controller.is-checked .vjs-check-controller-inner{background-color:#1890ff;border-color:#0076e4}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-checkbox:after{transform:rotate(45deg)scaleY(1)}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-radio:after{transform:translate(-50%,-50%)scale(1)}.vjs-check-controller .vjs-check-controller-inner{vertical-align:middle;box-sizing:border-box;z-index:1;cursor:pointer;background-color:#fff;border:1px solid #bfcbd9;border-radius:2px;width:16px;height:16px;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);display:inline-block;position:relative}.vjs-check-controller .vjs-check-controller-inner:after{box-sizing:content-box;content:"";transform-origin:50%;border:2px solid #fff;border-top:0;border-left:0;width:4px;height:8px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) 50ms;position:absolute;top:1px;left:4px;transform:rotate(45deg)scaleY(0)}.vjs-check-controller .vjs-check-controller-inner.is-radio{border-radius:100%}.vjs-check-controller .vjs-check-controller-inner.is-radio:after{background-color:#fff;border-radius:100%;height:4px;top:50%;left:50%}.vjs-check-controller .vjs-check-controller-original{opacity:0;z-index:-1;outline:none;margin:0;position:absolute;inset:0}.vjs-carets{cursor:pointer;position:absolute;right:0}.vjs-carets svg{transition:transform .3s}.vjs-carets:hover{color:#1890ff}.vjs-carets-close{transform:rotate(-90deg)}.vjs-tree-node{line-height:20px;display:flex;position:relative}.vjs-tree-node.has-carets{padding-left:15px}.vjs-tree-node.has-carets.has-selector,.vjs-tree-node.has-selector{padding-left:30px}.vjs-tree-node.is-highlight,.vjs-tree-node:hover{background-color:#e6f7ff;border-radius:4px}.vjs-tree-node.is-highlight .vjs-tree-node-actions,.vjs-tree-node:hover .vjs-tree-node-actions{display:block}.vjs-tree-node .vjs-indent{display:flex;position:relative}.vjs-tree-node .vjs-indent-unit.has-line{border-left:1px dashed #bfcbd9}.vjs-tree-node .vjs-tree-node-actions{background-color:#e6f7ff;border-radius:4px;padding:0 4px;display:none;position:absolute;top:0;right:0}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item{cursor:pointer}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item:hover{color:#1890ff}.vjs-tree-node.dark.is-highlight,.vjs-tree-node.dark .vjs-tree-node-actions,.vjs-tree-node.dark:hover{background-color:#2e4558}.vjs-node-index{-webkit-user-select:none;user-select:none;margin-right:4px;position:absolute;right:100%}.vjs-colon{white-space:pre}.vjs-comment{color:#bfcbd9}.vjs-value{word-break:break-word}.vjs-value-null,.vjs-value-undefined{color:#d55fde}.vjs-value-boolean,.vjs-value-number{color:#1d8ce0}.vjs-value-string{color:#13ce66}.vjs-tree{text-align:left;font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px}.vjs-tree.is-virtual{overflow:auto}.vjs-tree.is-virtual .vjs-tree-node{white-space:nowrap}.json-parser-container[data-v-f1558aaf]{max-width:80%;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header[data-v-f1558aaf]{text-align:center;margin-bottom:30px}.header h2[data-v-f1558aaf]{color:#2c3e50;margin:0;font-size:28px;font-weight:600}.content[data-v-f1558aaf]{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px;display:grid}.input-section[data-v-f1558aaf],.output-section[data-v-f1558aaf]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000001a}.section-header[data-v-f1558aaf]{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.section-header h3[data-v-f1558aaf]{color:#495057;margin:0;font-size:16px;font-weight:600}.toolbar[data-v-f1558aaf]{gap:8px;display:flex}.btn[data-v-f1558aaf]{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.btn-primary[data-v-f1558aaf]{color:#fff;background:#007bff}.btn-secondary[data-v-f1558aaf]{color:#fff;background:#6c757d}.btn-success[data-v-f1558aaf]{color:#fff;background:#28a745}.btn-info[data-v-f1558aaf]{color:#fff;background:#17a2b8}.btn-warning[data-v-f1558aaf]{color:#212529;background:#ffc107}.btn[data-v-f1558aaf]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.json-textarea[data-v-f1558aaf]{resize:vertical;background:#f8f9fa;border:none;outline:none;width:100%;height:400px;padding:20px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5}.json-display[data-v-f1558aaf]{height:400px;padding:20px;overflow-y:auto}.placeholder[data-v-f1558aaf],.error-display[data-v-f1558aaf]{color:#6c757d;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.placeholder-icon[data-v-f1558aaf],.error-icon[data-v-f1558aaf]{margin-bottom:16px;font-size:48px}.error-message[data-v-f1558aaf]{color:#721c24;background:#f8d7da;border-top:1px solid #f5c6cb;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex}.theme-section[data-v-f1558aaf]{text-align:center;margin-bottom:24px}.theme-toggle[data-v-f1558aaf]{cursor:pointer;align-items:center;gap:12px;display:inline-flex}.slider[data-v-f1558aaf]{background:#ccc;border-radius:24px;width:50px;height:24px;transition:background .3s;position:relative}.slider[data-v-f1558aaf]:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}input[type=checkbox]:checked+.slider[data-v-f1558aaf]{background:#007bff}input[type=checkbox]:checked+.slider[data-v-f1558aaf]:after{transform:translate(26px)}input[type=checkbox][data-v-f1558aaf]{display:none}.examples-section[data-v-f1558aaf]{text-align:center;margin-bottom:30px}.examples-section h4[data-v-f1558aaf]{color:#495057;margin-bottom:16px}.example-buttons[data-v-f1558aaf]{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.example-btn[data-v-f1558aaf]{cursor:pointer;background:#e9ecef;border:none;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.example-btn[data-v-f1558aaf]:hover{color:#fff;background:#007bff;transform:translateY(-2px)}.stats-section[data-v-f1558aaf]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.stats-grid[data-v-f1558aaf]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stats-item[data-v-f1558aaf]{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.stats-label[data-v-f1558aaf]{color:#6c757d;font-weight:500}.stats-value[data-v-f1558aaf]{color:#2c3e50;font-weight:600}.stats-value.success[data-v-f1558aaf]{color:#28a745}.message[data-v-f1558aaf]{z-index:1000;border-radius:6px;padding:12px 20px;font-weight:500;animation:.3s slideIn-f1558aaf;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.message.success[data-v-f1558aaf]{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.message.error[data-v-f1558aaf]{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.message.info[data-v-f1558aaf]{color:#0c5460;background:#d1ecf1;border:1px solid #bee5eb}@keyframes slideIn-f1558aaf{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.content[data-v-f1558aaf]{grid-template-columns:1fr}.json-textarea[data-v-f1558aaf],.json-display[data-v-f1558aaf]{height:300px}.example-buttons[data-v-f1558aaf]{justify-content:center}.stats-grid[data-v-f1558aaf]{grid-template-columns:1fr}}[data-theme=dark] .json-parser-container[data-v-f1558aaf]{color:#e0e0e0;background:#1a1a1a}[data-theme=dark] .input-section[data-v-f1558aaf],[data-theme=dark] .output-section[data-v-f1558aaf],[data-theme=dark] .stats-section[data-v-f1558aaf]{background:#2d2d2d;box-shadow:0 2px 12px #0000004d}[data-theme=dark] .section-header[data-v-f1558aaf]{background:#3d3d3d;border-bottom:1px solid #4d4d4d}[data-theme=dark] .json-textarea[data-v-f1558aaf]{color:#e0e0e0;background:#3d3d3d}[data-theme=dark] .stats-item[data-v-f1558aaf]{background:#3d3d3d}.websocket-tester[data-v-485af370]{color:#333;background-color:#f5f7f9;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container[data-v-485af370]{max-width:1200px;margin:0 auto}header[data-v-485af370]{text-align:center;margin-bottom:20px}h1[data-v-485af370]{color:#2c3e50;margin:0;font-size:28px}h2[data-v-485af370]{color:#3a5169;margin:0 0 15px;font-size:18px}.main-content[data-v-485af370]{gap:20px;margin-left:-10px;display:flex}.log-section[data-v-485af370],.control-section[data-v-485af370]{flex:1;min-width:45%}.card[data-v-485af370]{background-color:#fff;border-radius:8px;height:100%;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px #0000000d}.log-section .log-header[data-v-485af370]{background-color:#fff;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;box-shadow:0 2px 10px #0000000d}.section[data-v-485af370]{border-bottom:1px solid #eee;padding:20px 0}.section[data-v-485af370]:last-child{border-bottom:none}.status-bar[data-v-485af370]{border-radius:6px;align-items:center;margin-bottom:20px;padding:12px;font-weight:500;display:flex}.status-bar.connected[data-v-485af370]{color:#2a6928;background-color:#e3f6e3;border-left:4px solid #4caf50}.status-bar.disconnected[data-v-485af370]{color:#b42e2e;background-color:#ffecec;border-left:4px solid #f44336}.status-icon[data-v-485af370]{border-radius:50%;width:12px;height:12px;margin-right:10px}.connected .status-icon[data-v-485af370]{background-color:#4caf50}.disconnected .status-icon[data-v-485af370]{background-color:#f44336}.form-group[data-v-485af370]{margin-bottom:15px}.form-row[data-v-485af370]{align-items:center;margin-bottom:10px;display:flex}.form-row label[data-v-485af370]{width:120px;font-weight:500}.form-control[data-v-485af370]{border:1px solid #ddd;border-radius:4px;flex:1;padding:10px;font-size:14px;transition:border-color .2s}.form-control[data-v-485af370]:focus{border-color:#3498db;outline:none}.checkbox-label[data-v-485af370]{cursor:pointer;align-items:center;display:flex}.checkbox-label input[data-v-485af370]{margin-right:8px}.button-group[data-v-485af370]{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.btn[data-v-485af370]{color:#333;cursor:pointer;background-color:#e0e0e0;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn[data-v-485af370]:hover:not(:disabled){background-color:#d0d0d0}.btn[data-v-485af370]:active:not(:disabled){transform:translateY(1px)}.btn[data-v-485af370]:disabled{opacity:.6;cursor:not-allowed}.btn.primary[data-v-485af370]{color:#fff;background-color:#3498db}.btn.primary[data-v-485af370]:hover:not(:disabled){background-color:#2980b9}.btn.danger[data-v-485af370]{color:#fff;background-color:#e74c3c}.btn.danger[data-v-485af370]:hover:not(:disabled){background-color:#c0392b}.btn.secondary[data-v-485af370]{color:#fff;background-color:#27ae60}.btn.secondary[data-v-485af370]:hover:not(:disabled){background-color:#219653}.btn.small[data-v-485af370]{padding:5px 10px;font-size:12px}.message-log[data-v-485af370]{background-color:#f9fafb;border:1px solid #eee;border-radius:0 0 8px 8px;height:calc(100vh - 150px);padding:10px;font-family:Consolas,Monaco,monospace;font-size:13px;overflow-y:auto}.log-item[data-v-485af370]{word-break:break-all;border-bottom:1px dashed #eee;padding:4px 0;line-height:1.5}.log-item[data-v-485af370]:last-child{border-bottom:none}.log-time[data-v-485af370]{color:#999;margin-right:5px}.log-item.error .log-content[data-v-485af370]{color:#e74c3c}.log-item.success .log-content[data-v-485af370]{color:#2ecc71}@media (max-width:920px){.main-content[data-v-485af370]{flex-direction:column-reverse}.log-section[data-v-485af370],.control-section[data-v-485af370]{width:100%}.message-log[data-v-485af370]{height:350px}.form-row[data-v-485af370]{flex-direction:column;align-items:flex-start}.form-row label[data-v-485af370]{width:100%;margin-bottom:5px}}