.computer-protocol-panel[data-v-227e413b]{z-index:1000;background:#fff;flex-direction:column;width:960px;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-2px 0 8px #0000001a}.panel-overlay[data-v-227e413b]{z-index:999;background:#0000004d;position:fixed;top:0;bottom:0;left:0;right:0}.panel-header[data-v-227e413b]{background:#fafafa;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.panel-title[data-v-227e413b]{color:#232425;margin:0;font-size:16px;font-weight:600}.header-actions[data-v-227e413b]{gap:12px}.header-actions[data-v-227e413b],.panel-close[data-v-227e413b]{align-items:center;display:flex}.panel-close[data-v-227e413b]{cursor:pointer;color:#606366;background:0 0;border:none;border-radius:6px;justify-content:center;width:32px;height:32px;transition:all .2s}.panel-close[data-v-227e413b]:hover{color:#232425;background:#0000000d}.panel-content[data-v-227e413b]{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.file-path-section[data-v-227e413b]{background:#f9f9f9;border-radius:8px;padding:16px}.section-label[data-v-227e413b]{color:#606366;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.file-path[data-v-227e413b]{color:#232425;word-break:break-all;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:14px;line-height:1.5}.action-buttons[data-v-227e413b]{gap:6px;display:flex}.action-button[data-v-227e413b]{color:#232425;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.action-button[data-v-227e413b]:hover{background:#f3f4f6;border-color:#9ca3af}.action-button[data-v-227e413b]:active{background:#e5e7eb}.action-button .action-icon[data-v-227e413b],.action-button svg[data-v-227e413b]{flex-shrink:0;width:14px;height:14px}.action-button[data-v-227e413b]:disabled{opacity:.6;cursor:not-allowed}.action-button[data-v-227e413b]:disabled:hover{background:#fff;border-color:#d1d5db}.btn-icon[data-v-227e413b],.btn-loading[data-v-227e413b]{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.btn-spinner[data-v-227e413b],.loading-spinner-small[data-v-227e413b]{width:14px;height:14px;animation:1s linear infinite spin-227e413b}.loading-spinner-small[data-v-227e413b]{border:2px solid #f3f3f3;border-top-color:#0f7fff;border-radius:50%}.loading-state[data-v-227e413b]{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.loading-spinner[data-v-227e413b]{border:3px solid #f3f3f3;border-top-color:#0f7fff;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin-227e413b}@keyframes spin-227e413b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.error-state[data-v-227e413b]{text-align:center;background:#fff5f5;border:1px solid #fdd;border-radius:8px;padding:24px}.error-icon[data-v-227e413b]{margin-bottom:16px;font-size:48px}.error-title[data-v-227e413b]{color:#d32f2f;margin-bottom:8px;font-size:18px;font-weight:600}.error-message[data-v-227e413b]{color:#666;margin-bottom:16px;line-height:1.5}.error-details[data-v-227e413b]{text-align:left;background:#fff;border-radius:4px;margin-bottom:16px;padding:12px}.error-detail-item[data-v-227e413b]{gap:8px;margin-bottom:4px;font-size:13px;display:flex}.error-detail-item .label[data-v-227e413b]{color:#666;font-weight:600}.retry-button[data-v-227e413b]{color:#fff;cursor:pointer;background:#0f7fff;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.retry-button[data-v-227e413b]:hover{background:#0c66cc}.file-preview[data-v-227e413b]{flex-direction:column;flex:1;display:flex}.text-preview[data-v-227e413b]{background:#f9f9f9;border-radius:8px;flex:1;padding:16px;overflow:auto}.text-content[data-v-227e413b]{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px;line-height:1.6}.image-preview[data-v-227e413b]{background:#f9f9f9;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.preview-image[data-v-227e413b]{-o-object-fit:contain;object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.binary-preview[data-v-227e413b]{gap:24px;padding:40px}.binary-preview[data-v-227e413b],.file-info[data-v-227e413b]{flex-direction:column;align-items:center;display:flex}.file-info[data-v-227e413b]{gap:16px}.file-icon[data-v-227e413b]{font-size:64px}.file-details[data-v-227e413b]{text-align:center}.file-name[data-v-227e413b]{color:#232425;margin-bottom:8px;font-size:16px;font-weight:600}.file-size[data-v-227e413b]{color:#666;margin-bottom:4px;font-size:14px}.file-type[data-v-227e413b]{color:#999;font-size:13px}.empty-state[data-v-227e413b]{justify-content:center;align-items:center;padding:40px;display:flex}.empty-message[data-v-227e413b]{color:#999;font-size:14px}.directory-preview[data-v-227e413b]{flex-direction:column;flex:1;gap:20px;display:flex}.directory-header[data-v-227e413b]{text-align:center;background:#f9f9f9;border-radius:8px;padding:20px}.directory-icon[data-v-227e413b]{margin-bottom:12px;font-size:48px}.directory-title[data-v-227e413b]{color:#232425;margin-bottom:8px;font-size:18px;font-weight:600}.directory-path[data-v-227e413b]{color:#666;word-break:break-all;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px}.directory-items[data-v-227e413b]{flex-direction:column;gap:8px;display:flex}.directory-item[data-v-227e413b]{cursor:default;background:#fff;border:1px solid #e5e5e5;border-radius:6px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.directory-item[data-v-227e413b]:hover{background:#f9f9f9;border-color:#d1d5db}.directory-item.is-directory[data-v-227e413b]{background:#f0f7ff;border-color:#b3d9ff}.directory-item.is-directory[data-v-227e413b]:hover{background:#e6f2ff}.item-icon[data-v-227e413b]{flex-shrink:0;font-size:24px}.item-details[data-v-227e413b]{flex:1;min-width:0}.item-name[data-v-227e413b]{color:#232425;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:500;overflow:hidden}.item-meta[data-v-227e413b]{color:#666;gap:16px;font-size:12px;display:flex}.item-size[data-v-227e413b]{min-width:80px}.item-permissions[data-v-227e413b]{color:#999;flex-shrink:0;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:11px}.directory-empty[data-v-227e413b]{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.directory-empty .empty-icon[data-v-227e413b]{opacity:.5;font-size:64px}.directory-empty .empty-message[data-v-227e413b]{color:#666;font-size:16px}.empty-file[data-v-227e413b]{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.empty-file-icon[data-v-227e413b]{opacity:.5;font-size:64px}.empty-file-message[data-v-227e413b]{color:#666;font-size:16px}.slide-enter-active[data-v-227e413b],.slide-leave-active[data-v-227e413b]{transition:transform .3s}.slide-enter-from[data-v-227e413b],.slide-leave-to[data-v-227e413b]{transform:translate(100%)}.fade-enter-active[data-v-227e413b],.fade-leave-active[data-v-227e413b]{transition:opacity .3s}.fade-enter-from[data-v-227e413b],.fade-leave-to[data-v-227e413b]{opacity:0}@media (prefers-color-scheme:dark){.computer-protocol-panel[data-v-227e413b]{background:#1a1a1a;box-shadow:-2px 0 8px #0000004d}.panel-header[data-v-227e413b]{background:#232323;border-bottom-color:#333}.panel-title[data-v-227e413b]{color:#fff}.panel-close[data-v-227e413b]{color:#aaa}.panel-close[data-v-227e413b]:hover{color:#fff;background:#ffffff1a}.file-path-section[data-v-227e413b]{background:#2a2a2a}.section-label[data-v-227e413b]{color:#aaa}.file-path[data-v-227e413b]{color:#fff}.error-state[data-v-227e413b]{background:#2a1a1a;border-color:#633}.error-details[data-v-227e413b]{background:#1a1a1a}.text-preview[data-v-227e413b]{background:#2a2a2a}.text-content[data-v-227e413b]{color:#fff}.image-preview[data-v-227e413b]{background:#2a2a2a}.file-name[data-v-227e413b]{color:#fff}.directory-header[data-v-227e413b]{background:#2a2a2a}.directory-title[data-v-227e413b]{color:#fff}.directory-path[data-v-227e413b]{color:#aaa}.directory-item[data-v-227e413b]{background:#2d2d2d;border-color:#444}.directory-item[data-v-227e413b]:hover{background:#333;border-color:#555}.directory-item.is-directory[data-v-227e413b]{background:#1a2332;border-color:#2d4a66}.directory-item.is-directory[data-v-227e413b]:hover{background:#1e2a3d}.item-name[data-v-227e413b]{color:#fff}.item-meta[data-v-227e413b]{color:#aaa}.item-permissions[data-v-227e413b]{color:#666}.directory-empty .empty-message[data-v-227e413b],.empty-file-message[data-v-227e413b]{color:#aaa}.action-button[data-v-227e413b]{color:#e5e7eb;background:#2d2d2d;border-color:#4b5563}.action-button[data-v-227e413b]:hover{background:#374151;border-color:#6b7280}.action-button[data-v-227e413b]:active{background:#404040}.action-button[data-v-227e413b]:disabled{opacity:.5;cursor:not-allowed}.action-button[data-v-227e413b]:disabled:hover{background:#2d2d2d;border-color:#4b5563}}.preview-wrapper[data-v-227e413b]{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.audio-wrapper[data-v-227e413b],.video-wrapper[data-v-227e413b]{background:#000;justify-content:center;align-items:center;display:flex}.audio-preview[data-v-227e413b]{min-width:300px;max-width:90%}.code-wrapper[data-v-227e413b],.csv-wrapper[data-v-227e413b],.markdown-wrapper[data-v-227e413b],.pdf-wrapper[data-v-227e413b],.pptx-wrapper[data-v-227e413b]{overflow:auto}.html-wrapper[data-v-227e413b]{flex-direction:column;height:100%;display:flex}.html-toggle-header[data-v-227e413b]{background:#f9f9f9;border-bottom:1px solid #e5e5e5;align-items:center;padding:12px 16px;display:flex}.toggle-button[data-v-227e413b]{color:#232425;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.toggle-button[data-v-227e413b]:hover{background:#f3f4f6;border-color:#9ca3af}.toggle-button svg[data-v-227e413b]{flex-shrink:0}.html-iframe[data-v-227e413b]{background:#fff;border:none;flex:1;width:100%}@media (max-width:1200px){.computer-protocol-panel[data-v-227e413b]{width:80%;max-width:960px}}@media (max-width:768px){.computer-protocol-panel[data-v-227e413b]{width:100%}.audio-preview[data-v-227e413b]{min-width:250px;max-width:95%}}@media (prefers-color-scheme:dark){.html-toggle-header[data-v-227e413b]{background:#2a2a2a;border-bottom-color:#444}.toggle-button[data-v-227e413b]{color:#e5e7eb;background:#2d2d2d;border-color:#4b5563}.toggle-button[data-v-227e413b]:hover{background:#374151;border-color:#6b7280}.html-iframe[data-v-227e413b]{background:#1a1a1a}}.computer-protocol-panel.full-page-mode[data-v-227e413b]{width:100%!important;height:100vh!important;box-shadow:none!important;position:relative!important;top:auto!important;right:auto!important;transform:none!important}