:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}.dp-code-editor{display:block;position:relative;width:100%;height:100%}.dp-code-editor div.icon-pointer{cursor:pointer}.sidebar[data-v-b1b07687]{width:220px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;height:fit-content;position:sticky;top:2rem}.sidebar-title[data-v-b1b07687]{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#333;padding-bottom:.5rem;border-bottom:1px solid #eee}.menu-items[data-v-b1b07687]{display:flex;flex-direction:column;gap:.5rem}.menu-item[data-v-b1b07687]{padding:.5rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#666}.menu-item[data-v-b1b07687]:hover{background-color:#f5f5f5;color:#333}.menu-item.active[data-v-b1b07687]{background-color:#e6f7ff;color:#1890ff;font-weight:500}@media (max-width: 992px){.sidebar[data-v-b1b07687]{width:100%;margin-bottom:1.5rem;position:relative;top:0}}.app-container[data-v-b19d37c9]{max-width:1400px;margin:0 auto;padding:2rem;display:flex;gap:2rem;box-sizing:border-box}.container[data-v-b19d37c9]{flex:1;display:flex;flex-direction:column;gap:2rem}@media (max-width: 992px){.app-container[data-v-b19d37c9]{flex-direction:column}}@media (max-width: 768px){.container[data-v-b19d37c9]{padding:1rem}.compare-container[data-v-b19d37c9]{flex-direction:column}}.section[data-v-b19d37c9]{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.section-title[data-v-b19d37c9]{margin-bottom:1rem;color:#333}.input-group[data-v-b19d37c9],.output-group[data-v-b19d37c9]{margin-bottom:1rem}.input-field[data-v-b19d37c9],.result-field[data-v-b19d37c9]{width:100%;box-sizing:border-box}.code-editor[data-v-b19d37c9]{height:400px;border:1px solid #eee;border-radius:4px}.compare-container[data-v-b19d37c9]{display:flex;gap:1rem;margin-bottom:1rem}.compare-column[data-v-b19d37c9]{flex:1}.compare-input[data-v-b19d37c9]{width:100%;height:300px}.compare-button[data-v-b19d37c9]{margin-bottom:1rem}.diff-result[data-v-b19d37c9]{width:100%}.diff-viewer[data-v-b19d37c9]{border:1px solid #eee;border-radius:4px;overflow:hidden;margin-bottom:1rem}.diff-header[data-v-b19d37c9]{display:flex;background:#f5f5f5;padding:8px 12px;font-weight:700;border-bottom:1px solid #eee}.diff-header-left[data-v-b19d37c9]{flex:1;text-align:center;border-right:1px solid #eee}.diff-header-right[data-v-b19d37c9]{flex:1;text-align:center}.diff-content[data-v-b19d37c9]{display:flex;height:600px;overflow:auto}.diff-line-numbers[data-v-b19d37c9]{width:50px;background:#f5f5f5;border-right:1px solid #eee;padding:8px 0;text-align:right}.line-number[data-v-b19d37c9]{padding:0 8px;line-height:20px;font-family:monospace;color:#999}.diff-left[data-v-b19d37c9],.diff-right[data-v-b19d37c9]{flex:1;padding:8px 0;overflow:visible}.diff-separator[data-v-b19d37c9]{width:5px;background:#f0f0f0;border-left:1px solid #eee;border-right:1px solid #eee}.diff-line[data-v-b19d37c9]{padding:0 12px;line-height:20px;font-family:monospace;white-space:pre}.diff-changed[data-v-b19d37c9]{background-color:#ffdd5733}.diff-char-changed[data-v-b19d37c9]{background-color:#ff572233;border-bottom:1px solid #ff5722}.image-converter-container[data-v-b19d37c9]{display:flex;gap:2rem;margin-bottom:1rem}.image-input-section[data-v-b19d37c9],.image-preview-section[data-v-b19d37c9]{flex:1}.file-input[data-v-b19d37c9]{margin-bottom:1rem;padding:.5rem;width:100%;box-sizing:border-box}.button-group[data-v-b19d37c9]{display:flex;gap:1rem}.convert-button[data-v-b19d37c9],.clear-button[data-v-b19d37c9]{flex:1}.image-preview-container[data-v-b19d37c9]{width:100%;height:200px;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-image[data-v-b19d37c9]{max-width:100%;max-height:100%;object-fit:contain}.no-image-placeholder[data-v-b19d37c9]{color:#999;text-align:center;padding:1rem}.base64-section[data-v-b19d37c9]{margin-top:1rem}.base64-input[data-v-b19d37c9]{width:100%;box-sizing:border-box}@media (max-width: 768px){.image-converter-container[data-v-b19d37c9]{flex-direction:column}}.url-converter-container[data-v-b19d37c9]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.url-input-section[data-v-b19d37c9]{display:flex;flex-direction:column;gap:1rem}.url-buttons[data-v-b19d37c9]{display:flex;gap:1rem}.encode-button[data-v-b19d37c9],.decode-button[data-v-b19d37c9],.clear-url-button[data-v-b19d37c9]{flex:1}.url-results[data-v-b19d37c9]{display:flex;flex-direction:column;gap:1rem}.encoded-url-section[data-v-b19d37c9],.decoded-url-section[data-v-b19d37c9]{display:flex;flex-direction:column;gap:.5rem}.url-result-input[data-v-b19d37c9]{width:100%;box-sizing:border-box}@media (max-width: 768px){.url-buttons[data-v-b19d37c9]{flex-direction:column}}.item[data-v-fd0742eb]{margin-top:2rem;display:flex;position:relative}.details[data-v-fd0742eb]{flex:1;margin-left:1rem}i[data-v-fd0742eb]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-fd0742eb]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-fd0742eb]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-fd0742eb]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-fd0742eb]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:first-of-type:before{display:none}.item[data-v-fd0742eb]:last-of-type:after{display:none}}