.base64-tool[data-v-b80c0c9e]{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.page-header[data-v-b80c0c9e]{margin-bottom:28px}.page-header h1[data-v-b80c0c9e]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-b80c0c9e]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.upload-area[data-v-b80c0c9e]{max-width:500px;margin-bottom:20px}.upload-area[data-v-b80c0c9e] .el-upload{width:100%}.upload-area[data-v-b80c0c9e] .el-upload-dragger{background:var(--vt-bg-card);border-color:var(--vt-border);border-radius:var(--vt-radius);padding:16px 20px;transition:background .3s,border-color .3s}.upload-area[data-v-b80c0c9e] .el-upload-dragger:hover{border-color:var(--el-color-primary)}.upload-area[data-v-b80c0c9e] .el-icon--upload{color:var(--vt-text-secondary);margin-bottom:4px;font-size:28px}.upload-area[data-v-b80c0c9e] .el-upload__text{color:var(--vt-text-secondary);font-size:13px;transition:color .3s}.toolbar[data-v-b80c0c9e]{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.editor-grid[data-v-b80c0c9e]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.editor-panel[data-v-b80c0c9e]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:var(--vt-radius);box-shadow:var(--vt-shadow-sm);padding:16px;transition:background .3s,border-color .3s,box-shadow .3s}.panel-label[data-v-b80c0c9e]{color:var(--vt-text);margin-bottom:10px;font-size:13px;font-weight:600;transition:color .3s;display:block}.code-textarea[data-v-b80c0c9e] textarea{color:var(--vt-text);border-color:var(--vt-border);font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.6;transition:background .3s,color .3s,border-color .3s;background:var(--vt-bg-input)!important}.code-textarea[data-v-b80c0c9e] textarea:focus{border-color:var(--el-color-primary)}.code-textarea[data-v-b80c0c9e] .el-textarea__inner{background:var(--vt-bg-input);color:var(--vt-text);border-color:var(--vt-border);transition:background .3s,color .3s,border-color .3s}.code-textarea[data-v-b80c0c9e] .el-textarea__inner:focus{border-color:var(--el-color-primary)}@media (width<=768px){.editor-grid[data-v-b80c0c9e]{grid-template-columns:1fr}.base64-tool[data-v-b80c0c9e]{padding:24px 16px 60px}.page-header h1[data-v-b80c0c9e]{font-size:22px}.upload-area[data-v-b80c0c9e]{max-width:100%}}