.unified-recording-control.svelte-10e16xh{background:#1a1a1a;color:#fff;border-radius:8px;overflow:hidden}.tab-content.svelte-10e16xh{padding:20px;min-height:400px}.control-panel.svelte-10e16xh{display:flex;flex-direction:column;gap:20px}.status-display.svelte-10e16xh{display:flex;align-items:center;gap:15px;padding:20px;background:#2a2a2a;border-radius:8px;border:1px solid #333}.status-indicator.svelte-10e16xh{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.status-dot.svelte-10e16xh{width:20px;height:20px;background:#fff;border-radius:50%}.status-dot.pulsing.svelte-10e16xh{animation:svelte-10e16xh-pulse 2s infinite}@keyframes svelte-10e16xh-pulse{0%,to{opacity:1}50%{opacity:.7}}.status-info.svelte-10e16xh{flex:1}.status-title.svelte-10e16xh{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.status-details.svelte-10e16xh{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#ccc}.control-buttons.svelte-10e16xh{display:flex;gap:12px;justify-content:center}.btn.svelte-10e16xh{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn.svelte-10e16xh:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-10e16xh{background:#007acc;color:#fff}.btn-primary.svelte-10e16xh:hover:not(:disabled){background:#005a9e}.btn-danger.svelte-10e16xh{background:#dc3545;color:#fff}.btn-danger.svelte-10e16xh:hover{background:#c82333}.btn-success.svelte-10e16xh{background:#28a745;color:#fff}.btn-success.svelte-10e16xh:hover{background:#218838}.btn-warning.svelte-10e16xh{background:#ffc107;color:#000}.btn-warning.svelte-10e16xh:hover{background:#e0a800}.btn-icon.svelte-10e16xh{font-size:16px}.performance-monitor.svelte-10e16xh{background:#2a2a2a;border:1px solid #333;border-radius:6px;padding:16px;margin-top:16px}.monitor-title.svelte-10e16xh{margin:0 0 12px;font-size:14px;color:#fff;font-weight:600}.performance-grid.svelte-10e16xh{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-item.svelte-10e16xh{background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:10px}.stat-label.svelte-10e16xh{display:block;font-size:11px;color:#999;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-10e16xh{font-size:14px;font-weight:600;color:#fff}.stat-bar.svelte-10e16xh{position:relative;height:20px;background:#333;border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center}.stat-fill.svelte-10e16xh{position:absolute;left:0;top:0;height:100%;background:#007acc;transition:width .3s ease}.stat-fill.warning.svelte-10e16xh{background:#ffc107}.stat-fill.danger.svelte-10e16xh{background:#dc3545}.stat-bar.svelte-10e16xh .stat-value:where(.svelte-10e16xh){position:relative;z-index:1;font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.quality-low.svelte-10e16xh{color:#dc3545}.quality-medium.svelte-10e16xh{color:#ffc107}.quality-high.svelte-10e16xh{color:#28a745}.time-manager-monitor.svelte-10e16xh{background:#2a2a2a;border:1px solid #333;border-radius:6px;padding:16px;margin-top:16px}.time-manager-grid.svelte-10e16xh{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat-value.enabled.svelte-10e16xh{color:#28a745;font-weight:600}.stat-value.disabled.svelte-10e16xh{color:#dc3545;font-weight:600}.stat-value.storage-path.svelte-10e16xh{font-size:11px;word-break:break-all;line-height:1.2}.storage-calculation.svelte-10e16xh{background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:15px;margin-bottom:20px}.calculation-title.svelte-10e16xh,.section-title.svelte-10e16xh{color:#4caf50;margin:0 0 10px;font-size:14px;font-weight:700}.storage-section.svelte-10e16xh{margin-top:20px;padding-top:20px;border-top:1px solid #333}.calculation-row.svelte-10e16xh{display:flex;gap:15px;margin-bottom:8px}.calc-compact.svelte-10e16xh{font-size:12px;color:#ccc}.calc-compact.highlight.svelte-10e16xh{color:#007acc}.form-group.svelte-10e16xh{margin-bottom:20px}.form-group.svelte-10e16xh label:where(.svelte-10e16xh){display:block;margin-bottom:8px;font-size:14px;color:#fff;font-weight:500}.form-group.svelte-10e16xh input[type=number]:where(.svelte-10e16xh){width:100%;padding:8px 12px;background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px}.form-group.svelte-10e16xh input[type=number]:where(.svelte-10e16xh):focus{outline:none;border-color:#007acc}.form-group.svelte-10e16xh input[type=checkbox]:where(.svelte-10e16xh){margin-right:8px}.horizontal-selector.svelte-10e16xh{display:flex;gap:8px;flex-wrap:wrap}.selector-option.svelte-10e16xh{padding:8px 16px;background:#333;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;transition:all .2s;font-size:14px}.selector-option.svelte-10e16xh:hover{background:#444;border-color:#666}.selector-option.active.svelte-10e16xh{background:#007acc;border-color:#007acc;color:#fff}@media(max-width:768px){.tab-content.svelte-10e16xh{padding:15px}.control-buttons.svelte-10e16xh{flex-direction:column}.performance-grid.svelte-10e16xh{grid-template-columns:1fr;gap:8px}.performance-monitor.svelte-10e16xh{padding:12px}.monitor-title.svelte-10e16xh{font-size:13px}.stat-item.svelte-10e16xh{padding:8px}.stat-bar.svelte-10e16xh{height:16px}.calculation-row.svelte-10e16xh{flex-direction:column;gap:8px}.horizontal-selector.svelte-10e16xh{flex-direction:column}}.file-manager.svelte-1ntmcu5{height:100%;display:flex;flex-direction:column;background:#1a1a1a;color:#fff}.toolbar.svelte-1ntmcu5{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333;background:#2a2a2a}.toolbar-left.svelte-1ntmcu5{display:flex;align-items:center;gap:12px}.search-box.svelte-1ntmcu5{position:relative;display:flex;align-items:center}.search-icon.svelte-1ntmcu5{position:absolute;left:12px;font-size:14px;color:#999}.search-input.svelte-1ntmcu5{padding:8px 12px 8px 36px;border:1px solid #444;border-radius:4px;font-size:14px;width:220px;background:#333;color:#fff}.search-input.svelte-1ntmcu5:focus{outline:none;border-color:#007acc;box-shadow:0 0 0 2px #007acc33}.filter-select.svelte-1ntmcu5{padding:8px 12px;border:1px solid #444;border-radius:4px;font-size:14px;background:#333;color:#fff;cursor:pointer}.folder-actions.svelte-1ntmcu5{display:flex;gap:4px}.folder-btn.svelte-1ntmcu5{padding:8px 12px;background:#333;border:1px solid #444;cursor:pointer;font-size:14px;color:#ccc;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:4px}.folder-btn.svelte-1ntmcu5:hover{background:#444;color:#fff;border-color:#007acc}.toolbar-right.svelte-1ntmcu5,.batch-actions.svelte-1ntmcu5{display:flex;align-items:center;gap:12px}.selected-info.svelte-1ntmcu5{font-size:14px;color:#ccc;font-weight:500}.empty-state.svelte-1ntmcu5{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon.svelte-1ntmcu5{font-size:64px;margin-bottom:16px;opacity:.5}.empty-title.svelte-1ntmcu5{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.empty-description.svelte-1ntmcu5{margin:0;font-size:14px;color:#ccc}.file-list.svelte-1ntmcu5{flex:1;overflow-y:auto;background:#1a1a1a}.list-header.svelte-1ntmcu5{display:grid;grid-template-columns:28px 1fr;gap:0px;padding:10px 16px;background:#2a2a2a;border-bottom:1px solid #444;font-size:13px;font-weight:600;color:#ccc}.header-cell.svelte-1ntmcu5{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.header-cell.svelte-1ntmcu5:hover{color:#fff}.sort-indicator.svelte-1ntmcu5{margin-left:4px;font-size:12px}.list-row.svelte-1ntmcu5{display:grid;grid-template-columns:40px 1fr;gap:0px;padding:10px 16px;border-bottom:1px solid #333;transition:background-color .2s;color:#fff}.list-row.svelte-1ntmcu5:hover{background:#2a2a2a}.list-row.selected.svelte-1ntmcu5{background:#007acc33;border-color:#007acc}.row-cell.svelte-1ntmcu5{display:flex;align-items:center;font-size:14px}.name-cell.svelte-1ntmcu5{cursor:pointer;margin-left:0}.file-name.svelte-1ntmcu5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#007acc;font-weight:500}.file-name.svelte-1ntmcu5:hover{text-decoration:underline;color:#4da6d9}@media(max-width:768px){.toolbar.svelte-1ntmcu5{flex-direction:column;gap:12px;align-items:stretch}.toolbar-left.svelte-1ntmcu5{flex-wrap:wrap}.search-input.svelte-1ntmcu5{width:200px}.list-header.svelte-1ntmcu5,.list-row.svelte-1ntmcu5{grid-template-columns:40px 1fr}}.h5-desktop-sharing-overlay.svelte-ftahzh{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center}.h5-desktop-sharing-modal.svelte-ftahzh{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:800px;height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000080}.modal-header.svelte-ftahzh{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333;background:#2a2a2a}.modal-title.svelte-ftahzh{margin:0;color:#fff;font-size:20px;display:flex;align-items:center;gap:12px}.icon.svelte-ftahzh{font-size:24px}.header-info.svelte-ftahzh{display:flex;align-items:center;gap:12px;font-size:14px;color:#ccc}.status-indicator.svelte-ftahzh{padding:4px 12px;border-radius:6px;background:#333;font-weight:500;color:#fff;font-size:12px}.status-indicator.recording.svelte-ftahzh{background:#28a745;animation:svelte-ftahzh-pulse 2s infinite}.status-indicator.paused.svelte-ftahzh{background:#ffc107;color:#000}@keyframes svelte-ftahzh-pulse{0%,to{opacity:1}50%{opacity:.7}}.message.svelte-ftahzh{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500}.error-message.svelte-ftahzh{background:#2a1f1f;color:#ff6b6b;border-left:4px solid #dc3545}.success-message.svelte-ftahzh{background:#1f2a1f;color:#51cf66;border-left:4px solid #28a745}.message-icon.svelte-ftahzh{font-size:16px}.tab-navigation.svelte-ftahzh{display:flex;background:#2a2a2a;border-bottom:1px solid #333}.tab-btn.svelte-ftahzh{flex:1;padding:15px;background:none;border:none;color:#ccc;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.tab-btn.svelte-ftahzh:hover{background:#ffffff0d;color:#fff}.tab-btn.active.svelte-ftahzh{color:#fff;border-bottom-color:#007acc;background:#007acc1a}.file-count.svelte-ftahzh{background:#ef4444;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.tab-content.svelte-ftahzh{flex:1;overflow-y:auto;min-height:400px;background:#1a1a1a}.modal-footer.svelte-ftahzh{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top:1px solid #333;background:#2a2a2a}.footer-actions.svelte-ftahzh{display:flex;gap:12px}.btn.svelte-ftahzh{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-secondary.svelte-ftahzh{background:#333;color:#fff;border-color:#555}.btn-secondary.svelte-ftahzh:hover{background:#444;border-color:#666}.video-player-container.svelte-ftahzh{display:flex;flex-direction:column;height:100%;background:#1a1a1a}.player-header.svelte-ftahzh{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333;background:#2a2a2a}.player-header.svelte-ftahzh h3:where(.svelte-ftahzh){margin:0;color:#fff;font-size:16px;font-weight:500}@media(max-width:768px){.h5-desktop-sharing-modal.svelte-ftahzh{width:95%;max-height:95vh}.modal-header.svelte-ftahzh{padding:15px 18px}.modal-title.svelte-ftahzh{font-size:18px}.tab-btn.svelte-ftahzh{padding:12px 16px;font-size:13px}.modal-footer.svelte-ftahzh{padding:12px 15px;flex-direction:column;gap:8px;text-align:center}}.store-settings-overlay.svelte-w6i1lo{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.store-settings-modal.svelte-w6i1lo{background:#1e1e1e;border:1px solid #333;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000080}.modal-header.svelte-w6i1lo{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333;background:#2a2a2a}.modal-title.svelte-w6i1lo{margin:0;color:#fff;font-size:20px;display:flex;align-items:center;gap:12px}.icon.svelte-w6i1lo{font-size:24px}.close-btn.svelte-w6i1lo{background:none;border:none;color:#ccc;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-btn.svelte-w6i1lo:hover{background:#ffffff1a;color:#fff}.message.svelte-w6i1lo{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500}.error-message.svelte-w6i1lo{background:#2a1f1f;color:#ff6b6b;border-left:4px solid #dc3545}.message-icon.svelte-w6i1lo{font-size:16px}.modal-content.svelte-w6i1lo{flex:1;padding:20px;overflow-y:auto}.loading-container.svelte-w6i1lo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#ccc}.loading-spinner.svelte-w6i1lo{width:32px;height:32px;border:3px solid #333;border-top:3px solid #007acc;border-radius:50%;animation:svelte-w6i1lo-spin 1s linear infinite;margin-bottom:16px}@keyframes svelte-w6i1lo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-grid.svelte-w6i1lo{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.info-section.svelte-w6i1lo{display:flex;flex-direction:column;gap:16px}.info-item.svelte-w6i1lo{display:flex;flex-direction:column;gap:6px}.info-label.svelte-w6i1lo{font-size:12px;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value.svelte-w6i1lo{font-size:14px;color:#fff;padding:8px 12px;background:#333;border-radius:6px;border:1px solid #444;min-height:20px;display:flex;align-items:center;justify-content:space-between}.uuid-value.svelte-w6i1lo{cursor:pointer;transition:all .2s}.uuid-value.svelte-w6i1lo:hover{background:#3a3a3a;border-color:#555}.copy-icon.svelte-w6i1lo{opacity:.6;font-size:12px}.camera-config-section.svelte-w6i1lo{margin-top:24px;padding-top:20px;border-top:1px solid #333}.section-title.svelte-w6i1lo{margin:0 0 16px;font-size:16px;color:#fff;font-weight:600;display:flex;align-items:center;gap:8px}.section-icon.svelte-w6i1lo{font-size:18px}.camera-form.svelte-w6i1lo{display:flex;flex-direction:column;gap:16px}.form-row.svelte-w6i1lo{display:flex;gap:12px}.form-row.svelte-w6i1lo:first-child .input-group:where(.svelte-w6i1lo){flex:1}.input-group.svelte-w6i1lo{display:flex;flex-direction:column;gap:6px;flex:1}.input-label.svelte-w6i1lo{font-size:12px;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.camera-input.svelte-w6i1lo{padding:10px 12px;background:#333;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;transition:all .2s}.camera-input.svelte-w6i1lo:focus{outline:none;border-color:#007acc;background:#3a3a3a}.camera-input.svelte-w6i1lo:disabled{opacity:.6;cursor:not-allowed}.camera-input.svelte-w6i1lo::placeholder{color:#666}.form-actions.svelte-w6i1lo{display:flex;justify-content:flex-start;margin-top:8px}.connect-btn.svelte-w6i1lo{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#007acc,#005a9e);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #007acc4d}.connect-btn.svelte-w6i1lo:hover:not(:disabled){background:linear-gradient(135deg,#0086e6,#006bb3);transform:translateY(-1px);box-shadow:0 4px 12px #007acc66}.connect-btn.svelte-w6i1lo:active:not(:disabled){transform:translateY(0)}.connect-btn.svelte-w6i1lo:disabled{opacity:.7;cursor:not-allowed;transform:none}.connect-btn.connecting.svelte-w6i1lo{background:linear-gradient(135deg,#666,#555)}.btn-icon.svelte-w6i1lo{font-size:16px}.btn-spinner.svelte-w6i1lo{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:svelte-w6i1lo-spin 1s linear infinite}.connection-message.svelte-w6i1lo{padding:10px 12px;border-radius:6px;font-size:13px;font-weight:500;margin-top:8px}.connection-message.success.svelte-w6i1lo{background:#1f3a1f;color:#4caf50;border-left:4px solid #4caf50}.connection-message.error.svelte-w6i1lo{background:#2a1f1f;color:#ff6b6b;border-left:4px solid #dc3545}.connection-message.info.svelte-w6i1lo{background:#1f2a3a;color:#64b5f6;border-left:4px solid #2196f3}.qr-section.svelte-w6i1lo{display:flex;justify-content:center}.qr-container.svelte-w6i1lo{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:#2a2a2a;border-radius:8px;border:1px solid #333}.qr-title.svelte-w6i1lo{margin:0;font-size:14px;color:#fff;font-weight:500}.qr-code.svelte-w6i1lo{width:150px;height:150px;border-radius:8px;background:#fff;padding:8px}.qr-placeholder.svelte-w6i1lo{width:150px;height:150px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:8px;color:#999;font-size:12px}.qr-description.svelte-w6i1lo{margin:0;font-size:12px;color:#999;text-align:center;max-width:150px}@media(max-width:768px){.store-settings-modal.svelte-w6i1lo{width:95%;max-height:90vh}.info-grid.svelte-w6i1lo{grid-template-columns:1fr;gap:20px}.modal-header.svelte-w6i1lo,.modal-content.svelte-w6i1lo{padding:16px}.qr-section.svelte-w6i1lo{justify-content:center}.form-row.svelte-w6i1lo{flex-direction:column;gap:16px}.connect-btn.svelte-w6i1lo{width:100%;justify-content:center}.camera-config-section.svelte-w6i1lo{margin-top:20px;padding-top:16px}}.settings-overlay.svelte-ytxeni{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1000}.settings-menu.svelte-ytxeni{position:absolute;top:60px;right:15px;background:#000000e6;border:1px solid #333;border-radius:8px;min-width:150px;box-shadow:0 4px 15px #00000080}.menu-item.svelte-ytxeni{padding:15px 20px;color:#fff;font-size:16px;cursor:pointer;border-bottom:1px solid #333;transition:background-color .2s ease}.menu-item.svelte-ytxeni:last-child{border-bottom:none}.menu-item.svelte-ytxeni:hover{background-color:#ffffff1a}.menu-item.svelte-ytxeni:first-child{border-radius:8px 8px 0 0}.menu-item.svelte-ytxeni:last-child{border-radius:0 0 8px 8px}.menu-item.svelte-ytxeni:only-child{border-radius:8px}.menu-item.active.svelte-ytxeni{background-color:#22c55e33;border-left:3px solid #22c55e}.menu-item.active.svelte-ytxeni:hover{background-color:#22c55e4d}.menu-item.inactive.svelte-ytxeni{background-color:#ef44441a;border-left:3px solid #ef4444}.menu-item.inactive.svelte-ytxeni:hover{background-color:#ef444433}.menu-item.ready.svelte-ytxeni{background-color:#3b82f61a;border-left:3px solid #3b82f6}.menu-item.ready.svelte-ytxeni:hover{background-color:#3b82f633}.menu-item.disabled.svelte-ytxeni{background-color:#6b72801a;border-left:3px solid #6b7280;opacity:.6;cursor:not-allowed}.menu-item.disabled.svelte-ytxeni:hover{background-color:#6b72801a}.webrtc-player.svelte-ltsdic{position:relative;background:#000;display:flex;align-items:center;justify-content:center}.error-overlay.svelte-ltsdic,.status-overlay.svelte-ltsdic{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff;z-index:10}.error-message.svelte-ltsdic,.status-message.svelte-ltsdic{margin-bottom:1rem;text-align:center}.retry-button.svelte-ltsdic{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.retry-button.svelte-ltsdic:hover{background:#0056b3}.debug-info.svelte-ltsdic{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:.5rem;border-radius:4px;font-size:.8rem;z-index:20}video-rtc{width:100%;height:100%}video-rtc video{width:100%;height:100%;object-fit:contain}.svelte-1n46o8q{margin:0;padding:0;box-sizing:border-box}.container.svelte-1n46o8q{display:flex;flex-direction:column;width:100%;height:100vh;font-family:Microsoft YaHei,Arial,sans-serif;background-color:#000;color:#fff}.section.svelte-1n46o8q{width:100%;padding:10px}.top-section.svelte-1n46o8q{margin-top:60px;padding:0;flex:1;background-color:#0a0a0a;border-bottom:1px solid #222;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.loading-hint.svelte-1n46o8q{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888;font-size:14px;z-index:1}.middle-section.svelte-1n46o8q{flex:1;background-color:#0a0a0a;border-top:1px solid #222;border-bottom:1px solid #222;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.logo-container.svelte-1n46o8q{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}#logo.svelte-1n46o8q{max-width:85%;max-height:85%;z-index:2;filter:drop-shadow(0 0 15px rgba(212,175,55,.9)) brightness(1.15);position:relative;animation:svelte-1n46o8q-footerLogoFloat 3s ease-in-out infinite}#logo.svelte-1n46o8q:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:radial-gradient(circle at center,rgba(212,175,55,.4) 0%,transparent 70%);z-index:-1;border-radius:50%}.bottom-section.svelte-1n46o8q{flex:1;background-color:#0a0a0a;border-top:1px solid #222;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;min-height:33.33%;position:relative}.welcome-text.svelte-1n46o8q{color:#d4af37;font-size:20px;font-weight:700;text-align:center;margin-bottom:10px}.frame-preview-container.svelte-1n46o8q{position:absolute;top:20px;right:20px;z-index:10;background:#000c;border:2px solid #d4af37;border-radius:8px;padding:8px;box-shadow:0 4px 12px #d4af374d}.frame-preview-image.svelte-1n46o8q{width:200px;height:auto;max-height:150px;object-fit:contain;border-radius:4px;display:block}.frame-preview-label.svelte-1n46o8q{color:#d4af37;font-size:12px;text-align:center;margin-top:4px;font-weight:700}.receipt-summary.svelte-1n46o8q{position:absolute;top:20px;right:20px;z-index:10;background:#000c;border:1px solid #d4af37;border-radius:8px;padding:4px 6px;box-shadow:0 4px 12px #d4af374d;max-width:700px}.summary-duration.svelte-1n46o8q{color:#fff;font-size:9px;margin-bottom:4px}.roi-row.svelte-1n46o8q{margin-bottom:6px}.summary-line1.svelte-1n46o8q{color:#d4af37;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.summary-line2.svelte-1n46o8q{color:#fff;font-size:9px;line-height:1.1;word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-all.svelte-1n46o8q{color:#bbb;font-size:10px;line-height:1.2;white-space:pre-wrap;word-break:break-word}.employee-info.svelte-1n46o8q{margin-top:15px;text-align:center}.employee-id.svelte-1n46o8q{color:#d4af37;font-size:16px;font-weight:700;margin-bottom:5px}.employee-name.svelte-1n46o8q{color:#fff;font-size:14px;font-weight:400}.recognizing-text.svelte-1n46o8q{color:#888;font-size:14px;font-style:italic}.drag-area.svelte-1n46o8q{position:fixed;top:0;left:0;right:0;height:30px;background:transparent;cursor:move;z-index:99;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;pointer-events:auto}.drag-area.svelte-1n46o8q:hover{background:#ffffff0d}.settings-button.svelte-1n46o8q{position:absolute;top:20px;right:102px;width:36px;height:36px;background-color:#00000080;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;transition:all .3s ease;-webkit-app-region:no-drag;pointer-events:auto}.settings-button.svelte-1n46o8q:hover{background-color:#ffd7004d;transform:rotate(30deg)}.settings-button.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:20px;height:20px;fill:#fff}.restore-button.svelte-1n46o8q{position:absolute;top:20px;right:56px;width:36px;height:36px;background-color:#00000080;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;transition:all .3s ease;-webkit-app-region:no-drag;pointer-events:auto}.restore-button.svelte-1n46o8q:hover{background-color:#22c55e4d;animation:svelte-1n46o8q-arrowBounce .6s ease-in-out infinite}@keyframes svelte-1n46o8q-arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.restore-button.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:20px;height:20px;fill:#fff;stroke:#fff;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.refresh-button.svelte-1n46o8q{position:absolute;top:20px;right:10px;width:36px;height:36px;background-color:#00000080;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;transition:all .3s ease;-webkit-app-region:no-drag;pointer-events:auto}.refresh-button.svelte-1n46o8q:hover{background-color:#3b82f64d}.refresh-button.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:20px;height:20px;fill:#fff;transition:transform .3s ease}.refresh-button.spinning.svelte-1n46o8q svg:where(.svelte-1n46o8q){animation:svelte-1n46o8q-refreshSpin 1s linear infinite}@keyframes svelte-1n46o8q-refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container.normal-mode.svelte-1n46o8q,.container.small-mode.svelte-1n46o8q,.container.mini-mode.svelte-1n46o8q{transition:all .3s ease}.small-mode-overlay.svelte-1n46o8q{position:fixed;bottom:0;left:0;right:0;top:0;pointer-events:none;z-index:200}.compact-logo-container.svelte-1n46o8q{position:absolute;top:20px;left:20px;width:60px;height:60px;pointer-events:auto}.compact-logo.svelte-1n46o8q{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(212,175,55,.9)) brightness(1.15);animation:svelte-1n46o8q-footerLogoFloat 3s ease-in-out infinite;position:relative}.compact-logo.svelte-1n46o8q:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle at center,rgba(212,175,55,.4) 0%,transparent 70%);z-index:-1;border-radius:50%;animation:svelte-1n46o8q-pulse 2s infinite ease-in-out}@keyframes svelte-1n46o8q-pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:.5}}@keyframes svelte-1n46o8q-footerLogoFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.welcome-bubble.svelte-1n46o8q{position:absolute;top:30px;left:100px;background:linear-gradient(135deg,#d4af3780,#ffd70066);color:#fff;padding:8px 12px;border-radius:15px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #d4af3733;pointer-events:auto}.bubble-content.svelte-1n46o8q{position:relative;z-index:1}.webrtc-player-container.svelte-1n46o8q{display:block;transition:opacity .3s ease}.webrtc-player-container.hidden.svelte-1n46o8q{display:none}@media(max-height:600px){#logo.svelte-1n46o8q{max-width:70%;max-height:70%}.compact-logo-container.svelte-1n46o8q{width:50px;height:50px;top:15px;left:15px}.welcome-bubble.svelte-1n46o8q{top:25px;left:80px;padding:6px 10px;font-size:11px}}