.base64-tool{display:grid;gap:16px}.base64-field{display:grid;gap:8px;color:var(--ink);font-weight:800}.base64-textarea{width:100%;min-height:240px;resize:vertical;border:1px solid rgba(0,109,119,.18);border-radius:8px;background:#fbfefe;color:var(--ink);padding:14px;font:.95rem/1.55 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto;overflow-wrap:normal;white-space:pre-wrap}.base64-textarea:focus{outline:none;box-shadow:var(--tool-focus)}.base64-output{background:var(--mist)}.base64-actions{display:flex;flex-wrap:wrap;gap:10px}.base64-actions .button{min-height:44px}.base64-meta{margin:0;border-radius:8px;padding:12px;background:#edf6f9db;color:var(--muted);font-weight:800}.base64-meta.is-valid{background:#83c5be38;color:var(--deep-teal)}.base64-meta.is-invalid{background:var(--peach);color:#613224}@media (max-width: 720px){.base64-textarea{min-height:210px;font-size:.88rem}.base64-actions{display:grid;grid-template-columns:1fr}}