:root{color-scheme:light;--color-base: #EBEBEB;--color-surface: #F0F0F0;--color-surface-raised: #F4F4F4;--color-surface-inset: #E8E8E8;--color-primary: #5F8C7D;--color-primary-light: #7BA394;--color-primary-dark: #4A6B5F;--color-text: #2A2A2A;--color-text-secondary: #5A5A5A;--color-text-muted: #8A8A8A;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--color-info: #2196F3;--shadow-light: #FFFFFF;--shadow-dark: #D8DBDA;--shadow-inset: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light);--shadow-raised: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);--shadow-floating: 12px 12px 24px var(--shadow-dark), -12px -12px 24px var(--shadow-light);--shadow-pressed: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 50%;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box}html,body{height:100vh;height:100svh;height:100dvh;margin:0;padding:0;overflow:hidden;width:100%;background-color:var(--color-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);color:var(--color-text);line-height:1.5}@supports not (height: 100svh){html,body{height:100vh}}@media (display-mode: standalone){html,body{height:100dvh}}#app{height:100%;width:100%;overflow:hidden;background-color:var(--color-base);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (display-mode: standalone){#app{height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.neu-surface{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-raised)}.neu-inset{background-color:var(--color-surface-inset);border-radius:var(--radius-md);box-shadow:var(--shadow-inset)}.neu-floating{background-color:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-floating)}.consistent-button{background:none;border:2px solid #d1d5db;border-radius:var(--radius-sm);color:#4b5563;cursor:pointer;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.consistent-button:hover{border-color:#9ca3af;color:#1f2937}.consistent-button:active{border-color:#6b7280;color:#111827}.consistent-button:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.6;border-color:#e5e7eb}.consistent-button:disabled:hover{border-color:#e5e7eb;color:var(--color-text-muted)}.neu-button{background-color:var(--color-surface);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-raised);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.neu-button:hover{background-color:var(--color-surface-raised);transform:translateY(-1px)}.neu-button:active{background-color:var(--color-surface-inset);box-shadow:var(--shadow-pressed);transform:translateY(0)}.neu-button:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.neu-button:disabled:hover{background-color:var(--color-surface);transform:none}.neu-button--primary{background-color:var(--color-primary);color:#fff}.neu-button--primary:hover{background-color:var(--color-primary-light)}.neu-button--primary:active{background-color:var(--color-primary-dark)}.neu-button--icon{padding:var(--spacing-sm);border-radius:var(--radius-sm);min-width:40px;min-height:40px}.neu-button--circle{border-radius:var(--radius-full);width:48px;height:48px;padding:0}.neu-input{background-color:var(--color-surface-inset);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-inset);color:var(--color-text);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);width:100%}.neu-input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.neu-input::placeholder{color:var(--color-text-muted)}.neu-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--spacing-lg)}.material-symbols-outlined{color:var(--color-primary);font-size:20px;-webkit-user-select:none;user-select:none}.status-online{background-color:var(--color-success)}.status-offline{background-color:var(--color-text-muted)}.status-error{background-color:var(--color-error)}.status-warning{background-color:var(--color-warning)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.bg-base{background-color:var(--color-base)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-surface);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-inset);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-sm);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:#fff}.interactable{@extend .neu-surface;}.entry-item[data-v-e4bbc510]{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all var(--transition-normal);margin-bottom:2px;background:none;border:2px solid transparent}.entry-hover[data-v-e4bbc510]:hover{background-color:#5f8c7d1a;border-color:#5f8c7d4d}.entry-selected[data-v-e4bbc510]{background-color:#5f8c7d26;border-color:var(--color-primary);color:var(--color-primary-dark)}.entry-selected[data-v-e4bbc510]:hover{background-color:#5f8c7d33;border-color:var(--color-primary-dark)}.entry-icon[data-v-e4bbc510]{margin-right:var(--spacing-xs);font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;width:20px;height:20px}.entry-name[data-v-e4bbc510]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-base);font-weight:500;color:var(--color-text);line-height:1.2}.entry-selected .entry-name[data-v-e4bbc510]{color:var(--color-primary-dark);font-weight:600}.context-menu[data-v-e4bbc510]{box-shadow:var(--shadow-floating)}.modal-overlay[data-v-93743e82]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center}.modal-backdrop[data-v-93743e82]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-93743e82]{position:relative;background-color:var(--color-surface);border:2px solid #d1d5db;border-radius:var(--radius-lg);padding:var(--spacing-xl);width:24rem;max-width:90vw;z-index:100000}.modal-form[data-v-93743e82]{display:flex;flex-direction:column;gap:1rem}.modal-title[data-v-93743e82]{font-size:1.125rem;font-weight:600;margin:0}.text-input[data-v-93743e82]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid #d1d5db;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:inherit;background:none;color:var(--color-text);transition:all var(--transition-normal)}.text-input[data-v-93743e82]:focus{outline:none;border-color:var(--color-primary);color:var(--color-primary-dark)}.text-input[data-v-93743e82]:hover{border-color:#9ca3af}.button-group[data-v-93743e82]{display:flex;justify-content:flex-end;gap:.5rem}.cancel-button[data-v-93743e82]{padding:var(--spacing-sm) var(--spacing-md);color:#4b5563;background:none;border:2px solid #d1d5db;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-normal)}.cancel-button[data-v-93743e82]:hover{border-color:#9ca3af;color:#1f2937}.submit-button[data-v-93743e82]{padding:var(--spacing-sm) var(--spacing-md);color:#fff;background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-normal)}.submit-button[data-v-93743e82]:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.toolbar-container[data-v-8adbac90]{display:flex;align-items:center;margin-bottom:0;padding:2px var(--spacing-xs);background:none;min-height:36px;gap:var(--spacing-xs)}@media (min-width: 769px){.toolbar-container[data-v-8adbac90]{margin-bottom:var(--spacing-xs)}}.button-row[data-v-8adbac90]{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.back-button[data-v-8adbac90]{background:none;border:2px solid #d1d5db;border-radius:var(--radius-sm);color:#4b5563;cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;flex-shrink:0}.back-button[data-v-8adbac90]:hover{border-color:#9ca3af;color:#1f2937}.back-button[data-v-8adbac90]:active{border-color:#6b7280;color:#111827}.back-icon[data-v-8adbac90]{height:18px;width:18px;color:var(--color-text-secondary)}.supplier-title[data-v-8adbac90]{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;line-height:1.2}.toolbar-button[data-v-8adbac90]{background:none;border:2px solid #d1d5db;border-radius:var(--radius-sm);color:#4b5563;cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;flex-shrink:0}.toolbar-button[data-v-8adbac90]:hover{border-color:#9ca3af;color:#1f2937}.toolbar-button[data-v-8adbac90]:active{border-color:#6b7280;color:#111827}.delete-button[data-v-8adbac90]{border-color:var(--color-error);color:var(--color-error)}.delete-button[data-v-8adbac90]:hover{border-color:#d32f2f;color:#d32f2f;background-color:#f443361a}.delete-button[data-v-8adbac90]:active{border-color:#b71c1c;color:#b71c1c;background-color:#f4433633}.delete-button .material-symbols-outlined[data-v-8adbac90]{color:inherit!important}.material-symbols-outlined[data-v-8adbac90]{font-size:18px;color:var(--color-primary)}.button-row>.delete-button[data-v-8adbac90]{margin-left:auto}@media (max-width: 768px){.toolbar-container[data-v-8adbac90]{flex-direction:column;align-items:stretch;gap:0;padding:0 var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);min-height:auto}.supplier-title[data-v-8adbac90]{font-size:var(--font-size-sm);text-align:center;line-height:1.2;margin:0;padding:var(--spacing-xs) 0;white-space:normal;overflow:visible;text-overflow:unset}.button-row[data-v-8adbac90]{gap:var(--spacing-xs);margin:0;padding:0}.back-button[data-v-8adbac90],.toolbar-button[data-v-8adbac90]{min-width:32px;min-height:32px;padding:var(--spacing-xs)}}.breadcrumb-nav[data-v-18021200]{margin-bottom:0}.breadcrumb-container[data-v-18021200]{display:flex;align-items:center;background-color:var(--color-surface);border:2px solid #d1d5db;border-radius:var(--radius-md);padding:2px var(--spacing-xs);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-text-muted) var(--color-surface)}.breadcrumb-button[data-v-18021200]{display:inline-flex;align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#4b5563;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:2px var(--spacing-xs);transition:all var(--transition-normal);white-space:nowrap;line-height:1.2;-webkit-user-select:none;user-select:none}.breadcrumb-button[data-v-18021200]:hover{background-color:#5f8c7d1a;color:var(--color-primary-dark)}.breadcrumb-button[data-v-18021200]:active{background-color:#5f8c7d33;color:var(--color-primary-dark)}.breadcrumb-button.is-last[data-v-18021200]{color:var(--color-primary);font-weight:600}.breadcrumb-button.is-last[data-v-18021200]:hover{background-color:#5f8c7d26}.breadcrumb-separator[data-v-18021200]{margin-left:var(--spacing-xs);color:var(--color-text-muted);font-weight:400}.context-menu[data-v-d2e4f275]{position:fixed;background-color:var(--color-surface);border:2px solid #d1d5db;border-radius:var(--radius-md);padding:var(--spacing-xs) 0;z-index:40;min-width:160px}.context-menu-button[data-v-d2e4f275]{width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;background:none;border:none;cursor:pointer;display:flex;align-items:center;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);transition:all var(--transition-normal)}.context-menu-button[data-v-d2e4f275]:hover{background-color:#5f8c7d1a;color:var(--color-primary-dark)}.context-menu-icon[data-v-d2e4f275]{margin-right:var(--spacing-sm);color:var(--color-primary)}.delete-icon[data-v-d2e4f275]{color:var(--color-error)!important}.context-menu-button:hover .delete-icon[data-v-d2e4f275]{color:#d32f2f!important}.file-browser[data-v-b69b4f12]{display:flex;flex-direction:column;height:100%}.file-browser[data-v-b69b4f12]:focus{outline:none}.loading-container[data-v-b69b4f12]{flex:1;display:flex;align-items:center;justify-content:center}.loading-spinner[data-v-b69b4f12]{width:32px;height:32px;border:3px solid var(--color-surface);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin-b69b4f12 1s linear infinite}@keyframes spin-b69b4f12{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-b69b4f12]{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-error);font-size:var(--font-size-base);font-weight:500;background-color:var(--color-surface-inset);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0;box-shadow:var(--shadow-inset)}.file-list[data-v-b69b4f12]{flex:1;overflow:auto;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:var(--color-text-muted) var(--color-surface)}.file-input[data-v-b69b4f12]{display:none}.sort-field-style[data-v-b69b4f12]{border:1px solid var(--color-primary);border-radius:var(--radius-sm)}.source-selector-container[data-v-a79e708e]{display:flex;flex-direction:column;height:100%;padding:var(--spacing-md)}.source-selector-title[data-v-a79e708e]{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md);-webkit-user-select:none;user-select:none;text-align:center}@media (max-width: 768px){.source-selector-container[data-v-a79e708e]{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-md)}.source-selector-title[data-v-a79e708e]{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);margin-top:0}}.suppliers-scroll-container[data-v-a79e708e]{flex:1;overflow-y:auto;padding-right:var(--spacing-xs)}.suppliers-grid[data-v-a79e708e]{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:var(--spacing-md);overflow:visible;justify-content:center}@media (min-width: 768px){.suppliers-grid[data-v-a79e708e]{grid-template-columns:repeat(auto-fit,minmax(140px,180px));gap:var(--spacing-lg)}}.supplier-button[data-v-a79e708e]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;padding:var(--spacing-md);background:none;border:2px solid #d1d5db;border-radius:var(--radius-lg);color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-normal);min-height:100px}.supplier-button[data-v-a79e708e]:hover:not(:disabled){border-color:#9ca3af;color:#1f2937}.supplier-button[data-v-a79e708e]:active:not(:disabled){border-color:#6b7280;color:#111827}.supplier-button[data-v-a79e708e]:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-muted);border-color:#e5e7eb}.supplier-button[data-v-a79e708e]:disabled:hover{border-color:#e5e7eb;color:var(--color-text-muted)}.status-badge[data-v-a79e708e]{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);height:12px;width:12px;border-radius:var(--radius-full);border:2px solid var(--color-surface);box-shadow:var(--shadow-raised)}@media (min-width: 768px){.status-badge[data-v-a79e708e]{height:14px;width:14px}}.status-online[data-v-a79e708e]{background-color:var(--color-success)}.status-offline[data-v-a79e708e]{background-color:var(--color-text-muted)}.unpair-button[data-v-a79e708e]{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);padding:var(--spacing-xs);background:none;border:2px solid #d1d5db;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:28px;height:28px}.unpair-button[data-v-a79e708e]:hover{border-color:var(--color-error);color:var(--color-error);background-color:#f443361a}.unpair-button[data-v-a79e708e]:active{border-color:#b71c1c;color:#b71c1c;background-color:#f4433633}.unpair-icon[data-v-a79e708e]{height:12px;width:12px}@media (min-width: 768px){.unpair-icon[data-v-a79e708e]{height:14px;width:14px}}.supplier-icon-container[data-v-a79e708e]{height:32px;width:32px;margin-bottom:var(--spacing-sm);color:var(--color-primary);display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.supplier-icon-container[data-v-a79e708e]{height:40px;width:40px}}.supplier-icon[data-v-a79e708e]{height:100%;width:100%}.supplier-label[data-v-a79e708e]{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text);text-align:center;white-space:normal;word-break:break-words;padding:0 var(--spacing-xs);font-weight:500}@media (min-width: 768px){.supplier-label[data-v-a79e708e]{font-size:var(--font-size-base)}}.no-sources-message[data-v-a79e708e]{color:var(--color-text-muted);font-style:italic;-webkit-user-select:none;user-select:none;font-size:var(--font-size-base);text-align:center;margin-top:var(--spacing-xl)}.split-browser-container[data-v-2b12dbd9]{position:relative;height:100%;width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-base)}@media (min-width: 768px){.split-browser-container[data-v-2b12dbd9]{flex-direction:row;gap:var(--spacing-md);padding:var(--spacing-md)}}.loading-overlay[data-v-2b12dbd9]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ebebebe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:var(--radius-lg)}.progress-text[data-v-2b12dbd9]{margin-left:var(--spacing-md);font-size:var(--font-size-lg);display:flex;flex-direction:column;align-items:flex-start;color:var(--color-text);font-weight:500}.browser-pane[data-v-2b12dbd9]{flex:1 1 0;min-height:0;min-width:0;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);padding:var(--spacing-lg);overflow:hidden;display:flex;flex-direction:column}@media (min-width: 768px){.browser-pane[data-v-2b12dbd9]{flex:1 1 50%;max-width:50%}}.transfer-button[data-v-2b12dbd9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;background-color:var(--color-primary);color:#fff;width:56px;height:56px;border-radius:var(--radius-full);cursor:pointer;border:4px solid var(--color-base);box-shadow:0 0 0 2px #d1d5db,0 4px 8px #0000001a;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.transfer-button[data-v-2b12dbd9]:hover{background-color:var(--color-primary-light);transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 0 2px #9ca3af,0 6px 12px #00000026}.transfer-button[data-v-2b12dbd9]:active{background-color:var(--color-primary-dark);transform:translate(-50%,-50%) scale(.98);box-shadow:0 0 0 2px #6b7280,0 2px 4px #0000001a}@media (max-width: 768px){.transfer-button[data-v-2b12dbd9]{width:48px;height:48px;border-width:3px}}.arrow-icon[data-v-2b12dbd9]{height:24px;width:24px;color:currentColor;transition:transform var(--transition-normal)}@media (max-width: 768px){.arrow-icon[data-v-2b12dbd9]{height:20px;width:20px}}.rotated[data-v-2b12dbd9]{transform:rotate(180deg)}.browser-pane[data-v-2b12dbd9]>*{flex-shrink:0}.browser-pane[data-v-2b12dbd9]>*:last-child{flex:1;min-height:0}.qr-display-container[data-v-546bb836]{display:flex;flex-direction:column;align-items:center}.qr-image[data-v-546bb836]{width:12rem;height:12rem;color:#24352f}.qr-placeholder[data-v-546bb836]{width:12rem;height:12rem;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.placeholder-text[data-v-546bb836]{color:#6b7280}.qr-controls[data-v-546bb836]{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.qr-text[data-v-546bb836]{font-size:1.125rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;word-break:break-all;margin:0}.copy-button[data-v-546bb836]{padding:var(--spacing-sm);background:none;border:2px solid #d1d5db;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.copy-button[data-v-546bb836]:hover{border-color:#9ca3af}.copy-button[data-v-546bb836]:active{border-color:#6b7280;transform:scale(1.05)}.copy-icon[data-v-546bb836],.check-icon[data-v-546bb836]{height:1.25rem;width:1.25rem}.copy-icon[data-v-546bb836]{color:#4b5563}.check-icon[data-v-546bb836]{color:#10b981}.scanner-container[data-v-d4d27646]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.video-container[data-v-d4d27646]{position:relative;width:100%;max-width:28rem;overflow:hidden;border-radius:.5rem;border:2px dashed #d1d5db}.video-feed[data-v-d4d27646]{width:100%;height:auto}.scanning-overlay[data-v-d4d27646]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:4px solid #34d399;opacity:.5}.scanner-controls[data-v-d4d27646]{margin-top:1rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.manual-form[data-v-d4d27646]{display:flex;align-items:center;justify-content:center;gap:.5rem}.manual-input[data-v-d4d27646]{border:2px solid #d1d5db;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-sm);text-transform:uppercase;font-size:var(--font-size-base);font-family:inherit;background:none;color:var(--color-text);transition:all var(--transition-normal)}.manual-input[data-v-d4d27646]:focus{outline:none;border-color:var(--color-primary)}.manual-input[data-v-d4d27646]:hover{border-color:#9ca3af}.manual-submit[data-v-d4d27646]{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-normal)}.manual-submit[data-v-d4d27646]:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.instruction-text[data-v-d4d27646]{color:#4b5563;margin:0}.error-text[data-v-d4d27646]{color:#ef4444;margin:0}.result-text[data-v-d4d27646]{color:#059669;word-break:break-all;margin:0}.modal-overlay[data-v-df8c382b]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center}.modal-backdrop[data-v-df8c382b]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-df8c382b]{position:relative;background-color:var(--color-surface);border:2px solid #d1d5db;border-radius:var(--radius-lg);padding:var(--spacing-xl);width:24rem;height:36rem;display:flex;flex-direction:column;z-index:10}.error-alert[data-v-df8c382b]{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:#f443361a;color:var(--color-error);border:2px solid rgba(244,67,54,.3);border-radius:var(--radius-sm);text-align:center;font-weight:500}.modal-title[data-v-df8c382b]{font-size:1.25rem;font-weight:600;text-align:center;margin:0}.close-button[data-v-df8c382b]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:#6b7280;background:none;border:2px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-normal);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button[data-v-df8c382b]:hover{color:#374151;border-color:#d1d5db}.modal-body[data-v-df8c382b]{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;margin:1rem 0}.loading-container[data-v-df8c382b]{display:flex;flex-direction:column;align-items:center}.loading-spinner[data-v-df8c382b]{animation:spin-df8c382b 1s linear infinite;border-radius:var(--radius-full);height:3rem;width:3rem;border:4px solid var(--color-surface);border-top-color:var(--color-primary);margin-bottom:var(--spacing-sm)}@keyframes spin-df8c382b{to{transform:rotate(360deg)}}.modal-footer[data-v-df8c382b]{text-align:center}.toggle-button[data-v-df8c382b]{padding:var(--spacing-sm) var(--spacing-md);background:none;color:#4b5563;border:2px solid #d1d5db;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-normal)}.toggle-button[data-v-df8c382b]:hover{border-color:#9ca3af;color:#1f2937}.icon-selector[data-v-1ce1a0f9]{position:relative}.icon-button[data-v-1ce1a0f9]{width:3rem;height:3rem;padding:.5rem;border-radius:50%;border:2px solid #d1d5db;color:#4b5563;background-color:var(--color-surface);transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 2px 4px #0000001a}.icon-button[data-v-1ce1a0f9]:hover{border-color:#9ca3af;color:#1f2937;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light),0 4px 8px #00000026}.icon-button[data-v-1ce1a0f9]:active{box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light),0 1px 2px #0000001a}.icon-svg[data-v-1ce1a0f9]{width:1.5rem;height:1.5rem}.dropdown-content[data-v-1ce1a0f9]{position:absolute;top:100%;margin-top:8px;background-color:var(--color-surface);border:2px solid #d1d5db;border-radius:12px;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 4px 16px #00000026;padding:12px;z-index:50}.left-0[data-v-1ce1a0f9]{left:0}.right-0[data-v-1ce1a0f9]{right:0}.desktop-layout[data-v-1ce1a0f9]{display:none;align-items:center;gap:8px}@media (min-width: 640px){.desktop-layout[data-v-1ce1a0f9]{display:flex}}.mobile-layout[data-v-1ce1a0f9]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:144px}@media (min-width: 640px){.mobile-layout[data-v-1ce1a0f9]{display:none}}.icon-option[data-v-1ce1a0f9]{width:2.5rem;height:2.5rem;padding:.375rem;border-radius:50%;border:2px solid #d1d5db;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;background:none}.icon-option[data-v-1ce1a0f9]:hover{border-color:#9ca3af;color:#1f2937}.icon-option[data-v-1ce1a0f9]:active{border-color:#6b7280}.icon-option.selected[data-v-1ce1a0f9],.icon-option.selected[data-v-1ce1a0f9]:hover{border-color:#3b82f6;color:#2563eb;background-color:#eff6ff}.icon-option .icon-svg[data-v-1ce1a0f9]{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.home-container[data-v-99ad5a00]{height:100%;width:100%;display:flex;flex-direction:column}.top-bar[data-v-99ad5a00]{display:flex;align-items:center;justify-content:space-between;padding:1rem}.display-name-section[data-v-99ad5a00]{display:flex;align-items:center;gap:.75rem}.display-name-input[data-v-99ad5a00]{padding:.75rem 1rem;border-radius:.75rem;max-width:20rem;width:100%;border:2px solid #d1d5db;color:#4b5563;font-size:.95rem;height:3rem;transition:all .2s ease-in-out}.display-name-input[data-v-99ad5a00]:focus{outline:none;border-color:#9ca3af;color:#1f2937}.pair-button[data-v-99ad5a00]{width:3rem;height:3rem;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #d1d5db;color:#4b5563;background:none;cursor:pointer;transition:all .2s ease-in-out}.pair-button[data-v-99ad5a00]:hover{border-color:#9ca3af;color:#1f2937}.pair-button[data-v-99ad5a00]:active{border-color:#6b7280}.pair-icon[data-v-99ad5a00]{width:1.5rem;height:1.5rem}.browser-pane[data-v-99ad5a00]{flex:1;min-height:0}.icon-hover[data-v-99ad5a00]{background-color:#76ad9b}.icon-hover[data-v-99ad5a00]:hover{background-color:#afc6be;cursor:pointer}.display-name-style[data-v-99ad5a00]{background-color:var(--color-surface);outline:none;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light),0 2px 4px #0000001a}.display-name-style[data-v-99ad5a00]:focus{box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light),0 0 0 3px #3b82f61a,0 2px 4px #0000001a}.qr-style[data-v-99ad5a00]{background-color:var(--color-surface);border-radius:50%;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 2px 4px #0000001a}.qr-style[data-v-99ad5a00]:hover{box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light),0 4px 8px #00000026}.qr-style[data-v-99ad5a00]:active{box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light),0 1px 2px #0000001a}.first-time-container[data-v-857fb9f3]{display:flex;align-items:center;justify-content:center;height:100%;max-height:100%;overflow:hidden;background-color:#f9fafb;padding:1rem}.welcome-modal[data-v-857fb9f3]{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;max-width:28rem;width:100%;text-align:center;margin:auto}.welcome-title[data-v-857fb9f3]{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.welcome-subtitle[data-v-857fb9f3]{color:#4b5563;font-size:.875rem;margin:0 0 1rem}.button-container[data-v-857fb9f3]{display:flex;flex-direction:column;gap:.75rem}.option-button[data-v-857fb9f3]{width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;color:#fff;font-weight:500;font-size:.875rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .15s ease-in-out}.option-button[data-v-857fb9f3]:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.option-button[data-v-857fb9f3]:disabled{opacity:.5;cursor:not-allowed}.native-button[data-v-857fb9f3]{background-color:#2563eb}.native-button[data-v-857fb9f3]:hover:not(:disabled){background-color:#1d4ed8}.native-button[data-v-857fb9f3]:focus{box-shadow:0 0 0 3px #3b82f64d}.opfs-button[data-v-857fb9f3]{background-color:#059669}.opfs-button[data-v-857fb9f3]:hover:not(:disabled){background-color:#047857}.opfs-button[data-v-857fb9f3]:focus{box-shadow:0 0 0 3px #10b9814d}.button-icon[data-v-857fb9f3]{width:1rem;height:1rem;margin-right:.5rem}.error-message[data-v-857fb9f3]{font-size:.75rem;color:#ef4444;margin-top:.5rem}.app-container[data-v-24283b5e]{width:100%;height:100%;max-width:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box;background-color:var(--color-base)}.full-height[data-v-24283b5e]{height:100%}@supports not (height: 100svh){.app-container[data-v-24283b5e]{height:100vh;height:calc(100vh - 24px)}}@media (display-mode: standalone){.app-container[data-v-24283b5e]{height:100svh;height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;max-width:100vw}}