.base64-view[data-v-5093494b]{background:#f8fafc;padding:48px 24px 24px}.base64-container[data-v-5093494b]{width:min(960px,100%);margin:0 auto}.base64-hero[data-v-5093494b]{margin-bottom:24px}.base64-hero h1[data-v-5093494b]{color:#0f172a;letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(32px,5vw,48px);font-weight:800}.base64-hero p[data-v-5093494b]{color:#64748b;margin:0;font-size:16px;line-height:1.6}.base64-card[data-v-5093494b]{background:#fff;border:2px solid #cbd5e1;border-radius:24px;overflow:hidden;box-shadow:0 4px 24px #0f172a0f}.base64-card-head[data-v-5093494b]{border-bottom:2px solid #e2e8f0;padding:20px 28px}.base64-tabs[data-v-5093494b]{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.base64-tab[data-v-5093494b]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.base64-tab.active[data-v-5093494b]{color:#0f172a;background:#fff;box-shadow:0 1px 4px #0f172a1a}.base64-tab[data-v-5093494b]:hover:not(.active){color:#334155}.base64-panels[data-v-5093494b]{grid-template-columns:1fr 1fr;gap:20px;padding:24px 28px;display:grid}.base64-panel[data-v-5093494b]{flex-direction:column;gap:10px;display:flex}.base64-panel-label[data-v-5093494b]{color:#475569;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.base64-count[data-v-5093494b]{color:#94a3b8;font-weight:400}.base64-textarea[data-v-5093494b]{color:#0f172a;resize:none;background:#f8fafc;border:2px solid #cbd5e1;border-radius:16px;outline:none;width:100%;padding:16px 18px;font-family:inherit;font-size:14px;line-height:1.7;transition:border-color .2s,box-shadow .2s}.base64-textarea[data-v-5093494b]::placeholder{color:#94a3b8}.base64-textarea[data-v-5093494b]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.base64-panel-actions[data-v-5093494b]{gap:8px;display:flex}.base64-action[data-v-5093494b]{justify-content:center;padding:0 28px 24px;display:flex}.base64-go-btn[data-v-5093494b]{letter-spacing:.01em;background:#0f172a;border-color:#0f172a;border-radius:14px;width:100%;height:52px;font-size:16px;font-weight:700}.base64-go-btn[data-v-5093494b]:hover{background:#1e293b;border-color:#1e293b}.base64-error[data-v-5093494b]{color:#ef4444;text-align:center;margin:0;padding:0 28px 20px;font-size:13px}@media (width<=640px){.base64-panels[data-v-5093494b]{grid-template-columns:1fr;padding:20px}.base64-card-head[data-v-5093494b]{padding:16px 20px}.base64-action[data-v-5093494b]{padding:0 20px 20px}}