:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root .theme-dark,.theme-dark{--primary-text: #ffffff;--secondary-text: #b8c7e0;--body-bg: #121212;--panel-bg: #1e1e1e;--card-bg: #252525;--border: rgba(255, 255, 255, .15);--hover: rgba(255, 255, 255, .1);--active: rgba(255, 255, 255, .2);--tile-bg: #2a2a2a;--input-bg: #2c2c2c;--input-text: #ffffff;--engine-bg: #3a3a3a;--engine-text: #ffffff;--menu-bg: rgba(35, 35, 35, .98);--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 8px 25px rgba(0, 0, 0, .5);--card-shadow: 0 10px 30px rgba(0, 0, 0, .5)}:root .theme-light,.theme-light{--primary-text: #121212;--secondary-text: #4b5563;--body-bg: #f5f5f5;--panel-bg: #ffffff;--card-bg: #ffffff;--border: rgba(0, 0, 0, .15);--hover: rgba(0, 0, 0, .05);--active: rgba(0, 0, 0, .1);--tile-bg: #f0f0f0;--input-bg: #ffffff;--input-text: #121212;--engine-bg: #e8e8e8;--engine-text: #121212;--menu-bg: rgba(255, 255, 255, .98);--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 8px 25px rgba(0, 0, 0, .1);--card-shadow: 0 10px 30px rgba(0, 0, 0, .1)}.app,.home-page[data-v-cd7f8abb]{min-height:100vh;width:100%}.overlay[data-v-cd7f8abb]{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;min-height:100vh;display:flex;flex-direction:column}.overlay--with-wallpaper[data-v-cd7f8abb]{-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:#00000059}.header[data-v-cd7f8abb]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 20px;color:var(--primary-text)}.settings-btn[data-v-cd7f8abb]{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:var(--tile-bg);color:var(--primary-text);cursor:pointer;padding:8px 16px;transition:all .2s ease}.settings-btn[data-v-cd7f8abb]:hover{background:var(--hover)}.main[data-v-cd7f8abb]{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;gap:16px}.center-title[data-v-cd7f8abb]{text-align:center;color:var(--primary-text);display:flex;flex-direction:column;align-items:center;gap:8px}.center-title .hero-logo[data-v-cd7f8abb]{width:96px;height:96px;border-radius:24px;filter:drop-shadow(0 8px 20px rgba(37,99,235,.25));transition:transform .3s ease}.center-title .hero-logo[data-v-cd7f8abb]:hover{transform:translateY(-5px)}.center-title .name[data-v-cd7f8abb]{font-size:28px;font-weight:700;color:var(--primary-text);margin-top:8px}.center-title .slogan[data-v-cd7f8abb]{font-size:16px;color:var(--secondary-text)}.search[data-v-cd7f8abb]{display:flex;width:min(920px,96%);height:56px;box-shadow:var(--shadow);border-radius:14px;box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);position:relative}.engine-select[data-v-cd7f8abb]{position:relative;display:flex;justify-content:center;align-items:center;gap:6px;padding:0 8px;background:var(--engine-bg);color:var(--engine-text);cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 6em;min-width:6em;max-width:6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:14px 0 0 14px}.engine-name[data-v-cd7f8abb]{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(6em - 20px)}.caret[data-v-cd7f8abb]{opacity:.8}.engine-list-box[data-v-cd7f8abb]{position:absolute;margin-top:56px;z-index:1000;width:160px;background:var(--menu-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--card-shadow);overflow:hidden}.engine-list[data-v-cd7f8abb]{padding:6px 0;list-style:none;margin:0}.engine-item[data-v-cd7f8abb]{padding:8px 12px;white-space:nowrap;cursor:pointer;color:var(--primary-text)}.engine-item[data-v-cd7f8abb]:hover{background:var(--hover)}.engine-item.active[data-v-cd7f8abb]{background:var(--active)}.search-container[data-v-cd7f8abb]{position:relative;flex:1;display:flex}.search-input[data-v-cd7f8abb]{flex:1;padding:0 16px;font-size:18px;border:none;outline:none;background:var(--input-bg);color:var(--input-text)}.search-history[data-v-cd7f8abb]{position:relative;width:min(920px,96%);margin:-14px auto 0;background:var(--card-bg);border-radius:0 0 14px 14px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:999;border:1px solid var(--border);border-top:none}.search-history-header[data-v-cd7f8abb]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border-color);color:var(--secondary-text);font-size:14px}.clear-history-btn[data-v-cd7f8abb]{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:2px 6px}.clear-history-btn[data-v-cd7f8abb]:hover{text-decoration:underline}.search-history-loading[data-v-cd7f8abb]{padding:12px 16px;color:var(--secondary-text);text-align:center;font-size:14px}.search-history-list[data-v-cd7f8abb]{list-style:none;margin:0;padding:0}.search-history-item[data-v-cd7f8abb]{padding:8px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--primary-text)}.search-history-item[data-v-cd7f8abb]:hover{background-color:var(--hover-bg)}.history-keyword[data-v-cd7f8abb]{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.search-btn[data-v-cd7f8abb]{width:116px;font-weight:700;border:none;background:var(--accent);color:#fff;cursor:pointer;border-radius:0 14px 14px 0;transition:background-color .2s ease}.search-btn[data-v-cd7f8abb]:hover{background:var(--accent-hover)}.bookmarks-container[data-v-cd7f8abb]{width:min(940px,96%);position:relative;margin-top:28px}.bookmarks-loading[data-v-cd7f8abb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:16px}.loading-spinner[data-v-cd7f8abb]{display:flex;align-items:center;justify-content:center}.loading-spinner .spinner[data-v-cd7f8abb]{width:40px;height:40px;animation:spin-cd7f8abb 1s linear infinite}.loading-spinner .spinner-circle[data-v-cd7f8abb]{stroke:var(--accent);stroke-dasharray:60,200;stroke-dashoffset:0;animation:dash-cd7f8abb 1.5s ease-in-out infinite}.loading-text[data-v-cd7f8abb]{color:var(--secondary-text);font-size:14px}.sort-hint[data-v-cd7f8abb]{position:absolute;top:-24px;left:0;right:0;text-align:center;font-size:14px;color:var(--secondary-text);background-color:var(--accent);color:#fff;padding:4px 8px;border-radius:4px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.sort-hint.visible[data-v-cd7f8abb]{opacity:1;transform:translateY(0)}.app-grid[data-v-cd7f8abb]{margin-top:28px;width:min(940px,96%);display:grid;grid-template-columns:repeat(auto-fill,80px);gap:16px;justify-content:center}.bookmark-item-wrapper[data-v-cd7f8abb]{display:block;width:100%;height:100%;position:relative}.app-item[data-v-cd7f8abb]{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--primary-text);background:transparent;border:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0}.app-icon[data-v-cd7f8abb]{margin:0 auto 8px;border-radius:14px;background:var(--tile-bg);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px #0000001a}.app-add-button[data-v-cd7f8abb]{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--primary-text);background:transparent;border:none;cursor:pointer;width:100%;height:100%;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.app-add-button.hidden[data-v-cd7f8abb]{display:none}.app-add-icon[data-v-cd7f8abb]{margin:0 auto 8px;border-radius:16px;background:var(--tile-bg);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px #0000001a;font-size:28px;width:56px;height:56px}.app-add-title[data-v-cd7f8abb]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;width:100%;max-width:80px;padding:0 4px;box-sizing:border-box}@media (hover: hover){.app-add-button:hover .app-add-icon[data-v-cd7f8abb]{transform:translateY(-3px);box-shadow:0 5px 15px #00000026}}.app-add-button:active .app-add-icon[data-v-cd7f8abb]{transform:translateY(0);filter:brightness(.95)}@media (hover: hover){.app-item:hover .app-icon[data-v-cd7f8abb]{transform:translateY(-3px);box-shadow:0 5px 15px #00000026}}.app-item:active .app-icon[data-v-cd7f8abb]{transform:translateY(0);filter:brightness(.95)}.app-item[data-v-cd7f8abb]:focus{outline:none}.app-item:focus-visible .app-icon[data-v-cd7f8abb]{outline:2px solid var(--border);outline-offset:2px}.app-icon img[data-v-cd7f8abb],.app-item>img.app-icon[data-v-cd7f8abb]{width:56px;height:56px;border-radius:14px;object-fit:cover}.app-title[data-v-cd7f8abb]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;width:100%;max-width:80px;padding:0 4px;box-sizing:border-box}.ctx[data-v-cd7f8abb]{position:fixed;z-index:50;min-width:160px;padding:6px 0;margin:0;list-style:none;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ctx li[data-v-cd7f8abb]{padding:8px 12px;cursor:pointer;color:var(--primary-text);font-size:14px;font-weight:500}.ctx li[data-v-cd7f8abb]:hover{background:var(--hover)}.ctx li.danger[data-v-cd7f8abb]{color:var(--danger)}.confirm[data-v-cd7f8abb]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.confirm-box[data-v-cd7f8abb]{width:min(360px,92%);background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:18px;color:var(--primary-text);box-shadow:var(--card-shadow)}.confirm-title[data-v-cd7f8abb]{font-size:16px;font-weight:600;margin-bottom:10px;color:var(--primary-text)}.add-dialog[data-v-cd7f8abb]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50}.dialog-body[data-v-cd7f8abb]{width:min(420px,96%);max-width:100%;box-sizing:border-box;background:var(--panel-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--card-shadow);overflow:hidden}.bookmark-dialog[data-v-cd7f8abb]{padding:0;overflow:hidden}.dialog-header[data-v-cd7f8abb]{background:var(--accent);color:#fff;padding:15px 20px;margin:0}.dialog-header h3[data-v-cd7f8abb]{margin:0;font-size:18px;font-weight:600}.bookmark-form[data-v-cd7f8abb]{padding:20px;display:flex;flex-direction:column;gap:16px}.bookmark-form-group[data-v-cd7f8abb]{display:flex;flex-direction:column;gap:8px;width:100%}.bookmark-form-group label[data-v-cd7f8abb]{font-size:14px;font-weight:500;color:var(--secondary-text)}.bookmark-form-header[data-v-cd7f8abb]{display:flex;justify-content:space-between;align-items:center}.bookmark-input[data-v-cd7f8abb]{width:100%;height:38px;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--primary-text);font-size:14px;box-sizing:border-box}.bookmark-input[data-v-cd7f8abb]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.icon-actions[data-v-cd7f8abb]{display:flex;align-items:center;gap:8px}.icon-loading[data-v-cd7f8abb]{display:flex;align-items:center;justify-content:center}.spinner[data-v-cd7f8abb]{width:18px;height:18px;animation:spin-cd7f8abb 1s linear infinite}.spinner-circle[data-v-cd7f8abb]{stroke:var(--accent);stroke-dasharray:60,200;stroke-dashoffset:0;animation:dash-cd7f8abb 1.5s ease-in-out infinite}@keyframes spin-cd7f8abb{to{transform:rotate(360deg)}}@keyframes dash-cd7f8abb{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dasharray:90,200;stroke-dashoffset:-125px}}.upload-icon-btn[data-v-cd7f8abb]{background:none;border:none;padding:0;margin:0;cursor:pointer}.upload-icon-btn label[data-v-cd7f8abb]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.upload-icon-btn label[data-v-cd7f8abb]:hover{background:var(--hover)}.icon-preview-container[data-v-cd7f8abb]{display:flex;align-items:center;gap:10px}.icon-preview[data-v-cd7f8abb]{width:32px;height:32px;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--tile-bg)}.icon-preview img[data-v-cd7f8abb]{width:100%;height:100%;object-fit:contain}.bookmark-actions[data-v-cd7f8abb]{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;background:var(--tile-bg);border-top:1px solid var(--border)}.bookmark-btn[data-v-cd7f8abb]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.bookmark-btn.cancel[data-v-cd7f8abb]{background:transparent;border:1px solid var(--border);color:var(--primary-text)}.bookmark-btn.cancel[data-v-cd7f8abb]:hover{background:var(--hover)}.bookmark-btn.save[data-v-cd7f8abb]{background:var(--accent);border:1px solid var(--accent);color:#fff}.bookmark-btn.save[data-v-cd7f8abb]:hover{background:var(--accent-hover)}.dialog-actions[data-v-cd7f8abb]{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.btn[data-v-cd7f8abb]{padding:8px 16px;background:var(--tile-bg);border:1px solid var(--border);color:var(--primary-text);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.btn.primary[data-v-cd7f8abb]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn[data-v-cd7f8abb]:hover{background:var(--hover)}.btn.primary[data-v-cd7f8abb]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.footer[data-v-cd7f8abb]{padding:18px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.footer-links[data-v-cd7f8abb]{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.footer-link[data-v-cd7f8abb]{display:flex;align-items:center;gap:6px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .2s ease}.footer-link[data-v-cd7f8abb]:hover{background:var(--hover);color:var(--accent)}.footer-link svg[data-v-cd7f8abb]{color:var(--accent)}.tools-dropdown[data-v-cd7f8abb]{position:relative;display:inline-block}.tools-dropdown .footer-link[data-v-cd7f8abb]{display:flex;align-items:center;gap:6px}.tools-dropdown .caret[data-v-cd7f8abb]{font-size:10px;margin-left:2px;transition:transform .3s ease}.tools-dropdown .caret-up[data-v-cd7f8abb]{transform:rotate(180deg)}.tools-menu[data-v-cd7f8abb]{position:absolute;bottom:100%;left:0;min-width:180px;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--card-shadow);margin-bottom:8px;padding:6px 0;z-index:10;animation:fadeIn-cd7f8abb .2s ease}@keyframes fadeIn-cd7f8abb{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-item[data-v-cd7f8abb]{display:block;padding:8px 16px;color:var(--primary-text);text-decoration:none;font-size:14px;transition:all .2s ease}.tool-item[data-v-cd7f8abb]:hover{background:var(--hover);color:var(--accent)}.footer-copyright[data-v-cd7f8abb]{display:flex;justify-content:center;align-items:center;gap:10px}.footer-copyright small[data-v-cd7f8abb]{color:var(--primary-text);opacity:.9}.lang-switch[data-v-cd7f8abb]{background:none;border:none;color:var(--secondary-text);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;transition:all .2s ease}.lang-switch[data-v-cd7f8abb]:hover{background:var(--hover);color:var(--accent)}.icp-beian[data-v-cd7f8abb]{margin-top:5px}.icp-beian a[data-v-cd7f8abb]{color:var(--secondary-text);font-size:12px;text-decoration:none;transition:color .2s ease}.icp-beian a[data-v-cd7f8abb]:hover{color:var(--accent)}.user-header[data-v-cd7f8abb]{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:20px;background:var(--tile-bg);border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.user-header[data-v-cd7f8abb]:hover{background:var(--hover)}.user-nickname[data-v-cd7f8abb]{font-size:14px;font-weight:500;color:var(--primary-text)}.header-avatar[data-v-cd7f8abb]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.file-input[data-v-cd7f8abb]{position:absolute;width:0;height:0;opacity:0;cursor:pointer}:root .theme-dark[data-v-cd7f8abb],.theme-dark[data-v-cd7f8abb]{--primary-text: #ffffff;--secondary-text: #b8c7e0;--body-bg: #121212;--panel-bg: #1e1e1e;--card-bg: #252525;--border: rgba(255, 255, 255, .15);--hover: rgba(255, 255, 255, .1);--active: rgba(255, 255, 255, .2);--tile-bg: #2a2a2a;--input-bg: #2c2c2c;--input-text: #ffffff;--engine-bg: #3a3a3a;--engine-text: #ffffff;--menu-bg: rgba(35, 35, 35, .98);--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 8px 25px rgba(0, 0, 0, .5);--card-shadow: 0 10px 30px rgba(0, 0, 0, .5)}:root .theme-light[data-v-cd7f8abb],.theme-light[data-v-cd7f8abb]{--primary-text: #121212;--secondary-text: #4b5563;--body-bg: #f5f5f5;--panel-bg: #ffffff;--card-bg: #ffffff;--border: rgba(0, 0, 0, .15);--hover: rgba(0, 0, 0, .05);--active: rgba(0, 0, 0, .1);--tile-bg: #f0f0f0;--input-bg: #ffffff;--input-text: #121212;--engine-bg: #e8e8e8;--engine-text: #121212;--menu-bg: rgba(255, 255, 255, .98);--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 8px 25px rgba(0, 0, 0, .1);--card-shadow: 0 10px 30px rgba(0, 0, 0, .1)}@media (max-width: 360px){.app-grid[data-v-cd7f8abb]{grid-template-columns:repeat(auto-fill,55px)}.bookmark-item-wrapper[data-v-cd7f8abb]{width:55px}.app-title[data-v-cd7f8abb],.app-add-title[data-v-cd7f8abb]{max-width:55px;font-size:11px}.app-icon[data-v-cd7f8abb],.app-item>img.app-icon[data-v-cd7f8abb],.app-add-icon[data-v-cd7f8abb]{width:44px;height:44px}}@media (max-width: 640px){.header[data-v-cd7f8abb]{flex-direction:column;align-items:flex-start}.search[data-v-cd7f8abb]{width:100%;height:52px}.search-container[data-v-cd7f8abb]{overflow:hidden;border-radius:16px}.engine-select[data-v-cd7f8abb]{flex:0 0 4em;min-width:4em;max-width:8.5em;padding:0 8px}.search-btn[data-v-cd7f8abb]{display:none;width:96px;border-radius:0}.app-grid[data-v-cd7f8abb]{grid-template-columns:repeat(auto-fill,60px);justify-content:center}.bookmark-item-wrapper[data-v-cd7f8abb]{width:60px;height:auto}.app-title[data-v-cd7f8abb],.app-add-title[data-v-cd7f8abb]{max-width:60px;font-size:12px}.app-icon[data-v-cd7f8abb],.app-item>img.app-icon[data-v-cd7f8abb]{width:48px;height:48px}.app-add-icon[data-v-cd7f8abb]{width:48px;height:48px}.add-dialog[data-v-cd7f8abb]{padding:12px}.dialog-body[data-v-cd7f8abb]{width:100%;box-sizing:border-box;padding:16px}}.toolbox-page[data-v-98fe44d4]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-98fe44d4]{max-width:1200px;margin:0 auto}.header[data-v-98fe44d4]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-98fe44d4]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-98fe44d4]:hover{background:var(--hover)}.header h1[data-v-98fe44d4]{margin:0;font-size:24px;font-weight:600}.main-content[data-v-98fe44d4]{display:flex;flex-direction:column;gap:20px}.category[data-v-98fe44d4]{background:var(--panel-bg);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--card-shadow)}.category-title[data-v-98fe44d4]{margin:0 0 12px;padding:0 6px;font-size:16px;font-weight:600;color:var(--primary-text)}.tools-grid[data-v-98fe44d4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.tool-card[data-v-98fe44d4]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 10px;border-radius:12px;border:1px solid var(--border);background:var(--tile-bg);color:var(--primary-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.tool-card[data-v-98fe44d4]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026;background:var(--hover)}.tool-icon[data-v-98fe44d4]{color:var(--accent);display:flex;align-items:center;justify-content:center}.tool-name[data-v-98fe44d4]{font-size:13px;text-align:center}@media (max-width: 640px){.tools-grid[data-v-98fe44d4]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.settings-page[data-v-549bb0c2]{min-height:100vh;width:100%}.settings-view[data-v-549bb0c2]{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:24px;background:var(--body-bg);overflow-y:auto;min-height:100vh}.settings-layout[data-v-549bb0c2]{width:min(1000px,96%);display:grid;grid-template-columns:240px 1fr;gap:20px}.settings-menu[data-v-549bb0c2]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;color:var(--primary-text);padding:16px;display:flex;flex-direction:column;gap:12px;height:fit-content;box-shadow:var(--card-shadow)}.menu-title[data-v-549bb0c2]{font-weight:700}.menu-list[data-v-549bb0c2]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.menu-list li[data-v-549bb0c2]{padding:10px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.menu-list li[data-v-549bb0c2]:hover:not(.active){background:var(--hover)}.menu-list li.active[data-v-549bb0c2]{background:var(--active)}.settings-panel[data-v-549bb0c2]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:20px;color:var(--primary-text);display:flex;flex-direction:column;gap:16px;box-shadow:var(--card-shadow)}.settings-row[data-v-549bb0c2]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;height:40px}.settings-label[data-v-549bb0c2]{color:var(--secondary-text);min-width:140px;font-weight:500}.settings-field[data-v-549bb0c2]{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex:1;width:100%}.settings-actions[data-v-549bb0c2]{display:flex;justify-content:flex-end;margin-top:20px;gap:12px}.switch[data-v-549bb0c2]{display:inline-flex;align-items:center;gap:8px}.switch input[data-v-549bb0c2]{position:absolute;opacity:0;width:0;height:0}.switch .slider[data-v-549bb0c2]{position:relative;width:44px;height:24px;background:var(--tile-bg);border-radius:999px;transition:background .2s ease}.switch .slider[data-v-549bb0c2]:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.switch input:checked+.slider[data-v-549bb0c2]{background:var(--accent)}.switch input:checked+.slider[data-v-549bb0c2]:after{transform:translate(20px)}.input[data-v-549bb0c2]{height:38px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--primary-text);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input[data-v-549bb0c2]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.btn[data-v-549bb0c2]{padding:8px 16px;background:var(--tile-bg);border:1px solid var(--border);color:var(--primary-text);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.btn.primary[data-v-549bb0c2]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn[data-v-549bb0c2]:hover{background:var(--hover)}.btn.primary[data-v-549bb0c2]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.back[data-v-549bb0c2]{width:100%;margin-top:20px}.confirm[data-v-549bb0c2]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.confirm-box[data-v-549bb0c2]{width:min(360px,92%);background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:18px;color:var(--primary-text);box-shadow:var(--card-shadow)}.confirm-title[data-v-549bb0c2]{font-size:16px;font-weight:600;margin-bottom:10px;color:var(--primary-text)}.confirm-message[data-v-549bb0c2]{font-size:14px;color:var(--secondary-text);margin-bottom:16px}.confirm-option[data-v-549bb0c2]{margin-bottom:16px}.checkbox-container[data-v-549bb0c2]{display:flex;align-items:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input[data-v-549bb0c2]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-549bb0c2]{height:18px;width:18px;background-color:var(--tile-bg);border:1px solid var(--border);border-radius:4px;margin-right:8px;position:relative}.checkbox-container:hover input~.checkmark[data-v-549bb0c2]{background-color:var(--hover)}.checkbox-container input:checked~.checkmark[data-v-549bb0c2]{background-color:var(--accent);border-color:var(--accent)}.checkmark[data-v-549bb0c2]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-549bb0c2]:after{display:block}.checkbox-container .checkmark[data-v-549bb0c2]:after{left:6px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.option-text[data-v-549bb0c2]{font-size:14px;color:var(--primary-text)}.dialog-actions[data-v-549bb0c2]{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.user-avatar-container[data-v-549bb0c2]{display:flex;justify-content:center;margin-bottom:20px}.user-avatar[data-v-549bb0c2]{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);padding:3px;box-shadow:var(--card-shadow)}.avatar-upload[data-v-549bb0c2]{position:relative;display:inline-block}.avatar-upload-btn[data-v-549bb0c2]{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;border:2px solid white;transition:all .2s ease}.avatar-upload-btn[data-v-549bb0c2]:hover{background:var(--accent-hover);transform:scale(1.1)}.login-form[data-v-549bb0c2]{display:flex;flex-direction:column;gap:16px}.error-message[data-v-549bb0c2]{padding:12px;background:#ef44441a;border-left:3px solid var(--danger);color:var(--danger);border-radius:8px;font-size:14px;margin-bottom:16px}.settings-section-title[data-v-549bb0c2]{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--primary-text);border-bottom:1px solid var(--border);padding-bottom:10px}.file-input[data-v-549bb0c2]{position:absolute;width:0;height:0;opacity:0;cursor:pointer}.upload-field[data-v-549bb0c2]{position:relative;display:flex;align-items:center;width:100%}.upload-btn[data-v-549bb0c2]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--tile-bg);border:1px solid var(--border);color:var(--secondary-text);cursor:pointer;margin-left:8px;transition:all .2s ease}.upload-btn[data-v-549bb0c2]:hover{background:var(--hover);color:var(--accent)}:root .theme-dark[data-v-549bb0c2],.theme-dark[data-v-549bb0c2]{--primary-text: #ffffff;--secondary-text: #b8c7e0;--body-bg: #121212;--panel-bg: #1e1e1e;--card-bg: #252525;--border: rgba(255, 255, 255, .15);--hover: rgba(255, 255, 255, .1);--active: rgba(255, 255, 255, .2);--tile-bg: #2a2a2a;--input-bg: #2c2c2c;--input-text: #ffffff;--engine-bg: #3a3a3a;--engine-text: #ffffff;--menu-bg: rgba(35, 35, 35, .98);--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 8px 25px rgba(0, 0, 0, .5);--card-shadow: 0 10px 30px rgba(0, 0, 0, .5)}:root .theme-light[data-v-549bb0c2],.theme-light[data-v-549bb0c2]{--primary-text: #121212;--secondary-text: #4b5563;--body-bg: #f5f5f5;--panel-bg: #ffffff;--card-bg: #ffffff;--border: rgba(0, 0, 0, .15);--hover: rgba(0, 0, 0, .05);--active: rgba(0, 0, 0, .1);--tile-bg: #f0f0f0;--input-bg: #ffffff;--input-text: #121212;--engine-bg: #e8e8e8;--engine-text: #121212;--menu-bg: rgba(255, 255, 255, .98);--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 8px 25px rgba(0, 0, 0, .1);--card-shadow: 0 10px 30px rgba(0, 0, 0, .1)}@media (max-width: 640px){.settings-view[data-v-549bb0c2]{padding:16px 12px}.settings-layout[data-v-549bb0c2]{grid-template-columns:1fr;gap:12px;width:100%}.settings-menu[data-v-549bb0c2]{margin-bottom:12px}.settings-row[data-v-549bb0c2]{flex-direction:column;align-items:flex-start;height:unset}.settings-label[data-v-549bb0c2]{margin-bottom:6px}.settings-field[data-v-549bb0c2]{width:100%;justify-content:flex-start}.input[data-v-549bb0c2]{width:100%;box-sizing:border-box}}.extension-download[data-v-a42967c0]{width:100%;background:var(--body-bg);color:var(--primary-text);padding:0;display:flex;justify-content:center}.download-container[data-v-a42967c0]{max-width:1000px;width:100%;background:var(--panel-bg);border-radius:16px;box-shadow:var(--card-shadow);padding:30px;border:1px solid var(--border)}.download-header[data-v-a42967c0]{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;text-align:center}.extension-logo[data-v-a42967c0]{width:80px;height:80px;margin-bottom:16px}.download-header h1[data-v-a42967c0]{font-size:28px;font-weight:700;margin:0}.loading-container[data-v-a42967c0]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.spinner[data-v-a42967c0]{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--accent);animation:spin-a42967c0 1s linear infinite;margin-bottom:16px}@keyframes spin-a42967c0{to{transform:rotate(360deg)}}.error-container[data-v-a42967c0]{display:flex;flex-direction:column;align-items:center;padding:40px 0;text-align:center}.error-icon[data-v-a42967c0]{width:50px;height:50px;border-radius:50%;background:var(--danger);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;margin-bottom:16px}.retry-btn[data-v-a42967c0]{margin-top:16px;padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.retry-btn[data-v-a42967c0]:hover{background:var(--accent-hover)}.extension-info[data-v-a42967c0]{display:flex;flex-direction:column;gap:24px}.version-info[data-v-a42967c0]{display:flex;align-items:center;background:var(--tile-bg);padding:12px 16px;border-radius:8px;font-size:16px}.version-label[data-v-a42967c0]{font-weight:600;margin-right:8px}.version-value[data-v-a42967c0]{padding:4px 10px;background:var(--accent);color:#fff;border-radius:20px;font-weight:600;font-size:14px}.update-info[data-v-a42967c0],.feature-info[data-v-a42967c0]{background:var(--tile-bg);border-radius:12px;padding:20px}.update-info h3[data-v-a42967c0],.feature-info h3[data-v-a42967c0]{margin-top:0;margin-bottom:16px;font-size:18px;font-weight:600;color:var(--primary-text);border-bottom:1px solid var(--border);padding-bottom:10px}.info-content[data-v-a42967c0]{white-space:pre-line;line-height:1.6}.changelog-content[data-v-a42967c0]{display:flex;flex-direction:column;gap:20px}.changelog-item[data-v-a42967c0]{position:relative;padding-bottom:20px;padding-left:16px;border-left:2px solid var(--border)}.changelog-item[data-v-a42967c0]:last-child{padding-bottom:0}.changelog-version[data-v-a42967c0]{font-weight:600;font-size:16px;margin-bottom:10px;color:var(--primary-text);position:relative}.changelog-version[data-v-a42967c0]:before{content:"";position:absolute;left:-21px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--tile-bg)}.changelog-info[data-v-a42967c0]{white-space:pre-line;line-height:1.6;color:var(--secondary-text)}.feature-content[data-v-a42967c0]{line-height:1.6}.download-action[data-v-a42967c0]{display:flex;justify-content:center;margin:16px 0}.download-btn[data-v-a42967c0]{display:flex;align-items:center;gap:10px;background:var(--accent);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb4d}.download-btn[data-v-a42967c0]:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.download-btn[data-v-a42967c0]:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.browser-support[data-v-a42967c0]{background:var(--tile-bg);border-radius:12px;padding:20px}.browser-support h4[data-v-a42967c0]{margin-top:0;margin-bottom:16px;font-size:16px;font-weight:600}.browser-icons[data-v-a42967c0]{display:flex;gap:24px;flex-wrap:wrap}.browser-icon[data-v-a42967c0]{display:flex;flex-direction:column;align-items:center;gap:8px}.browser-icon svg[data-v-a42967c0]{color:var(--accent)}.installation-guide[data-v-a42967c0]{background:var(--tile-bg);border-radius:12px;padding:20px}.installation-guide h4[data-v-a42967c0]{margin-top:0;margin-bottom:16px;font-size:16px;font-weight:600}.installation-guide ol[data-v-a42967c0]{margin:0;padding-left:20px}.installation-guide li[data-v-a42967c0]{margin-bottom:8px;line-height:1.6}.back-to-home[data-v-a42967c0]{margin-top:30px;text-align:center}.back-link[data-v-a42967c0]{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-decoration:none;font-weight:500;transition:color .2s}.back-link[data-v-a42967c0]:hover{color:var(--accent-hover);text-decoration:underline}@media (max-width: 768px){.download-container[data-v-a42967c0]{padding:25px;border-radius:12px}.download-header h1[data-v-a42967c0]{font-size:24px}.browser-icons[data-v-a42967c0]{justify-content:center}}@media (max-width: 480px){.download-container[data-v-a42967c0]{padding:20px;border-radius:10px}.download-header h1[data-v-a42967c0]{font-size:20px}.extension-logo[data-v-a42967c0]{width:60px;height:60px}.download-btn[data-v-a42967c0]{padding:12px 20px;font-size:16px}}.extension-page[data-v-1f51769d]{min-height:100vh;width:100%;background:var(--body-bg)}.extension-view[data-v-1f51769d]{min-height:100vh;display:flex;flex-direction:column}.extension-header[data-v-1f51769d]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 20px;color:var(--primary-text);border-bottom:1px solid var(--border);background:var(--panel-bg)}.back-btn[data-v-1f51769d]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--tile-bg);border:1px solid var(--border);color:var(--primary-text);border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.back-btn[data-v-1f51769d]:hover{background:var(--hover)}.extension-main[data-v-1f51769d]{flex:1;padding:30px;display:flex;flex-direction:column;align-items:center;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.extension-footer[data-v-1f51769d]{padding:18px;text-align:center;border-top:1px solid var(--border);background:var(--panel-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.footer-copyright[data-v-1f51769d]{color:var(--secondary-text);display:flex;justify-content:center;align-items:center;gap:10px}:root .theme-dark[data-v-1f51769d],.theme-dark[data-v-1f51769d]{--primary-text: #ffffff;--secondary-text: #b8c7e0;--body-bg: #121212;--panel-bg: #1e1e1e;--card-bg: #252525;--border: rgba(255, 255, 255, .15);--hover: rgba(255, 255, 255, .1);--active: rgba(255, 255, 255, .2);--tile-bg: #2a2a2a;--input-bg: #2c2c2c;--input-text: #ffffff;--engine-bg: #3a3a3a;--engine-text: #ffffff;--menu-bg: rgba(35, 35, 35, .98);--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 8px 25px rgba(0, 0, 0, .5);--card-shadow: 0 10px 30px rgba(0, 0, 0, .5)}:root .theme-light[data-v-1f51769d],.theme-light[data-v-1f51769d]{--primary-text: #121212;--secondary-text: #4b5563;--body-bg: #f5f5f5;--panel-bg: #ffffff;--card-bg: #ffffff;--border: rgba(0, 0, 0, .15);--hover: rgba(0, 0, 0, .05);--active: rgba(0, 0, 0, .1);--tile-bg: #f0f0f0;--input-bg: #ffffff;--input-text: #121212;--engine-bg: #e8e8e8;--engine-text: #121212;--menu-bg: rgba(255, 255, 255, .98);--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 8px 25px rgba(0, 0, 0, .1);--card-shadow: 0 10px 30px rgba(0, 0, 0, .1)}@media (max-width: 768px){.extension-header[data-v-1f51769d],.extension-main[data-v-1f51769d]{padding:20px}}@media (max-width: 640px){.extension-header[data-v-1f51769d],.extension-main[data-v-1f51769d],.extension-footer[data-v-1f51769d]{padding:16px}}.random-string-page[data-v-dce79bfd]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-dce79bfd]{max-width:1200px;margin:0 auto}.header[data-v-dce79bfd]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-dce79bfd]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-dce79bfd]:hover{background-color:var(--hover)}.header h1[data-v-dce79bfd]{margin:0;font-size:24px;font-weight:600}.main-content[data-v-dce79bfd]{width:100%}.tool-container[data-v-dce79bfd]{background-color:var(--panel-bg);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.options-section[data-v-dce79bfd],.result-section[data-v-dce79bfd]{padding:20px}.options-section[data-v-dce79bfd]{border-bottom:1px solid var(--border)}h2[data-v-dce79bfd]{margin-top:0;margin-bottom:16px;font-size:18px;font-weight:600}.option-group[data-v-dce79bfd]{margin-bottom:20px}.option-group label[data-v-dce79bfd]{display:block;margin-bottom:8px;font-weight:500}.length-control[data-v-dce79bfd]{display:flex;align-items:center;gap:16px}.slider[data-v-dce79bfd]{flex:1;height:6px;background:var(--tile-bg);border-radius:3px;appearance:none}.slider[data-v-dce79bfd]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.number-input[data-v-dce79bfd]{width:60px;padding:6px;border:1px solid var(--border);border-radius:4px;background-color:var(--input-bg);color:var(--input-text);text-align:center}.checkbox-group[data-v-dce79bfd]{display:flex;flex-wrap:wrap;gap:12px}.checkbox-label[data-v-dce79bfd]{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-dce79bfd]{width:16px;height:16px;accent-color:var(--accent)}.custom-input[data-v-dce79bfd]{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-size:14px;box-sizing:border-box}.custom-input[data-v-dce79bfd]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.button-group[data-v-dce79bfd]{display:flex;justify-content:flex-end;margin-top:24px}.generate-btn[data-v-dce79bfd]{background-color:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.generate-btn[data-v-dce79bfd]:hover{background-color:var(--accent-hover)}.result-container[data-v-dce79bfd]{display:flex;flex-direction:column;gap:16px}.result-text[data-v-dce79bfd]{padding:16px;min-height:60px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-family:monospace;font-size:16px;word-break:break-all;white-space:pre-wrap}.copy-btn[data-v-dce79bfd]{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--tile-bg);border:1px solid var(--border);color:var(--primary-text);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;align-self:flex-end}.copy-btn[data-v-dce79bfd]:hover{background-color:var(--hover)}.copy-btn[data-v-dce79bfd]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.checkbox-group[data-v-dce79bfd]{flex-direction:column;gap:8px}.button-group[data-v-dce79bfd]{justify-content:center}.copy-btn[data-v-dce79bfd]{align-self:center}}.timestamp-page[data-v-2841d1a9]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-2841d1a9]{max-width:1200px;margin:0 auto}.header[data-v-2841d1a9]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-2841d1a9]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-2841d1a9]:hover{background-color:var(--hover)}.header h1[data-v-2841d1a9]{margin:0;font-size:24px;font-weight:600}.main-content[data-v-2841d1a9]{width:100%}.tool-container[data-v-2841d1a9]{background-color:var(--panel-bg);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.options-section[data-v-2841d1a9],.conversion-section[data-v-2841d1a9]{padding:20px}.options-section[data-v-2841d1a9]{border-bottom:1px solid var(--border)}h2[data-v-2841d1a9]{margin-top:0;margin-bottom:16px;font-size:18px;font-weight:600}.option-group[data-v-2841d1a9]{margin-bottom:20px}.option-group label[data-v-2841d1a9]{display:block;margin-bottom:8px;font-weight:500}.radio-group[data-v-2841d1a9]{display:flex;flex-wrap:wrap;gap:16px}.radio-label[data-v-2841d1a9]{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-label input[type=radio][data-v-2841d1a9]{width:16px;height:16px;accent-color:var(--accent)}.format-select[data-v-2841d1a9]{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-size:14px;margin-bottom:10px}.custom-input[data-v-2841d1a9]{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-size:14px;box-sizing:border-box}.custom-input[data-v-2841d1a9]:focus,.format-select[data-v-2841d1a9]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.current-time[data-v-2841d1a9]{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px;background-color:var(--tile-bg);border-radius:6px;flex-wrap:wrap}.current-time-label[data-v-2841d1a9]{font-weight:500}.current-time-value[data-v-2841d1a9]{font-family:monospace;padding:4px 8px;background-color:var(--input-bg);border-radius:4px;border:1px solid var(--border)}.use-current-btn[data-v-2841d1a9]{margin-left:auto;background-color:var(--accent);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.use-current-btn[data-v-2841d1a9]:hover{background-color:var(--accent-hover)}.input-group[data-v-2841d1a9],.result-group[data-v-2841d1a9]{margin-bottom:20px}.input-group label[data-v-2841d1a9],.result-group label[data-v-2841d1a9]{display:block;margin-bottom:8px;font-weight:500}.conversion-input[data-v-2841d1a9]{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-size:16px;box-sizing:border-box}.conversion-input[data-v-2841d1a9]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.result-container[data-v-2841d1a9]{display:flex;flex-direction:column;gap:16px}.result-text[data-v-2841d1a9]{padding:16px;min-height:60px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-family:monospace;font-size:16px;word-break:break-all;white-space:pre-wrap}.copy-btn[data-v-2841d1a9]{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--tile-bg);border:1px solid var(--border);color:var(--primary-text);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;align-self:flex-end}.copy-btn[data-v-2841d1a9]:hover{background-color:var(--hover)}.copy-btn[data-v-2841d1a9]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.radio-group[data-v-2841d1a9]{flex-direction:column;gap:8px}.current-time[data-v-2841d1a9]{flex-direction:column;align-items:flex-start}.use-current-btn[data-v-2841d1a9]{margin-left:0;margin-top:8px;width:100%}.copy-btn[data-v-2841d1a9]{align-self:center;width:100%}}/*!
Theme: GitHub Dark
Description: Dark theme as seen on github.com
Author: github.com
Maintainer: @Hirse
Updated: 2021-05-15
Outdated base version: https://github.com/primer/github-syntax-dark
Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.formatter-page[data-v-951d2662]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-951d2662]{max-width:1200px;margin:0 auto}.header[data-v-951d2662]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-951d2662]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-951d2662]:hover{background-color:var(--hover)}.header h1[data-v-951d2662]{margin:0;font-size:24px;font-weight:600}.main-content[data-v-951d2662]{width:100%}.tool-container[data-v-951d2662]{background-color:var(--panel-bg);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.options-section[data-v-951d2662]{padding:20px;border-bottom:1px solid var(--border)}h2[data-v-951d2662]{margin-top:0;margin-bottom:16px;font-size:18px;font-weight:600}.options-row[data-v-951d2662]{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.option-group[data-v-951d2662]{flex:1;min-width:200px}.option-group label[data-v-951d2662]{display:block;margin-bottom:8px;font-weight:500}.format-select[data-v-951d2662],.indent-select[data-v-951d2662]{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-size:14px}.format-select[data-v-951d2662]:focus,.indent-select[data-v-951d2662]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.indent-options[data-v-951d2662]{display:flex;flex-direction:column;gap:10px}.radio-group[data-v-951d2662]{display:flex;gap:16px}.radio-label[data-v-951d2662]{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-label input[type=radio][data-v-951d2662]{width:16px;height:16px;accent-color:var(--accent)}.button-group[data-v-951d2662]{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.format-btn[data-v-951d2662],.clear-btn[data-v-951d2662]{padding:10px 20px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.format-btn[data-v-951d2662]{background-color:var(--accent);color:#fff;border:none}.format-btn[data-v-951d2662]:hover{background-color:var(--accent-hover)}.format-btn[data-v-951d2662]:disabled{opacity:.5;cursor:not-allowed}.clear-btn[data-v-951d2662]{background-color:transparent;color:var(--primary-text);border:1px solid var(--border)}.clear-btn[data-v-951d2662]:hover{background-color:var(--hover)}.editor-section[data-v-951d2662]{display:flex;padding:20px;gap:20px}.editor-container[data-v-951d2662]{flex:1;display:flex;flex-direction:column;min-width:0}.output-header[data-v-951d2662]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.editor-container label[data-v-951d2662]{font-weight:500}.code-editor[data-v-951d2662]{flex:1;min-height:400px;padding:12px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-family:monospace;font-size:14px;line-height:1.5;resize:none;tab-size:4}.code-editor[data-v-951d2662]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.output-code[data-v-951d2662]{flex:1;min-height:400px;padding:12px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);overflow:auto;position:relative}.output-code pre[data-v-951d2662]{margin:0;font-family:monospace;font-size:14px;line-height:1.5}.output-code.has-error[data-v-951d2662]{border-color:#ef4444}.error-message[data-v-951d2662]{color:#ef4444;padding:12px;font-family:monospace}.copy-btn[data-v-951d2662]{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--tile-bg);border:1px solid var(--border);color:var(--primary-text);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.copy-btn[data-v-951d2662]:hover{background-color:var(--hover)}.copy-btn[data-v-951d2662]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.editor-section[data-v-951d2662]{flex-direction:column}.code-editor[data-v-951d2662],.output-code[data-v-951d2662]{min-height:300px}.options-row[data-v-951d2662]{flex-direction:column;gap:16px}.button-group[data-v-951d2662]{justify-content:center}.copy-btn[data-v-951d2662]{align-self:center}}.text-encoder-page[data-v-c4c9fdd6]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-c4c9fdd6]{max-width:1200px;margin:0 auto}.header[data-v-c4c9fdd6]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-c4c9fdd6]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-c4c9fdd6]:hover{background:var(--hover)}.header h1[data-v-c4c9fdd6]{margin:0;font-size:24px;font-weight:600}.main-content[data-v-c4c9fdd6]{display:flex;gap:20px}.options-panel[data-v-c4c9fdd6]{flex:0 0 300px;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:15px;box-sizing:border-box}.option-group[data-v-c4c9fdd6]{display:flex;flex-direction:column;gap:8px}.option-group label[data-v-c4c9fdd6]{font-weight:500;color:var(--secondary-text)}.checkbox-label[data-v-c4c9fdd6]{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-c4c9fdd6]{width:16px;height:16px;accent-color:var(--accent)}.auto-process[data-v-c4c9fdd6]{margin-bottom:10px}.aes-advanced-options[data-v-c4c9fdd6]{display:flex;flex-direction:column;gap:15px;padding:15px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;margin-top:5px}select[data-v-c4c9fdd6],input[data-v-c4c9fdd6]{padding:10px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--primary-text);width:100%}.key-input-container[data-v-c4c9fdd6]{position:relative;display:flex}.key-input-container input[data-v-c4c9fdd6]{flex:1;padding-right:40px}.toggle-visibility[data-v-c4c9fdd6]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--secondary-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-container[data-v-c4c9fdd6]{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.toggle-btn[data-v-c4c9fdd6]{flex:1;padding:10px;background:var(--input-bg);border:none;color:var(--primary-text);cursor:pointer;transition:all .2s ease}.toggle-btn.active[data-v-c4c9fdd6]{background:var(--accent);color:#fff}.action-buttons[data-v-c4c9fdd6]{display:flex;flex-direction:column;gap:10px;margin-top:10px}.button-row[data-v-c4c9fdd6]{display:flex;gap:10px}.primary-btn[data-v-c4c9fdd6],.secondary-btn[data-v-c4c9fdd6]{padding:12px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.primary-btn[data-v-c4c9fdd6]{background:var(--accent);color:#fff}.primary-btn[data-v-c4c9fdd6]:hover{background:var(--accent-hover)}.secondary-btn[data-v-c4c9fdd6]{background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border)}.secondary-btn[data-v-c4c9fdd6]:hover{background:var(--hover)}.secondary-btn[data-v-c4c9fdd6]:disabled{opacity:.5;cursor:not-allowed}.text-panels[data-v-c4c9fdd6]{flex:1;display:flex;flex-direction:column;gap:20px}.text-panel[data-v-c4c9fdd6]{flex:1;display:flex;flex-direction:column}.panel-header[data-v-c4c9fdd6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.text-panel label[data-v-c4c9fdd6]{font-weight:500;margin-bottom:8px}.text-panel textarea[data-v-c4c9fdd6]{flex:1;min-height:200px;padding:15px;border-radius:10px;border:1px solid var(--border);background:var(--panel-bg);color:var(--primary-text);resize:vertical;font-family:monospace;font-size:14px}.copy-btn[data-v-c4c9fdd6]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px;transition:all .2s ease}.copy-btn[data-v-c4c9fdd6]:hover{background:var(--hover)}.copy-btn[data-v-c4c9fdd6]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-c4c9fdd6]{color:var(--danger);margin-top:8px;font-size:14px}@media (max-width: 768px){.main-content[data-v-c4c9fdd6]{flex-direction:column}.options-panel[data-v-c4c9fdd6]{flex:none;width:100%}}.qrcode-page[data-v-f63d2c7d]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-f63d2c7d]{max-width:1200px;margin:0 auto}.header[data-v-f63d2c7d]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-f63d2c7d]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-f63d2c7d]:hover{background:var(--hover)}.header h1[data-v-f63d2c7d]{margin:0;font-size:24px;font-weight:600}.tabs[data-v-f63d2c7d]{display:flex;margin-bottom:20px;background:var(--panel-bg);border-radius:10px;padding:6px;border:1px solid var(--border)}.tab-btn[data-v-f63d2c7d]{padding:12px 24px;background:transparent;border:none;border-radius:8px;color:var(--secondary-text);font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;text-align:center}.tab-btn.active[data-v-f63d2c7d]{color:#fff;background:var(--accent);box-shadow:0 2px 8px #0000001a}.tab-btn[data-v-f63d2c7d]:hover:not(.active){color:var(--primary-text);background:var(--hover)}.tab-content[data-v-f63d2c7d]{padding:20px 0}.qrcode-container[data-v-f63d2c7d]{display:flex;gap:30px}.switch-container[data-v-f63d2c7d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.switch[data-v-f63d2c7d]{position:relative;display:inline-block;width:46px;height:24px}.switch input[data-v-f63d2c7d]{opacity:0;width:0;height:0}.slider[data-v-f63d2c7d]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider[data-v-f63d2c7d]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider[data-v-f63d2c7d]{background-color:#4caf50}input:checked+.slider[data-v-f63d2c7d]:before{transform:translate(22px)}.slider.round[data-v-f63d2c7d]{border-radius:24px}.slider.round[data-v-f63d2c7d]:before{border-radius:50%}.form-control-group[data-v-f63d2c7d]{margin-bottom:15px}.input-wrapper[data-v-f63d2c7d]{position:relative;width:100%}.text-input[data-v-f63d2c7d]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;transition:all .3s;background-color:var(--input-bg);color:var(--primary-text);box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.text-input[data-v-f63d2c7d]:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5033}.text-input[data-v-f63d2c7d]::placeholder{color:var(--secondary-text)}.color-picker-container[data-v-f63d2c7d]{display:flex;align-items:center;gap:10px}.color-input[data-v-f63d2c7d]{width:40px;height:30px;padding:0;border:none;background:none;cursor:pointer}.color-value[data-v-f63d2c7d]{font-size:14px;color:var(--secondary-text);font-family:monospace}.qrcode-form[data-v-f63d2c7d]{flex:1;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:15px}.form-group[data-v-f63d2c7d]{display:flex;flex-direction:column;gap:8px}.form-group.half[data-v-f63d2c7d]{flex:1}.form-row[data-v-f63d2c7d]{display:flex;gap:15px}.form-group label[data-v-f63d2c7d]{font-weight:500;color:var(--secondary-text)}textarea[data-v-f63d2c7d],select[data-v-f63d2c7d]{padding:10px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--primary-text);width:100%;font-family:inherit}textarea[data-v-f63d2c7d]{min-height:80px;resize:vertical;box-sizing:border-box}.range-container[data-v-f63d2c7d]{display:flex;align-items:center;gap:10px}.range-container input[data-v-f63d2c7d]{flex:1}.range-value[data-v-f63d2c7d]{min-width:50px;text-align:right;font-family:monospace}.color-picker[data-v-f63d2c7d]{display:flex;align-items:center;gap:10px}.color-picker input[data-v-f63d2c7d]{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer}.color-value[data-v-f63d2c7d]{font-family:monospace}.action-buttons[data-v-f63d2c7d]{display:flex;gap:10px;margin-top:10px}.primary-btn[data-v-f63d2c7d],.secondary-btn[data-v-f63d2c7d]{padding:12px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-btn[data-v-f63d2c7d]{background:var(--accent);color:#fff;flex:1}.primary-btn[data-v-f63d2c7d]:hover:not(:disabled){background:var(--accent-hover)}.secondary-btn[data-v-f63d2c7d]{background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border)}.secondary-btn[data-v-f63d2c7d]:hover:not(:disabled){background:var(--hover)}.secondary-btn.success[data-v-f63d2c7d]{background:#10b981;color:#fff;border-color:#10b981}.primary-btn[data-v-f63d2c7d]:disabled,.secondary-btn[data-v-f63d2c7d]:disabled{opacity:.5;cursor:not-allowed}.qrcode-preview[data-v-f63d2c7d]{flex:1;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center}.qrcode-preview h3[data-v-f63d2c7d]{margin-top:0;margin-bottom:20px;font-weight:600;color:var(--secondary-text);align-self:flex-start}.qrcode-generated[data-v-f63d2c7d]{display:flex;justify-content:center;align-items:center;background:transparent;border-radius:8px;box-shadow:0 2px 10px #0000001a}.qrcode-placeholder[data-v-f63d2c7d]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;border:2px dashed var(--border);border-radius:8px;color:var(--secondary-text);text-align:center}.qrcode-placeholder svg[data-v-f63d2c7d]{margin-bottom:10px;opacity:.6}.file-input-container[data-v-f63d2c7d]{display:flex;flex-direction:column;gap:10px}.file-input[data-v-f63d2c7d]{display:none}.file-button[data-v-f63d2c7d]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease}.file-button[data-v-f63d2c7d]:hover{background:var(--hover)}.file-name[data-v-f63d2c7d]{font-size:14px;color:var(--secondary-text);word-break:break-all}.image-preview[data-v-f63d2c7d]{width:100%;max-height:300px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:8px}.image-preview img[data-v-f63d2c7d]{max-width:100%;max-height:300px;object-fit:contain}.result-container[data-v-f63d2c7d]{position:relative}.result-container textarea[data-v-f63d2c7d]{width:100%;min-height:80px;padding-right:40px}.copy-btn[data-v-f63d2c7d]{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s ease}.copy-btn[data-v-f63d2c7d]:hover{background:var(--hover)}.error-message[data-v-f63d2c7d]{color:var(--danger);font-size:14px;margin-top:-5px}.paste-zone[data-v-f63d2c7d]{border:2px dashed var(--border);border-radius:8px;padding:20px;margin:15px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s ease;background:var(--tile-bg);min-height:100px;outline:none}.paste-zone[data-v-f63d2c7d]:hover,.paste-zone[data-v-f63d2c7d]:focus,.paste-hover[data-v-f63d2c7d]{border-color:var(--accent);background:var(--hover)}.paste-zone svg[data-v-f63d2c7d]{color:var(--secondary-text);opacity:.7}.paste-text[data-v-f63d2c7d]{color:var(--secondary-text);font-size:14px;text-align:center}.logo-upload-section[data-v-f63d2c7d]{margin:15px 0}.logo-upload-area[data-v-f63d2c7d]{margin-bottom:15px}.logo-upload-zone[data-v-f63d2c7d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed var(--border);border-radius:8px;background:var(--tile-bg);cursor:pointer;transition:all .2s ease;min-height:120px}.logo-upload-zone[data-v-f63d2c7d]:hover{border-color:var(--accent);background:var(--hover)}.upload-icon[data-v-f63d2c7d]{margin-bottom:10px;color:var(--secondary-text);opacity:.7}.upload-text[data-v-f63d2c7d]{text-align:center}.upload-title[data-v-f63d2c7d]{font-weight:500;color:var(--primary-text);margin-bottom:4px}.upload-hint[data-v-f63d2c7d]{font-size:12px;color:var(--secondary-text)}.logo-preview-section[data-v-f63d2c7d]{margin-bottom:15px}.logo-preview-card[data-v-f63d2c7d]{display:flex;align-items:center;gap:12px;padding:12px;background:var(--tile-bg);border:1px solid var(--border);border-radius:8px}.logo-preview-image[data-v-f63d2c7d]{width:48px;height:48px;border-radius:6px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.logo-preview-image img[data-v-f63d2c7d]{width:100%;height:100%;object-fit:cover}.logo-info[data-v-f63d2c7d]{flex:1;min-width:0}.logo-name[data-v-f63d2c7d]{font-weight:500;color:var(--primary-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-specs[data-v-f63d2c7d]{font-size:12px;color:var(--secondary-text)}.logo-actions[data-v-f63d2c7d]{display:flex;gap:6px}.logo-action-btn[data-v-f63d2c7d]{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500}.logo-replace-btn[data-v-f63d2c7d]{background:var(--tile-bg);color:var(--primary-text)}.logo-replace-btn[data-v-f63d2c7d]:hover{background:var(--hover)}.logo-remove-btn[data-v-f63d2c7d]{background:var(--tile-bg);color:var(--danger, #dc3545)}.logo-remove-btn[data-v-f63d2c7d]:hover{background:var(--hover)}.logo-size-setting[data-v-f63d2c7d],.logo-corner-setting[data-v-f63d2c7d],.logo-border-setting[data-v-f63d2c7d]{margin-top:15px}.logo-size-setting label[data-v-f63d2c7d],.logo-corner-setting label[data-v-f63d2c7d],.logo-border-setting label[data-v-f63d2c7d]{display:block;margin-bottom:5px;font-weight:500;color:var(--secondary-text)}@media (max-width: 768px){.qrcode-container[data-v-f63d2c7d],.form-row[data-v-f63d2c7d]{flex-direction:column}}.alipay-audio-page[data-v-f1d268df]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-f1d268df]{max-width:1200px;margin:0 auto}.header[data-v-f1d268df]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-f1d268df]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-f1d268df]:hover{background:var(--hover)}.header h1[data-v-f1d268df]{margin:0;font-size:24px;font-weight:600}.main-content[data-v-f1d268df]{display:flex;gap:30px}.audio-panel[data-v-f1d268df]{flex:1;display:flex;flex-direction:column;gap:20px}.audio-form[data-v-f1d268df]{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:20px}.form-group[data-v-f1d268df]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label[data-v-f1d268df]{font-weight:500;color:var(--secondary-text)}.input-wrapper[data-v-f1d268df]{position:relative;display:flex;align-items:center}.currency-symbol[data-v-f1d268df]{position:absolute;left:12px;font-size:18px;font-weight:500;color:var(--primary-text)}.input-wrapper input[data-v-f1d268df]{width:100%;padding:12px 12px 12px 30px;font-size:18px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--primary-text)}.error-message[data-v-f1d268df]{color:var(--danger);font-size:14px}.play-mode-selector[data-v-f1d268df]{margin-top:16px}.play-mode-selector label[data-v-f1d268df]{display:block;margin-bottom:8px;font-weight:500;color:var(--secondary-text)}.mode-buttons[data-v-f1d268df]{display:flex;gap:10px}.mode-btn[data-v-f1d268df]{flex:1;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--tile-bg);color:var(--primary-text);cursor:pointer;transition:all .2s ease}.mode-btn.active[data-v-f1d268df]{background:var(--accent);color:#fff;border-color:var(--accent)}.mode-btn[data-v-f1d268df]:hover:not(.active){background:var(--hover)}.mode-settings[data-v-f1d268df],.loop-settings[data-v-f1d268df]{margin-top:16px;padding:16px;background:var(--tile-bg);border-radius:8px;border:1px solid var(--border)}.loop-settings h4[data-v-f1d268df]{margin-top:0;margin-bottom:16px;font-size:16px;color:var(--secondary-text);font-weight:500}.setting-row[data-v-f1d268df]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.setting-row[data-v-f1d268df]:last-child{border-bottom:none}.sub-settings[data-v-f1d268df]{padding-left:20px;background-color:#00000008}.setting-row label[data-v-f1d268df]{flex:1;font-size:14px;color:var(--secondary-text)}.setting-input[data-v-f1d268df]{width:120px}.setting-input input[type=number][data-v-f1d268df]{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--primary-text);font-size:14px;box-sizing:border-box}.mode-selector[data-v-f1d268df]{display:flex;gap:10px}.mode-option[data-v-f1d268df]{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:4px;border:1px solid var(--border);cursor:pointer;transition:all .2s ease;font-size:14px}.mode-option.active[data-v-f1d268df]{background-color:var(--accent);color:#fff;border-color:var(--accent)}.mode-option[data-v-f1d268df]:hover:not(.active){background-color:var(--hover)}.mode-option input[type=radio][data-v-f1d268df]{margin:0 4px 0 0}.range-inputs[data-v-f1d268df]{display:flex;align-items:center;gap:8px}.range-input[data-v-f1d268df]{width:80px;padding:8px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--primary-text);font-size:14px;text-align:center}.range-separator[data-v-f1d268df]{font-size:16px;font-weight:700;color:var(--secondary-text)}.loop-status[data-v-f1d268df]{margin-top:16px;padding:10px;font-size:14px;color:#fff;background-color:var(--accent);border-radius:6px;text-align:center;font-weight:500}.action-buttons[data-v-f1d268df]{display:flex;gap:10px;margin-top:20px}.primary-btn[data-v-f1d268df]{flex:1;padding:12px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-btn[data-v-f1d268df]:hover:not(:disabled){background:var(--accent-hover)}.primary-btn[data-v-f1d268df]:disabled{opacity:.6;cursor:not-allowed}.stop-btn[data-v-f1d268df]{flex:1;padding:12px;border-radius:8px;border:none;background:var(--danger);color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.stop-btn[data-v-f1d268df]:hover{background:var(--danger-hover)}.history-panel[data-v-f1d268df]{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:20px}.history-header[data-v-f1d268df]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.history-header h3[data-v-f1d268df]{margin:0;font-size:18px;font-weight:600;color:var(--secondary-text)}.clear-btn[data-v-f1d268df]{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:0}.clear-btn[data-v-f1d268df]:hover{text-decoration:underline}.history-list[data-v-f1d268df]{list-style:none;padding:0;margin:0}.history-list li[data-v-f1d268df]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:6px;transition:all .2s ease}.history-list li[data-v-f1d268df]:hover{background:var(--hover)}.history-amount[data-v-f1d268df]{font-size:16px;font-weight:500}.history-time[data-v-f1d268df]{font-size:14px;color:var(--secondary-text)}.info-panel[data-v-f1d268df]{flex:1;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:20px}.info-panel h3[data-v-f1d268df]{margin-top:0;margin-bottom:15px;font-size:18px;font-weight:600;color:var(--secondary-text)}.info-panel p[data-v-f1d268df]{margin-bottom:20px;line-height:1.6}.usage-guide h4[data-v-f1d268df]{margin-top:0;margin-bottom:10px;font-size:16px;font-weight:500}.usage-guide ol[data-v-f1d268df]{padding-left:20px;margin:0}.usage-guide li[data-v-f1d268df]{margin-bottom:8px;line-height:1.5}.toggle-switch[data-v-f1d268df]{position:relative;width:50px;height:24px}.toggle-switch input[type=checkbox][data-v-f1d268df]{opacity:0;width:0;height:0}.toggle-switch label[data-v-f1d268df]{position:absolute;top:0;left:0;width:50px;height:24px;border-radius:34px;background-color:var(--border);cursor:pointer;transition:.3s}.toggle-switch label[data-v-f1d268df]:after{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;border-radius:50%;background-color:#fff;transition:.3s}.toggle-switch input:checked+label[data-v-f1d268df]{background-color:var(--accent)}.toggle-switch input:checked+label[data-v-f1d268df]:after{transform:translate(26px)}.toggle-switch input:disabled+label[data-v-f1d268df]{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.main-content[data-v-f1d268df]{flex-direction:column}}.m3u8-download-page[data-v-bd0a92a5]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-bd0a92a5]{max-width:1200px;margin:0 auto}.header[data-v-bd0a92a5]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-bd0a92a5]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);border:1px solid var(--border);color:var(--primary-text);padding:8px 16px;border-radius:8px;cursor:pointer;margin-right:20px;font-size:14px;transition:all .2s ease}.back-btn[data-v-bd0a92a5]:hover{background:var(--hover)}.page-title[data-v-bd0a92a5]{font-size:24px;font-weight:600;margin:0;color:var(--primary-text)}.main-content[data-v-bd0a92a5]{width:100%;padding:0}.action-tip[data-v-bd0a92a5]{margin:20px auto;font-size:28px;text-align:center;font-weight:700;color:var(--primary-text)}.test-url[data-v-bd0a92a5]{padding:10px 0;width:100%;color:var(--secondary-text);text-align:left;font-style:italic;word-break:break-all;font-size:14px}.input-container[data-v-bd0a92a5]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.url-input[data-v-bd0a92a5]{flex:1;min-width:280px;padding:16px;font-size:18px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--input-text);outline:none}.url-input[data-v-bd0a92a5]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.range-input[data-v-bd0a92a5]{width:100px;padding:16px 12px;font-size:18px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--input-text);outline:none;text-align:center}.range-input[data-v-bd0a92a5]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.action-btn[data-v-bd0a92a5]{padding:16px 24px;font-size:18px;border-radius:8px;border:1px solid var(--border);background:var(--tile-bg);color:var(--primary-text);cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn[data-v-bd0a92a5]:hover{background:var(--hover)}.action-btn.primary[data-v-bd0a92a5]{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn.primary[data-v-bd0a92a5]:hover{background:var(--accent-hover)}.action-btn.disabled[data-v-bd0a92a5]{background:var(--tile-bg);color:var(--secondary-text);cursor:not-allowed;opacity:.6}.stream-download[data-v-bd0a92a5]{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.stream-btn[data-v-bd0a92a5]{padding:12px 20px;font-size:16px;border-radius:8px;border:none;background:#0acd76;color:#fff;cursor:pointer;transition:all .2s ease}.stream-btn[data-v-bd0a92a5]:hover{opacity:.9}.cross-btn[data-v-bd0a92a5]{width:100%;padding:12px 20px;font-size:16px;border-radius:8px;border:1px solid var(--border);background:var(--accent);color:#fff;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.cross-btn[data-v-bd0a92a5]:hover{background:var(--accent-hover)}.download-status[data-v-bd0a92a5]{margin-top:20px;padding:20px;background:var(--panel-bg);border-radius:12px;border:1px solid var(--border)}.status-controls[data-v-bd0a92a5]{display:flex;justify-content:flex-end;margin-bottom:15px}.force-btn[data-v-bd0a92a5]{padding:8px 16px;font-size:14px;border-radius:6px;border:1px solid var(--border);background:var(--accent);color:#fff;cursor:pointer;transition:all .2s ease}.force-btn[data-v-bd0a92a5]:hover{background:var(--accent-hover)}.progress-info[data-v-bd0a92a5]{font-size:16px;color:var(--primary-text);margin-bottom:10px}.error-tip[data-v-bd0a92a5]{font-size:14px;color:var(--secondary-text);margin-bottom:20px}.error-tip.error[data-v-bd0a92a5]{color:var(--danger)}.segment-list[data-v-bd0a92a5]{display:flex;flex-wrap:wrap;gap:6px}.segment-item[data-v-bd0a92a5]{display:inline-flex;align-items:center;justify-content:center;width:50px;height:40px;color:#fff;text-align:center;border-radius:6px;cursor:help;border:1px solid var(--border);background:var(--tile-bg);transition:all .2s ease;font-size:14px;font-weight:500}.segment-item.finish[data-v-bd0a92a5]{background:#0acd76}.segment-item.error[data-v-bd0a92a5]{background:#dc5350;cursor:pointer}.segment-item.error[data-v-bd0a92a5]:hover{opacity:.9}.segment-item.downloading[data-v-bd0a92a5]{background:var(--accent);animation:pulse-bd0a92a5 1.5s ease-in-out infinite}@keyframes pulse-bd0a92a5{0%,to{opacity:1}50%{opacity:.7}}.default-tips[data-v-bd0a92a5]{margin-top:40px;padding:40px;background:var(--panel-bg);border-radius:12px;border:1px solid var(--border);text-align:center}.tips-content[data-v-bd0a92a5]{max-width:600px;margin:0 auto}.tips-header[data-v-bd0a92a5]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:700;color:var(--accent);margin-bottom:16px}.tips-description[data-v-bd0a92a5]{color:var(--secondary-text);font-size:16px;line-height:1.6;margin-bottom:32px}.feature-list[data-v-bd0a92a5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;text-align:left}.feature-item[data-v-bd0a92a5]{display:flex;align-items:center;gap:12px;padding:12px;background:var(--tile-bg);border-radius:8px;font-size:14px}.feature-icon[data-v-bd0a92a5]{color:#0acd76;font-weight:700;font-size:16px}@media (max-width: 768px){.main-content[data-v-bd0a92a5]{padding:30px 15px 60px}.action-tip[data-v-bd0a92a5]{font-size:20px}.input-container[data-v-bd0a92a5]{flex-direction:column;align-items:stretch}.url-input[data-v-bd0a92a5]{min-width:auto;font-size:16px}.range-input[data-v-bd0a92a5]{width:auto;font-size:16px}.action-btn[data-v-bd0a92a5]{font-size:16px;padding:14px 20px}.stream-download[data-v-bd0a92a5]{flex-direction:column}.feature-list[data-v-bd0a92a5]{grid-template-columns:1fr}.default-tips[data-v-bd0a92a5]{padding:24px 20px}.tips-header[data-v-bd0a92a5]{font-size:20px}}@media (max-width: 480px){.header[data-v-bd0a92a5]{padding:15px}.page-title[data-v-bd0a92a5]{font-size:18px}.back-btn[data-v-bd0a92a5]{font-size:13px;padding:6px 12px}.segment-item[data-v-bd0a92a5]{width:40px;height:32px;font-size:12px}}.math-generator[data-v-9f1ed3e9]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-9f1ed3e9]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.header[data-v-9f1ed3e9]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-9f1ed3e9]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-9f1ed3e9]:hover{background:var(--hover)}.header h1[data-v-9f1ed3e9]{margin:0;font-size:24px;font-weight:600}h1[data-v-9f1ed3e9]{margin:0;color:var(--primary-text)}h2[data-v-9f1ed3e9]{margin-top:0;margin-bottom:15px;color:var(--primary-text)}.card[data-v-9f1ed3e9]{background-color:var(--card-bg);border-radius:10px;padding:20px;box-shadow:var(--card-shadow);border:1px solid var(--border)}.form-group[data-v-9f1ed3e9]{margin-bottom:15px}label[data-v-9f1ed3e9]{display:block;margin-bottom:5px;color:var(--primary-text);font-weight:500}input[type=number][data-v-9f1ed3e9]{width:80px;padding:8px;border:1px solid var(--border);border-radius:5px;background-color:var(--input-bg);color:var(--primary-text)}.checkbox-group[data-v-9f1ed3e9]{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.checkbox-label[data-v-9f1ed3e9]{display:flex;align-items:center;gap:5px;cursor:pointer}.range-inputs[data-v-9f1ed3e9]{display:flex;gap:20px;margin-top:8px}.range-input[data-v-9f1ed3e9]{display:flex;flex-direction:column;gap:5px}.decimal-places[data-v-9f1ed3e9]{margin-top:10px;margin-left:25px;display:flex;align-items:center;gap:10px}.button-group[data-v-9f1ed3e9]{display:flex;gap:10px;margin-top:20px}.primary-button[data-v-9f1ed3e9],.secondary-button[data-v-9f1ed3e9],.action-button[data-v-9f1ed3e9]{padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:500;transition:all .2s ease}.primary-button[data-v-9f1ed3e9]{background-color:var(--accent);color:#fff;border:none}.primary-button[data-v-9f1ed3e9]:hover{background-color:var(--accent-hover)}.secondary-button[data-v-9f1ed3e9]{background-color:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border)}.secondary-button[data-v-9f1ed3e9]:hover{background-color:var(--hover)}.error-message[data-v-9f1ed3e9]{color:var(--danger);margin-top:10px;font-size:14px}.results-card[data-v-9f1ed3e9]{margin-top:20px}.results-header[data-v-9f1ed3e9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.results-actions[data-v-9f1ed3e9]{display:flex;gap:10px}.action-button[data-v-9f1ed3e9]{background-color:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);font-size:14px}.action-button[data-v-9f1ed3e9]:hover{background-color:var(--hover)}.problems-grid[data-v-9f1ed3e9]{display:grid;gap:15px}.problem-item[data-v-9f1ed3e9]{display:flex;align-items:center;padding:10px;border:1px solid var(--border);border-radius:5px;background-color:var(--tile-bg)}.problem-number[data-v-9f1ed3e9]{margin-right:10px;font-weight:700;color:var(--accent)}.problem-content[data-v-9f1ed3e9]{font-family:monospace;font-size:16px;color:var(--primary-text)}.problem-answer[data-v-9f1ed3e9]{font-weight:700;color:var(--accent)}@media (max-width: 768px){.problems-grid[data-v-9f1ed3e9]{grid-template-columns:1fr}.results-header[data-v-9f1ed3e9]{flex-direction:column;align-items:flex-start;gap:10px}.checkbox-group[data-v-9f1ed3e9],.range-inputs[data-v-9f1ed3e9]{flex-direction:column;gap:10px}}.regex-tester-page[data-v-381b5fa7]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-381b5fa7]{max-width:1200px;margin:0 auto}.header[data-v-381b5fa7]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-381b5fa7]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-381b5fa7]:hover{background-color:var(--hover)}.header h1[data-v-381b5fa7]{margin:0;font-size:24px;font-weight:600}.main-content[data-v-381b5fa7]{width:100%}.tool-container[data-v-381b5fa7]{background-color:var(--panel-bg);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column;gap:20px;padding:20px}.regex-input-section[data-v-381b5fa7]{display:flex;flex-direction:column;gap:16px}.regex-pattern-container[data-v-381b5fa7]{display:flex;flex-direction:column;gap:8px}.regex-pattern-container label[data-v-381b5fa7]{font-weight:500}.pattern-input-wrapper[data-v-381b5fa7]{display:flex;align-items:center;background-color:var(--input-bg);border:1px solid var(--border);border-radius:6px}.pattern-delimiter[data-v-381b5fa7]{padding:0 10px;font-size:18px;color:var(--accent);font-weight:700;overflow:hidden}.regex-pattern-input[data-v-381b5fa7]{flex:1;padding:10px 0;border:none;background-color:transparent;color:var(--input-text);font-family:monospace;font-size:16px}.regex-pattern-input[data-v-381b5fa7]:focus{outline:none}.flags-container[data-v-381b5fa7]{position:relative;padding:0 10px;border-left:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.flags-display[data-v-381b5fa7]{display:flex;align-items:center;gap:6px;padding:10px 0}.flags-text[data-v-381b5fa7]{font-family:monospace;font-size:14px}.dropdown-icon[data-v-381b5fa7]{font-size:10px;color:var(--secondary-text);transition:transform .2s ease}.dropdown-open[data-v-381b5fa7]{transform:rotate(180deg)}.flags-dropdown[data-v-381b5fa7]{position:absolute;top:calc(100% + 5px);right:0;width:240px;background-color:var(--panel-bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;padding:8px 0;margin-top:0;display:block}.flag-label[data-v-381b5fa7]{display:flex;align-items:center;padding:8px 12px;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.flag-label[data-v-381b5fa7]:hover{background-color:var(--hover)}.flag-text[data-v-381b5fa7]{font-family:monospace;font-size:14px;font-weight:600;width:16px}.flag-description[data-v-381b5fa7]{font-size:13px;color:var(--secondary-text)}.regex-error[data-v-381b5fa7]{color:#ef4444;font-size:14px;margin-top:8px}.button-group[data-v-381b5fa7]{display:flex;justify-content:flex-end;gap:12px}.clear-btn[data-v-381b5fa7],.test-btn[data-v-381b5fa7]{padding:10px 20px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.test-btn[data-v-381b5fa7]{background-color:var(--accent);color:#fff;border:none}.test-btn[data-v-381b5fa7]:hover{background-color:var(--accent-hover)}.clear-btn[data-v-381b5fa7]{background-color:transparent;color:var(--primary-text);border:1px solid var(--border)}.clear-btn[data-v-381b5fa7]:hover{background-color:var(--hover)}.test-string-section[data-v-381b5fa7]{display:flex;flex-direction:column;gap:8px}.test-string-section label[data-v-381b5fa7]{font-weight:500}.test-string-input[data-v-381b5fa7]{width:100%;min-height:120px;padding:12px;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-family:monospace;font-size:14px;line-height:1.5;resize:vertical;box-sizing:border-box}.test-string-input[data-v-381b5fa7]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.results-section[data-v-381b5fa7]{display:grid;grid-template-columns:1fr 2fr;gap:20px}.explanation-container[data-v-381b5fa7],.match-results-container[data-v-381b5fa7]{background-color:var(--tile-bg);border:1px solid var(--border);border-radius:8px;padding:16px}.explanation-container h3[data-v-381b5fa7],.match-results-container h3[data-v-381b5fa7]{margin-top:0;margin-bottom:16px;font-size:16px;font-weight:600}.explanation-content[data-v-381b5fa7]{font-size:14px;line-height:1.6}[data-v-381b5fa7] .explanation-list{padding-left:20px;margin:0}[data-v-381b5fa7] .explanation-list li{margin-bottom:8px}[data-v-381b5fa7] .flag{display:inline-block;padding:2px 6px;background-color:var(--accent);color:#fff;border-radius:4px;font-family:monospace;font-size:12px;margin-right:4px}.match-count[data-v-381b5fa7]{margin-bottom:16px;font-size:14px}.highlighted-text[data-v-381b5fa7]{padding:12px;background-color:var(--input-bg);border:1px solid var(--border);border-radius:6px;font-family:monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;margin-bottom:20px;max-height:200px;overflow-y:auto}[data-v-381b5fa7] .match-highlight{background-color:#ffd70080;border:1px solid rgba(255,165,0,.7);border-radius:2px;padding:0 2px;margin:0 -2px;color:#000;font-weight:700}.matches-list[data-v-381b5fa7]{display:flex;flex-direction:column;gap:12px}.match-item[data-v-381b5fa7]{border:1px solid var(--border);border-radius:6px;overflow:hidden}.match-header[data-v-381b5fa7]{background-color:var(--accent);color:#fff;padding:8px 12px;font-weight:500}.match-details[data-v-381b5fa7]{padding:12px;background-color:var(--input-bg)}.match-row[data-v-381b5fa7]{display:flex;margin-bottom:8px;font-size:14px;line-height:1.5}.match-label[data-v-381b5fa7]{width:100px;font-weight:500;flex-shrink:0}.match-value[data-v-381b5fa7]{font-family:monospace;word-break:break-all}.groups-header[data-v-381b5fa7]{margin-top:8px;font-weight:600}.group-item[data-v-381b5fa7]{padding-left:16px}@media (max-width: 768px){.results-section[data-v-381b5fa7]{grid-template-columns:1fr}.flags-container[data-v-381b5fa7]{flex-wrap:wrap;padding:8px}}.mock-page[data-v-50e6fc0a]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-50e6fc0a]{max-width:1200px;margin:0 auto}.header[data-v-50e6fc0a]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-50e6fc0a]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-50e6fc0a]:hover{background:var(--hover)}.header h1[data-v-50e6fc0a]{margin:0;font-size:24px;font-weight:600}.mock-container[data-v-50e6fc0a]{display:flex;flex-direction:column;gap:20px}.config-section[data-v-50e6fc0a]{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:20px}.config-controls[data-v-50e6fc0a]{display:flex;align-items:flex-end;gap:20px}.form-group[data-v-50e6fc0a]{display:flex;flex-direction:column;gap:8px;flex:1}.form-group label[data-v-50e6fc0a]{font-weight:500;color:var(--secondary-text)}select[data-v-50e6fc0a]{padding:10px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--primary-text);font-family:inherit}.action-buttons[data-v-50e6fc0a]{display:flex;gap:10px}.primary-btn[data-v-50e6fc0a],.secondary-btn[data-v-50e6fc0a]{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.primary-btn[data-v-50e6fc0a]{background:var(--accent);color:#fff}.primary-btn[data-v-50e6fc0a]:hover{background:var(--accent-hover)}.secondary-btn[data-v-50e6fc0a]{background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border)}.secondary-btn[data-v-50e6fc0a]:hover{background:var(--hover)}.secondary-btn.success[data-v-50e6fc0a]{background:#10b981;color:#fff;border-color:#10b981}.data-section[data-v-50e6fc0a]{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:20px}.data-list[data-v-50e6fc0a]{display:flex;flex-direction:column;gap:8px}.data-item[data-v-50e6fc0a]{background:var(--tile-bg);border:1px solid var(--border);border-radius:6px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}.data-info[data-v-50e6fc0a]{flex:1;display:flex;align-items:center;gap:12px}.data-label[data-v-50e6fc0a]{font-weight:500;color:var(--secondary-text);font-size:14px;min-width:80px;flex-shrink:0}.data-value[data-v-50e6fc0a]{color:var(--primary-text);font-family:monospace;font-size:14px;word-break:break-all;flex:1}.data-actions[data-v-50e6fc0a]{display:flex;gap:6px;flex-shrink:0}.action-btn[data-v-50e6fc0a]{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:4px;border:1px solid var(--border);background:var(--tile-bg);color:var(--secondary-text);cursor:pointer;transition:all .2s ease;font-size:12px;white-space:nowrap}.action-btn[data-v-50e6fc0a]:hover{background:var(--hover);color:var(--primary-text)}.action-btn.success[data-v-50e6fc0a]{background:#10b981;color:#fff;border-color:#10b981}@media (max-width: 768px){.config-controls[data-v-50e6fc0a]{flex-direction:column;align-items:stretch;gap:16px}.action-buttons[data-v-50e6fc0a]{width:100%}.primary-btn[data-v-50e6fc0a],.secondary-btn[data-v-50e6fc0a]{flex:1}.data-item[data-v-50e6fc0a]{flex-direction:column;align-items:stretch;gap:8px;min-height:auto}.data-info[data-v-50e6fc0a]{flex-direction:column;align-items:stretch;gap:4px}.data-label[data-v-50e6fc0a]{min-width:auto}.data-actions[data-v-50e6fc0a]{justify-content:center}.action-btn[data-v-50e6fc0a]{flex:1;justify-content:center}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
Theme: GitHub
Description: Light theme as seen on github.com
Author: github.com
Maintainer: @Hirse
Updated: 2021-05-15
Outdated base version: https://github.com/primer/github-syntax-light
Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.markdown-editor-page[data-v-c5cd71a2]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-c5cd71a2]{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 40px)}.header[data-v-c5cd71a2]{display:flex;align-items:center;padding:16px 20px;background:var(--panel-bg);border-bottom:1px solid var(--border);gap:16px;border-radius:12px 12px 0 0}.back-btn[data-v-c5cd71a2]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .2s ease}.back-btn[data-v-c5cd71a2]:hover{background:var(--hover)}.header h1[data-v-c5cd71a2]{margin:0;font-size:20px;font-weight:600;flex:1}.header-actions[data-v-c5cd71a2]{display:flex;gap:8px}.action-btn[data-v-c5cd71a2]{display:flex;align-items:center;gap:6px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px;transition:all .2s ease}.action-btn[data-v-c5cd71a2]:hover{background:var(--hover);transform:translateY(-1px)}.editor-container[data-v-c5cd71a2]{display:flex;flex:1;overflow:hidden;border-radius:0 0 12px 12px}.editor-panel[data-v-c5cd71a2],.preview-panel[data-v-c5cd71a2]{flex:1;display:flex;flex-direction:column;min-width:0}.editor-panel[data-v-c5cd71a2]{border-right:1px solid var(--border)}.panel-header[data-v-c5cd71a2]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 20px;background:var(--panel-bg);border-bottom:1px solid var(--border);font-weight:600;font-size:14px;color:var(--primary-text)}.panel-header-left[data-v-c5cd71a2]{display:flex;align-items:center;gap:8px}.panel-actions[data-v-c5cd71a2]{display:flex;align-items:center;gap:4px}.panel-action-btn[data-v-c5cd71a2]{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary-text);padding:6px;border-radius:4px;cursor:pointer;transition:all .2s ease}.panel-action-btn[data-v-c5cd71a2]:hover{background:var(--hover);color:var(--accent)}.markdown-input[data-v-c5cd71a2]{flex:1;border:none;background:#fff;color:var(--primary-text);font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;padding:20px;resize:none;outline:none}.markdown-input[data-v-c5cd71a2]::placeholder{color:var(--secondary-text)}.markdown-preview[data-v-c5cd71a2]{flex:1;padding:20px;overflow-y:auto;background:#fff;line-height:1.8}.markdown-preview[data-v-c5cd71a2] h1{font-size:2em;margin:.67em 0;padding-bottom:.3em;border-bottom:1px solid var(--border)}.markdown-preview[data-v-c5cd71a2] h2{font-size:1.5em;margin:.75em 0;padding-bottom:.3em;border-bottom:1px solid var(--border)}.markdown-preview[data-v-c5cd71a2] h3{font-size:1.25em;margin:.83em 0}.markdown-preview[data-v-c5cd71a2] h4,.markdown-preview[data-v-c5cd71a2] h5,.markdown-preview[data-v-c5cd71a2] h6,.markdown-preview[data-v-c5cd71a2] p{margin:1em 0}.markdown-preview[data-v-c5cd71a2] ul,.markdown-preview[data-v-c5cd71a2] ol{padding-left:2em;margin:1em 0}.markdown-preview[data-v-c5cd71a2] li{margin:.5em 0}.markdown-preview[data-v-c5cd71a2] code{background:var(--tile-bg);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}.markdown-preview[data-v-c5cd71a2] pre{background:var(--tile-bg);padding:16px;border-radius:8px;overflow-x:auto;margin:1em 0}.markdown-preview[data-v-c5cd71a2] pre code{background:none;padding:0;font-size:.9em;line-height:1.5}.markdown-preview[data-v-c5cd71a2] blockquote{border-left:4px solid var(--accent);padding-left:16px;margin:1em 0;color:var(--secondary-text)}.markdown-preview[data-v-c5cd71a2] table{border-collapse:collapse;width:100%;margin:1em 0}.markdown-preview[data-v-c5cd71a2] th,.markdown-preview[data-v-c5cd71a2] td{border:1px solid var(--border);padding:8px 12px;text-align:left}.markdown-preview[data-v-c5cd71a2] th{background:var(--tile-bg);font-weight:600}.markdown-preview[data-v-c5cd71a2] hr{border:none;border-top:1px solid var(--border);margin:2em 0}.markdown-preview[data-v-c5cd71a2] a{color:var(--accent);text-decoration:none}.markdown-preview[data-v-c5cd71a2] a:hover{text-decoration:underline}.markdown-preview[data-v-c5cd71a2] img{max-width:100%;height:auto;border-radius:8px;margin:1em 0}.fullscreen-modal[data-v-c5cd71a2]{position:fixed;inset:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn-c5cd71a2 .2s ease}@keyframes fadeIn-c5cd71a2{0%{opacity:0}to{opacity:1}}.fullscreen-content[data-v-c5cd71a2]{background:var(--body-bg);border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp-c5cd71a2 .3s ease}@keyframes slideUp-c5cd71a2{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fullscreen-header[data-v-c5cd71a2]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--panel-bg)}.fullscreen-header h2[data-v-c5cd71a2]{margin:0;font-size:20px;font-weight:600;color:var(--primary-text)}.fullscreen-actions[data-v-c5cd71a2]{display:flex;align-items:center;gap:8px}.fullscreen-action-btn[data-v-c5cd71a2]{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary-text);padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.fullscreen-action-btn[data-v-c5cd71a2]:hover{background:var(--hover);color:var(--accent)}.close-fullscreen-btn[data-v-c5cd71a2]{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary-text);padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.close-fullscreen-btn[data-v-c5cd71a2]:hover{background:var(--hover);color:#ef4444}.fullscreen-preview[data-v-c5cd71a2]{flex:1;overflow-y:auto;padding:32px 40px;background:var(--body-bg)}.fullscreen-preview[data-v-c5cd71a2]::-webkit-scrollbar{width:8px}.fullscreen-preview[data-v-c5cd71a2]::-webkit-scrollbar-track{background:var(--panel-bg)}.fullscreen-preview[data-v-c5cd71a2]::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.fullscreen-preview[data-v-c5cd71a2]::-webkit-scrollbar-thumb:hover{background:var(--accent)}.copy-toast[data-v-c5cd71a2]{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:10000}.fade-enter-active[data-v-c5cd71a2],.fade-leave-active[data-v-c5cd71a2]{transition:opacity .3s ease}.fade-enter-from[data-v-c5cd71a2],.fade-leave-to[data-v-c5cd71a2]{opacity:0}@media (max-width: 768px){.markdown-editor-page[data-v-c5cd71a2]{padding:10px}.container[data-v-c5cd71a2]{height:calc(100vh - 20px)}.editor-container[data-v-c5cd71a2]{flex-direction:column}.editor-panel[data-v-c5cd71a2]{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.header-actions span[data-v-c5cd71a2]{display:none}.action-btn[data-v-c5cd71a2]{padding:8px}.fullscreen-modal[data-v-c5cd71a2]{padding:0}.fullscreen-content[data-v-c5cd71a2]{border-radius:0;max-height:100vh;max-width:100%}.fullscreen-header[data-v-c5cd71a2]{padding:16px}.fullscreen-header h2[data-v-c5cd71a2]{font-size:18px}.fullscreen-preview[data-v-c5cd71a2]{padding:20px 16px}.panel-actions[data-v-c5cd71a2]{gap:2px}.panel-action-btn[data-v-c5cd71a2]{padding:4px}.fullscreen-actions[data-v-c5cd71a2]{gap:4px}.fullscreen-action-btn[data-v-c5cd71a2]{padding:6px}}.color-palette-page[data-v-3a80b349]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-3a80b349]{max-width:1400px;margin:0 auto}.header[data-v-3a80b349]{display:flex;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.back-btn[data-v-3a80b349]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .2s ease}.back-btn[data-v-3a80b349]:hover{background:var(--hover)}.header h1[data-v-3a80b349]{margin:0;font-size:24px;font-weight:600;flex:1}.controls-group[data-v-3a80b349]{display:flex;gap:15px;flex-wrap:wrap}.scheme-selector[data-v-3a80b349]{display:flex;align-items:center;gap:10px;flex:1}.scheme-selector label[data-v-3a80b349]{font-size:14px;font-weight:500;white-space:nowrap}.scheme-selector select[data-v-3a80b349]{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--tile-bg);color:var(--primary-text);font-size:14px;cursor:pointer;transition:all .2s ease;flex:1;min-width:300px}.scheme-selector select[data-v-3a80b349]:hover{background:var(--hover)}.random-btn[data-v-3a80b349]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.random-btn[data-v-3a80b349]:hover{opacity:.9;transform:translateY(-1px)}.main-content[data-v-3a80b349]{display:flex;flex-direction:column;gap:30px}.color-wheel-section[data-v-3a80b349]{display:flex;flex-direction:column;align-items:center;gap:30px;background:var(--panel-bg);border:1px solid var(--border);border-radius:16px;padding:40px;box-shadow:var(--card-shadow)}.wheel-container[data-v-3a80b349]{position:relative;width:360px;height:360px}.color-wheel[data-v-3a80b349]{border-radius:50%;box-shadow:0 4px 20px #0003}.color-point[data-v-3a80b349]{position:absolute;width:32px;height:32px;border-radius:50%;border:3px solid white;box-shadow:0 2px 10px #0000004d;transform:translate(-50%,-50%);cursor:grab;transition:transform .1s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.color-point[data-v-3a80b349]:hover{transform:translate(-50%,-50%) scale(1.1)}.color-point[data-v-3a80b349]:active{cursor:grabbing}.point-label[data-v-3a80b349]{font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-count-slider[data-v-3a80b349]{width:100%;max-width:400px}.slider-header[data-v-3a80b349]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.slider-label[data-v-3a80b349]{font-size:14px;font-weight:500;color:var(--primary-text)}.slider-value[data-v-3a80b349]{font-size:18px;font-weight:600;color:var(--accent);min-width:30px;text-align:center;background:var(--tile-bg);padding:4px 12px;border-radius:6px;border:1px solid var(--border)}.slider-container[data-v-3a80b349]{position:relative}.slider[data-v-3a80b349]{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,var(--tile-bg),var(--accent));outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.slider[data-v-3a80b349]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s ease}.slider[data-v-3a80b349]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 12px #0000004d}.slider[data-v-3a80b349]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 2px 8px #0003;transition:all .2s ease}.slider[data-v-3a80b349]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 12px #0000004d}.slider-marks[data-v-3a80b349]{display:flex;justify-content:space-between;margin-top:8px;padding:0 12px}.mark[data-v-3a80b349]{font-size:12px;color:var(--secondary-text);font-weight:500;-webkit-user-select:none;user-select:none}.colors-info[data-v-3a80b349]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.color-card[data-v-3a80b349]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .2s ease}.color-card[data-v-3a80b349]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.color-preview[data-v-3a80b349]{height:120px;display:flex;align-items:center;justify-content:center;position:relative;padding:12px}.color-preview-header[data-v-3a80b349]{display:flex;flex-direction:column;align-items:center;gap:8px}.color-number[data-v-3a80b349]{font-size:36px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.color-label[data-v-3a80b349]{font-size:13px;font-weight:600;color:#fff;background:#00000040;padding:4px 12px;border-radius:12px;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.color-values[data-v-3a80b349]{padding:16px;display:flex;flex-direction:column;gap:10px}.value-row[data-v-3a80b349]{display:flex;align-items:center;gap:8px;padding:8px;background:var(--tile-bg);border-radius:6px;cursor:pointer;transition:background .2s ease;font-size:13px}.value-row[data-v-3a80b349]:hover{background:var(--hover)}.value-row:hover .copy-icon[data-v-3a80b349]{opacity:1}.value-label[data-v-3a80b349]{font-weight:600;color:var(--secondary-text);min-width:45px}.value-content[data-v-3a80b349]{flex:1;font-family:Courier New,monospace;font-size:12px}.copy-icon[data-v-3a80b349]{opacity:0;transition:opacity .2s ease;flex-shrink:0}@media (max-width: 768px){.header[data-v-3a80b349]{flex-direction:column;align-items:flex-start}.header h1[data-v-3a80b349]{width:100%}.controls-group[data-v-3a80b349]{width:100%;flex-direction:column}.scheme-selector[data-v-3a80b349]{width:100%;justify-content:space-between}.scheme-selector select[data-v-3a80b349]{flex:1;min-width:auto}.color-wheel-section[data-v-3a80b349]{padding:20px;gap:20px}.wheel-container[data-v-3a80b349],.color-wheel[data-v-3a80b349]{width:320px;height:320px}.color-count-slider[data-v-3a80b349]{max-width:320px}.colors-info[data-v-3a80b349]{grid-template-columns:1fr}}.fingerprint-page[data-v-a30a284a]{min-height:100vh;background:radial-gradient(120% 120% at 50% 0%,#1f2140,#090b1a);color:#f9fbff;position:relative;overflow:hidden}.orbit[data-v-a30a284a]{position:absolute;top:-200px;left:50%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(66,118,255,.25),transparent 70%);filter:blur(20px);transform:translate(-50%);animation:pulse-a30a284a 6s ease-in-out infinite}.orbit.second[data-v-a30a284a]{top:auto;bottom:-200px;width:800px;height:800px;background:radial-gradient(circle,rgba(255,96,146,.25),transparent 70%);animation-delay:2s}@keyframes pulse-a30a284a{0%,to{transform:translate(-50%) scale(.9)}50%{transform:translate(-50%) scale(1.05)}}.page-container[data-v-a30a284a]{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:40px 20px 60px}.page-header[data-v-a30a284a]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.back-btn[data-v-a30a284a],.reset-btn[data-v-a30a284a]{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:inherit;border-radius:999px;padding:10px 20px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.back-btn[data-v-a30a284a]:hover,.reset-btn[data-v-a30a284a]:hover{background:#ffffff2e;transform:translateY(-1px)}.reset-btn[data-v-a30a284a]{font-weight:600}.eyebrow[data-v-a30a284a]{text-transform:uppercase;letter-spacing:.2em;font-size:12px;opacity:.7;margin:0 0 6px}h1[data-v-a30a284a]{margin:0;font-size:32px}.content[data-v-a30a284a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.lock-card[data-v-a30a284a]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 25px 70px #05081459}.pattern-wrap[data-v-a30a284a]{display:flex;flex-direction:column;gap:18px;margin-top:10px}.time-block[data-v-a30a284a]{text-align:center;margin-bottom:24px}.time[data-v-a30a284a]{font-size:72px;font-weight:600;letter-spacing:-.04em}.date[data-v-a30a284a]{opacity:.7;font-size:16px}.fingerprint-area[data-v-a30a284a]{margin:0 auto 20px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff40,#141838cc);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;position:relative;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.15);transition:transform .2s ease,border-color .2s ease;touch-action:none;outline:none;-webkit-tap-highlight-color:transparent}.fingerprint-area[data-v-a30a284a]:after{content:"";position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(255,255,255,.25);animation:spin-a30a284a 10s linear infinite;pointer-events:none}.fingerprint-area.pressing[data-v-a30a284a]{transform:scale(.98);border-color:#60a8ffcc}.fingerprint-area.unlocked[data-v-a30a284a]{border-color:#7fffa4e6;box-shadow:0 0 25px #60ffc459}.fingerprint-icon[data-v-a30a284a]{width:90px;height:120px;background-image:radial-gradient(circle at 30% 30%,#fff6,#fff0);-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:glow-a30a284a 3s ease-in-out infinite}.fingerprint-area p[data-v-a30a284a]{margin:0;font-size:14px;letter-spacing:.1em;text-transform:uppercase}.feedback[data-v-a30a284a]{text-align:center;font-size:14px;opacity:.8;min-height:24px}.feedback.attention[data-v-a30a284a]{color:#ffad61}.feedback.success[data-v-a30a284a]{color:#73ffad}.pattern-header h2[data-v-a30a284a]{margin:0;font-size:20px}.pattern-header p[data-v-a30a284a]{margin:6px 0 20px;opacity:.75;font-size:14px}.pattern-grid[data-v-a30a284a]{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:20px;border-radius:24px;background:#090b1a80;border:1px solid rgba(255,255,255,.08);touch-action:none;position:relative}.pattern-node[data-v-a30a284a]{aspect-ratio:1;border-radius:20px;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:20px;position:relative;transition:all .15s ease}.pattern-node[data-v-a30a284a]:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#ffffff40;transition:background .15s ease,transform .15s ease}.pattern-node.active[data-v-a30a284a]{border-color:#6cb6ffe6;box-shadow:0 0 20px #4093ff66}.pattern-node.active[data-v-a30a284a]:after{background:#6cb6ff;transform:scale(1.6)}.pattern-node.unlocked[data-v-a30a284a]{border-color:#73ffade6}.pattern-status[data-v-a30a284a]{min-height:24px;margin-top:16px;font-size:14px;color:#fffc}.pattern-status.success[data-v-a30a284a]{color:#73ffad}.pattern-status.error[data-v-a30a284a]{color:#ff7b7b}.link-btn[data-v-a30a284a]{align-self:center;background:none;border:none;color:#6cb6ff;cursor:pointer;font-weight:600;text-decoration:underline;margin-top:4px}.pattern-overlay[data-v-a30a284a]{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.pattern-overlay svg[data-v-a30a284a]{width:100%;height:100%}.pattern-line[data-v-a30a284a]{fill:none;stroke:#6cb6ffcc;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.pattern-line.active[data-v-a30a284a]{stroke:#ffc77de6;stroke-dasharray:10 6}@keyframes glow-a30a284a{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@keyframes spin-a30a284a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.page-header[data-v-a30a284a]{flex-direction:column;align-items:flex-start}.fingerprint-area[data-v-a30a284a]{width:180px;height:180px}.time[data-v-a30a284a]{font-size:56px}}.shake-page[data-v-a73eebfe]{min-height:100vh;background:linear-gradient(135deg,#070c27,#141a3a);color:#f5f7ff;position:relative;overflow:hidden}.glimmer[data-v-a73eebfe]{position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(60px);opacity:.4}.glimmer-1[data-v-a73eebfe]{top:-120px;left:-60px;background:#ff6ea359}.glimmer-2[data-v-a73eebfe]{bottom:-140px;right:-60px;background:#4084ff4d}.glimmer-3[data-v-a73eebfe]{top:30%;left:50%;transform:translate(-50%);width:280px;height:280px;background:#6cffd640}.shake-container[data-v-a73eebfe]{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:40px 20px 80px}.page-header[data-v-a73eebfe]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.back-btn[data-v-a73eebfe]{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:24px;color:inherit;padding:10px 18px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .2s ease}.back-btn[data-v-a73eebfe]:hover{background:#ffffff2e}.title-group h1[data-v-a73eebfe]{margin:4px 0 0;font-size:30px}.eyebrow[data-v-a73eebfe]{margin:0;letter-spacing:.3em;text-transform:uppercase;font-size:12px;opacity:.7}.main-grid[data-v-a73eebfe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}section[data-v-a73eebfe]{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:26px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px #05091e66}.status-row[data-v-a73eebfe]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.status-dot[data-v-a73eebfe]{width:10px;height:10px;border-radius:50%;background:#fff6;animation:pulse-a73eebfe 2s infinite}.status-dot.active[data-v-a73eebfe]{background:#78ffd2;animation-duration:.8s}.status-text[data-v-a73eebfe]{font-size:14px;opacity:.85}.visual-box[data-v-a73eebfe]{margin:0 auto;width:240px;height:240px;border-radius:30px;background:#02041299;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.visual-box.shaking[data-v-a73eebfe]{animation:wiggle-a73eebfe .8s ease-out}.rattle[data-v-a73eebfe]{display:flex;flex-direction:column;align-items:center;gap:6px}.rattle-head[data-v-a73eebfe]{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffeec2,#ff9ad2);position:relative;box-shadow:0 10px 30px #ff89c066}.rattle-stick[data-v-a73eebfe]{width:14px;height:60px;background:linear-gradient(180deg,#ffcf74,#f28a3d);border-radius:12px}.rattle-handle[data-v-a73eebfe]{width:46px;height:46px;border-radius:50% 50% 48% 48%;background:linear-gradient(145deg,#ff9d4c,#ff5c73);box-shadow:inset 0 4px 8px #ffffff4d}.spark[data-v-a73eebfe]{position:absolute;width:8px;height:40px;background:#ffffff59;border-radius:999px}.spark-1[data-v-a73eebfe]{top:20px;left:16px;transform:rotate(-20deg)}.spark-2[data-v-a73eebfe]{top:10px;right:18px;transform:rotate(30deg)}.spark-3[data-v-a73eebfe]{bottom:12px;left:50%;transform:translate(-50%)}.dice-pile[data-v-a73eebfe]{display:grid;place-items:center;gap:12px;transform-style:preserve-3d}.dice[data-v-a73eebfe]{width:96px;height:96px;border-radius:16px;background:linear-gradient(145deg,#fefefe,#dfe3ff);box-shadow:0 10px 30px #00000047;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:14px;gap:6px}.dice span[data-v-a73eebfe]{display:block;width:14px;height:14px;border-radius:50%;background:#1d2250;margin:auto}.dice-b[data-v-a73eebfe]{width:78px;height:78px;transform:rotate(20deg)}.hint[data-v-a73eebfe]{text-align:center;margin-top:16px;font-size:13px;opacity:.65}.field[data-v-a73eebfe]{margin-bottom:20px}.field label[data-v-a73eebfe]{display:block;margin-bottom:10px;font-weight:600}.segmented[data-v-a73eebfe]{display:grid;grid-template-columns:repeat(2,1fr);background:#ffffff14;border-radius:16px;padding:4px;gap:4px}.segmented.multi[data-v-a73eebfe]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.segmented button[data-v-a73eebfe]{border:none;background:transparent;color:inherit;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:600;opacity:.75;transition:background .2s ease,opacity .2s ease}.segmented button.active[data-v-a73eebfe]{background:#ffffffe6;color:#191c3a;opacity:1}.slider-hint[data-v-a73eebfe]{margin-top:6px;font-size:12px;opacity:.65}.slider-header[data-v-a73eebfe]{display:flex;justify-content:space-between;font-size:13px;opacity:.8}input[type=range][data-v-a73eebfe]{width:100%;margin-top:12px}.actions[data-v-a73eebfe]{display:flex;flex-wrap:wrap;gap:12px}.primary[data-v-a73eebfe],.outline[data-v-a73eebfe]{flex:1;min-width:120px;border-radius:16px;padding:12px 18px;border:none;cursor:pointer;font-weight:600;transition:transform .2s ease}.primary[data-v-a73eebfe]{background:linear-gradient(120deg,#ff9a4c,#ff5d94);color:#fff}.outline[data-v-a73eebfe]{background:transparent;border:1px solid rgba(255,255,255,.4);color:inherit}.primary[data-v-a73eebfe]:hover,.outline[data-v-a73eebfe]:hover{transform:translateY(-1px)}.warning[data-v-a73eebfe]{font-size:13px;color:#ffd480;margin-top:6px}.materials-card h3[data-v-a73eebfe]{margin-top:0;margin-bottom:10px}.material-note[data-v-a73eebfe]{margin-top:14px;padding:14px;border-radius:16px;background:#ffa46126;border:1px dashed rgba(255,164,97,.6);font-size:14px}@keyframes wiggle-a73eebfe{0%{transform:rotate(0)}15%{transform:rotate(6deg)}30%{transform:rotate(-6deg)}45%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes pulse-a73eebfe{0%{box-shadow:0 0 #78ffd299}70%{box-shadow:0 0 0 8px #78ffd200}to{box-shadow:0 0 #78ffd200}}@media (max-width: 640px){.page-header[data-v-a73eebfe]{flex-direction:column;align-items:flex-start}.visual-box[data-v-a73eebfe]{width:200px;height:200px}}.webrtc-page[data-v-2cea9495]{min-height:100vh;padding:20px;background-color:var(--body-bg);color:var(--primary-text)}.container[data-v-2cea9495]{max-width:800px;margin:0 auto}.header[data-v-2cea9495]{display:flex;align-items:center;margin-bottom:20px}.back-btn[data-v-2cea9495]{display:flex;align-items:center;gap:5px;background:var(--tile-bg);color:var(--primary-text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;margin-right:20px;transition:all .2s ease}.back-btn[data-v-2cea9495]:hover{background:var(--hover)}.header h1[data-v-2cea9495]{margin:0;font-size:20px;font-weight:600}.support-status.unsupported[data-v-2cea9495]{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;margin-bottom:20px;font-size:14px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.main-content[data-v-2cea9495]{display:flex;flex-direction:column;gap:12px}.connection-section[data-v-2cea9495]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.room-card[data-v-2cea9495],.join-card[data-v-2cea9495]{margin-bottom:16px}.room-card[data-v-2cea9495]:last-child,.join-card[data-v-2cea9495]:last-child{margin-bottom:0}.room-card h3[data-v-2cea9495],.join-card h3[data-v-2cea9495]{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--secondary-text)}.room-id-display[data-v-2cea9495]{display:flex;align-items:center;gap:8px}.room-id[data-v-2cea9495]{flex:1;padding:14px 16px;background:var(--tile-bg);border:2px solid var(--accent);border-radius:8px;font-size:28px;font-weight:700;text-align:center;letter-spacing:3px;color:var(--accent)}.copy-btn[data-v-2cea9495],.refresh-btn[data-v-2cea9495]{padding:14px;background:var(--tile-bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--primary-text)}.copy-btn[data-v-2cea9495]:hover,.refresh-btn[data-v-2cea9495]:hover{background:var(--hover)}.create-room-btn[data-v-2cea9495]{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.create-room-btn[data-v-2cea9495]:hover:not(:disabled){opacity:.9}.create-room-btn[data-v-2cea9495]:disabled{opacity:.6;cursor:not-allowed}.hint[data-v-2cea9495]{margin:8px 0 0;font-size:12px;color:var(--secondary-text)}.divider[data-v-2cea9495]{text-align:center;color:var(--secondary-text);margin:12px 0;font-size:13px}.join-input-group[data-v-2cea9495]{display:flex;gap:8px}.join-input-group input[data-v-2cea9495]{flex:1;padding:12px 16px;background:var(--tile-bg);border:1px solid var(--border);border-radius:8px;color:var(--primary-text);font-size:18px;letter-spacing:2px;text-align:center}.connect-btn[data-v-2cea9495]{padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.connect-btn[data-v-2cea9495]:hover:not(:disabled){opacity:.9}.connect-btn[data-v-2cea9495]:disabled{opacity:.6;cursor:not-allowed}.connected-bar[data-v-2cea9495]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--panel-bg);border:1px solid var(--border);border-radius:8px}.bar-actions[data-v-2cea9495]{display:flex;gap:8px}.status-indicator[data-v-2cea9495]{display:flex;align-items:center;gap:8px;font-size:14px}.status-indicator.connected[data-v-2cea9495]{color:#28a745}.status-dot[data-v-2cea9495]{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-2cea9495 2s infinite}@keyframes pulse-2cea9495{0%,to{opacity:1}50%{opacity:.5}}.toggle-panel-btn[data-v-2cea9495]{padding:8px;background:transparent;border:none;border-radius:6px;color:var(--secondary-text);cursor:pointer;transition:all .2s}.toggle-panel-btn[data-v-2cea9495]:hover{background:var(--hover)}.call-interface[data-v-2cea9495]{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.call-interface[data-v-2cea9495]:fullscreen{border-radius:0}.call-header[data-v-2cea9495]{padding:16px;display:flex;align-items:center;justify-content:space-between;background:#0000000d;border-bottom:1px solid var(--border)}.call-duration[data-v-2cea9495]{font-size:18px;font-weight:600;color:var(--primary-text)}.header-actions[data-v-2cea9495]{display:flex;gap:8px}.fullscreen-btn[data-v-2cea9495]{padding:8px;background:transparent;border:none;border-radius:6px;color:var(--secondary-text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.fullscreen-btn[data-v-2cea9495]:hover{background:var(--hover);color:var(--primary-text)}.audio-level-bar-mini[data-v-2cea9495]{width:100%;height:6px;background:var(--panel-bg);border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.audio-level-bar-mini .audio-level-fill[data-v-2cea9495]{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6);transition:width .1s ease-out;border-radius:3px}.video-container[data-v-2cea9495]{position:relative;background:#000;width:100%;max-height:70vh;aspect-ratio:16/9;overflow:hidden;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.remote-video-display-element[data-v-2cea9495]{position:absolute;background:#000;pointer-events:none;display:none}.remote-video-display-element[data-visible=true][data-v-2cea9495]{display:block}.remote-video-display-element.is-main[data-v-2cea9495]{inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.remote-video-display-element.is-pip[data-v-2cea9495]{width:220px;height:160px;inset:auto 16px 16px auto;border-radius:12px;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 20px #00000080;z-index:10;cursor:pointer;pointer-events:auto;transition:transform .2s ease,border-color .2s ease}.remote-video-display-element.is-pip[data-v-2cea9495]:hover{transform:scale(1.05);border-color:var(--primary)}.video-container.video-fullscreen[data-v-2cea9495]{position:fixed;inset:0;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:9999;border-radius:0;aspect-ratio:unset;cursor:pointer}.video-fullscreen-btn[data-v-2cea9495]{position:absolute;top:16px;right:16px;z-index:100;padding:10px;background:#0009;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-fullscreen-btn[data-v-2cea9495]:hover{background:#000c;transform:scale(1.1)}.video-layer[data-v-2cea9495]{position:absolute;inset:0}.video-layer.pip-layer[data-v-2cea9495]{width:220px;height:160px;inset:auto 16px 16px auto;border-radius:12px;overflow:hidden;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 20px #00000080;cursor:pointer;transition:transform .2s ease,border-color .2s ease;z-index:10}.video-layer.pip-layer[data-v-2cea9495]:hover{transform:scale(1.05);border-color:var(--primary)}.video-layer.main-layer[data-v-2cea9495]{z-index:1}.video-element[data-v-2cea9495]{width:100%;height:100%;object-fit:contain;background:#000}.video-layer.pip-layer .video-element[data-v-2cea9495]{object-fit:cover}.video-label[data-v-2cea9495]{position:absolute;top:12px;left:12px;background:#0000008c;color:#fff;font-size:12px;padding:4px 10px;border-radius:999px}.pip-hint[data-v-2cea9495]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000a6;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .3s}.video-layer.pip-layer:hover .pip-hint[data-v-2cea9495]{opacity:1}.video-fullscreen .video-layer.pip-layer[data-v-2cea9495]{width:280px;height:180px;inset:auto 24px 24px auto;border:2px solid rgba(255,255,255,.3)}.video-fullscreen .video-label[data-v-2cea9495]{display:none}.video-fullscreen .pip-hint[data-v-2cea9495]{opacity:0}.video-fullscreen .video-layer.pip-layer:hover .pip-hint[data-v-2cea9495]{opacity:1}.audio-call-display[data-v-2cea9495]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,var(--panel-bg) 0%,var(--tile-bg) 100%);min-height:300px}.audio-icon[data-v-2cea9495]{margin-bottom:20px;color:var(--accent);animation:pulse-icon-2cea9495 2s ease-in-out infinite}@keyframes pulse-icon-2cea9495{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.audio-call-text[data-v-2cea9495]{font-size:16px;color:var(--secondary-text);margin:0}.call-controls[data-v-2cea9495]{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;padding:24px;position:relative;transition:opacity .3s ease}.call-duration-display[data-v-2cea9495]{font-size:16px;font-weight:600;color:var(--text-color);background:var(--tile-bg);padding:8px 16px;border-radius:20px;min-width:80px;text-align:center;border:1px solid var(--border-color)}.call-controls-row[data-v-2cea9495]{display:flex;gap:20px;justify-content:center;align-items:center}.video-fullscreen~.call-controls[data-v-2cea9495],.call-interface:has(.video-fullscreen) .call-controls[data-v-2cea9495]{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:10000;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:16px 32px}.video-fullscreen~.call-controls .call-duration-display[data-v-2cea9495],.call-interface:has(.video-fullscreen) .call-controls .call-duration-display[data-v-2cea9495]{color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.control-btn-wrapper[data-v-2cea9495]{position:relative;display:flex;flex-direction:column;align-items:center}.device-menu[data-v-2cea9495]{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0003;min-width:250px;max-width:350px;max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;z-index:1000;animation:slideUp-2cea9495 .2s ease-out;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.device-menu[data-v-2cea9495]::-webkit-scrollbar{width:6px}.device-menu[data-v-2cea9495]::-webkit-scrollbar-track{background:transparent}.device-menu[data-v-2cea9495]::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.device-menu[data-v-2cea9495]::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes slideUp-2cea9495{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.device-menu-item[data-v-2cea9495]{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border)}.device-menu-item[data-v-2cea9495]:last-child{border-bottom:none}.device-menu-item[data-v-2cea9495]:hover{background:var(--hover)}.device-menu-item.disabled[data-v-2cea9495]{color:var(--secondary-text);cursor:not-allowed}.device-menu-item.disabled[data-v-2cea9495]:hover{background:transparent}.check-icon[data-v-2cea9495]{color:var(--accent);font-weight:700;font-size:18px}.device-menu-footer[data-v-2cea9495]{padding:12px 16px;border-top:1px solid var(--border);background:var(--tile-bg)}.control-btn[data-v-2cea9495]{width:64px;height:64px;border-radius:50%;border:none;background:var(--tile-bg);color:var(--primary-text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;padding:0}.control-btn svg[data-v-2cea9495]{width:28px;height:28px}.control-btn[data-v-2cea9495]:hover{background:var(--hover);transform:scale(1.05)}.control-btn.muted[data-v-2cea9495]{background:#6c757d;color:#fff}.end-call-btn[data-v-2cea9495]{background:#dc3545!important;color:#fff!important}.end-call-btn[data-v-2cea9495]:hover{background:#c82333!important}.chat-interface[data-v-2cea9495]{display:flex;flex-direction:column;height:calc(100vh - 180px);background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.chat-messages[data-v-2cea9495]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message[data-v-2cea9495]{display:flex;flex-direction:column}.message.sent[data-v-2cea9495]{align-items:flex-end}.message.received[data-v-2cea9495]{align-items:flex-start}.message.system[data-v-2cea9495]{align-items:center}.message-bubble[data-v-2cea9495]{max-width:70%;padding:10px 14px;border-radius:12px;position:relative}.message.sent .message-bubble[data-v-2cea9495]{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.message.received .message-bubble[data-v-2cea9495]{background:var(--hover);color:var(--primary-text);border-bottom-left-radius:4px}.message-content[data-v-2cea9495]{word-wrap:break-word;line-height:1.4}.message-time[data-v-2cea9495]{font-size:11px;margin-top:4px;opacity:.7}.message.sent .message-time[data-v-2cea9495]{text-align:right}.file-message[data-v-2cea9495]{display:flex;align-items:center;gap:12px;padding:12px 16px!important}.file-info[data-v-2cea9495]{flex:1;min-width:0}.file-name[data-v-2cea9495]{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-2cea9495]{font-size:12px;opacity:.7;margin-top:2px}.file-request-message[data-v-2cea9495]{min-width:280px;max-width:85%;padding:16px!important}.file-request-header[data-v-2cea9495]{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.file-request-header svg[data-v-2cea9495]{flex-shrink:0;color:var(--accent)}.file-request-info[data-v-2cea9495]{flex:1;min-width:0}.file-request-title[data-v-2cea9495]{font-size:13px;color:var(--secondary-text);margin-bottom:6px}.file-request-info .file-name[data-v-2cea9495]{font-size:15px;font-weight:600;margin-bottom:4px;word-break:break-all}.file-request-info .file-size[data-v-2cea9495]{font-size:13px;opacity:.7}.file-request-actions[data-v-2cea9495]{display:flex;gap:8px;margin-top:12px}.reject-file-btn[data-v-2cea9495],.accept-file-btn[data-v-2cea9495]{flex:1;padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.reject-file-btn[data-v-2cea9495]{background:#f8f9fa;color:#6c757d}.reject-file-btn[data-v-2cea9495]:hover{background:#e9ecef}.accept-file-btn[data-v-2cea9495]{background:var(--accent);color:#fff}.accept-file-btn[data-v-2cea9495]:hover{opacity:.9}.system-message[data-v-2cea9495],.call-record[data-v-2cea9495]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000000d;border-radius:16px;font-size:13px;color:var(--secondary-text)}.call-time[data-v-2cea9495]{font-size:11px;opacity:.7}.upload-progress[data-v-2cea9495],.download-progress[data-v-2cea9495]{padding:12px 16px;background:var(--tile-bg);border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.download-progress[data-v-2cea9495]{background:#e3f2fd}.download-progress .progress-fill[data-v-2cea9495]{background:#2196f3}.upload-progress.processing[data-v-2cea9495]{background:#fff3e0}.upload-progress.processing .progress-fill[data-v-2cea9495]{background:#ff9800}.download-progress.processing[data-v-2cea9495]{background:#f3e5f5}.download-progress.processing .progress-fill[data-v-2cea9495]{background:#9c27b0}.remote-status[data-v-2cea9495]{padding:12px 16px;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;gap:12px;background:#e3f2fd;border:1px solid #90caf9}.remote-status.preparing .progress-fill[data-v-2cea9495]{background:#2196f3}.remote-status.sending[data-v-2cea9495]{background:#e8f5e9;border:1px solid #81c784}.remote-status .progress-text[data-v-2cea9495]{color:#1976d2;font-weight:500}.remote-status.sending .progress-text[data-v-2cea9495]{color:#388e3c}.progress-info[data-v-2cea9495]{flex:1;display:flex;flex-direction:column;gap:6px}.progress-bar[data-v-2cea9495]{width:100%;height:6px;background:var(--hover);border-radius:3px;overflow:hidden}.progress-fill[data-v-2cea9495]{height:100%;background:var(--accent);transition:width .3s}.progress-details[data-v-2cea9495]{display:flex;justify-content:space-between;align-items:center}.progress-text[data-v-2cea9495]{font-size:12px;color:var(--secondary-text);white-space:nowrap}.progress-speed[data-v-2cea9495]{font-size:12px;color:var(--accent);font-weight:600;white-space:nowrap}.cancel-transfer-btn[data-v-2cea9495]{padding:8px;background:#ff5252;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cancel-transfer-btn[data-v-2cea9495]:hover{background:#ff1744;transform:scale(1.05)}.chat-input-area[data-v-2cea9495]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--tile-bg)}.action-btn[data-v-2cea9495]{width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:var(--secondary-text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.action-btn svg[data-v-2cea9495]{width:28px;height:28px}.action-btn[data-v-2cea9495]:hover:not(:disabled){background:var(--hover);color:var(--primary-text)}.action-btn[data-v-2cea9495]:disabled{opacity:.5;cursor:not-allowed}.message-input[data-v-2cea9495]{flex:1;padding:10px 14px;background:var(--panel-bg);border:1px solid var(--border);border-radius:20px;color:var(--primary-text);font-size:14px}.message-input[data-v-2cea9495]:focus{outline:none;border-color:var(--accent)}.send-btn[data-v-2cea9495]{height:40px;padding:0 20px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;font-weight:500;white-space:nowrap}.send-btn svg[data-v-2cea9495]{display:none}.send-btn[data-v-2cea9495]:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.send-btn[data-v-2cea9495]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-2cea9495]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.incoming-call-modal[data-v-2cea9495]{background:var(--panel-bg);border-radius:16px;padding:32px;max-width:360px;width:90%;text-align:center;box-shadow:0 8px 32px #0000004d}.modal-icon[data-v-2cea9495]{margin-bottom:20px;color:var(--accent);animation:ring-2cea9495 1s ease-in-out infinite}@keyframes ring-2cea9495{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.incoming-call-modal h3[data-v-2cea9495]{margin:0 0 8px;font-size:20px;font-weight:600}.incoming-call-modal p[data-v-2cea9495]{margin:0 0 24px;color:var(--secondary-text);font-size:14px}.modal-actions[data-v-2cea9495]{display:flex;gap:12px;justify-content:center}.reject-btn[data-v-2cea9495],.accept-btn[data-v-2cea9495]{flex:1;padding:12px 24px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.reject-btn[data-v-2cea9495]{background:#dc3545;color:#fff}.reject-btn[data-v-2cea9495]:hover{background:#c82333}.accept-btn[data-v-2cea9495]{background:#28a745;color:#fff}.accept-btn[data-v-2cea9495]:hover{background:#218838}@media (max-width: 768px){.container[data-v-2cea9495]{max-width:100%;padding:0}.webrtc-page[data-v-2cea9495]{padding:12px}.header h1[data-v-2cea9495]{font-size:18px}.room-id[data-v-2cea9495]{font-size:24px;letter-spacing:2px}.message-bubble[data-v-2cea9495]{max-width:85%}.local-video[data-v-2cea9495]{width:90px;height:68px;bottom:12px;right:12px}.chat-input-area[data-v-2cea9495]{padding:8px 12px;gap:6px}.action-btn[data-v-2cea9495]{width:36px;height:36px}.action-btn svg[data-v-2cea9495]{width:24px;height:24px}.send-btn[data-v-2cea9495]{height:36px;padding:0 16px;font-size:14px}.message-input[data-v-2cea9495]{padding:8px 12px;font-size:14px}.video-container[data-v-2cea9495]{max-height:60vh;border-radius:8px}.call-controls[data-v-2cea9495]{padding:16px;gap:12px}.call-controls-row[data-v-2cea9495]{gap:12px}.control-btn[data-v-2cea9495]{width:54px;height:54px}.control-btn svg[data-v-2cea9495]{width:24px;height:24px}.call-duration-display[data-v-2cea9495]{font-size:14px;padding:6px 12px}}