@charset "UTF-8";.base64-tool-page[data-v-e539fb31]{min-height:calc(100vh - 200px);padding:3rem 0}.page-header[data-v-e539fb31]{align-items:center;background-color:#161b22;border:1px solid #30363d;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:3rem;margin-top:4rem;padding:2rem}@media(max-width:768px){.page-header[data-v-e539fb31]{margin-top:3rem}}.header-icon[data-v-e539fb31]{align-items:center;background:linear-gradient(135deg,#58a6ff,#d2a8ff);border-radius:.75rem;color:#fff;display:flex;height:64px;justify-content:center;width:64px}.header-text[data-v-e539fb31]{flex:1}.page-title[data-v-e539fb31]{color:#e6edf3;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.page-description[data-v-e539fb31]{color:#8b949e;font-size:1rem}.mode-switch[data-v-e539fb31]{background-color:#161b22;border:1px solid #30363d;border-radius:.5rem;display:flex;gap:.5rem;margin-bottom:2rem;padding:.25rem}.mode-btn[data-v-e539fb31]{align-items:center;background-color:transparent;border:none;border-radius:.375rem;color:#8b949e;cursor:pointer;display:flex;flex:1;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1rem;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.mode-btn[data-v-e539fb31]:hover{background-color:#30363d;color:#e6edf3}.mode-btn.active[data-v-e539fb31]{background-color:#58a6ff;color:#fff;font-weight:500}.converter-section[data-v-e539fb31]{margin-bottom:2rem}.converter-panel[data-v-e539fb31]{background-color:#161b22;border:1px solid #30363d;border-radius:.5rem;margin-bottom:1.5rem;overflow:hidden}.panel-header[data-v-e539fb31]{align-items:center;background-color:#21262d;border-bottom:1px solid #30363d;color:#8b949e;display:flex;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;gap:.5rem;padding:1rem}.panel-stats[data-v-e539fb31]{color:#656d76}.copy-btn[data-v-e539fb31],.panel-stats[data-v-e539fb31]{font-size:.75rem;margin-left:auto}.copy-btn[data-v-e539fb31]{align-items:center;background-color:#30363d;border:1px solid #30363d;border-radius:.25rem;color:#8b949e;cursor:pointer;display:flex;gap:.25rem;padding:.25rem .5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.copy-btn[data-v-e539fb31]:hover{background-color:#58a6ff;border-color:#58a6ff;color:#fff}.text-input[data-v-e539fb31],.text-output[data-v-e539fb31]{background-color:#0d1117;border:none;color:#e6edf3;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.75;min-height:200px;outline:none;padding:1rem;resize:vertical;width:100%}.text-input[data-v-e539fb31]::-moz-placeholder,.text-output[data-v-e539fb31]::-moz-placeholder{color:#656d76}.text-input[data-v-e539fb31]::placeholder,.text-output[data-v-e539fb31]::placeholder{color:#656d76}.text-input.has-error[data-v-e539fb31],.text-output.has-error[data-v-e539fb31]{border-left:3px solid #da3633}.text-output[data-v-e539fb31]{background-color:#30363d}.error-hint[data-v-e539fb31]{align-items:center;background-color:#da36331a;color:#da3633;display:flex;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.arrow-icon[data-v-e539fb31]{color:#656d76;display:flex;justify-content:center;margin:1rem 0}.quick-actions[data-v-e539fb31]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.usage-guide[data-v-e539fb31]{background-color:#161b22;border:1px solid #30363d;border-radius:.5rem;padding:2rem}.guide-title[data-v-e539fb31]{align-items:center;color:#e6edf3;display:flex;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.guide-content ul[data-v-e539fb31]{list-style:none;margin:0;padding:0}.guide-content ul li[data-v-e539fb31]{color:#8b949e;font-size:.875rem;line-height:1.75;padding:.5rem 0}.guide-content ul li[data-v-e539fb31]:before{color:#ff7b72;content:"›";margin-right:.5rem}.guide-content ul li strong[data-v-e539fb31]{color:#e6edf3}
