.base64-page{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.base64-heading{max-width:720px;margin-bottom:30px}.base64-eyebrow{font-size:.72rem;letter-spacing:.14em;color:var(--accent);font-weight:700}.base64-heading h1{margin:.45rem 0 .6rem}.base64-heading p{color:var(--muted);font-size:1.05rem}.base64-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.base64-card{padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-decoration:none;color:inherit}.base64-card:hover{border-color:var(--accent)}.base64-card h2{font-size:1.05rem;margin:0 0 8px}.base64-card p{color:var(--muted);min-height:48px}.base64-card span{color:var(--accent);font-weight:700}.base64-back{display:inline-block;margin-bottom:28px;color:var(--accent)}.base64-workspace{max-width:850px;display:grid;gap:10px}.base64-workspace textarea{width:100%;min-height:180px;resize:vertical;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:inherit;font:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.base64-actions{display:flex;gap:10px;margin:4px 0 12px}.base64-error{color:#c0392b}.base64-info{margin-top:32px;padding:20px;border-radius:12px;background:var(--surface-alt,var(--surface));color:var(--muted)}@media (max-width:600px){.base64-page{padding:30px 16px 60px}.base64-actions{flex-wrap:wrap}}.base64-workspace input:not([type=checkbox]){min-width:0;max-width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit;font:inherit}.base64-workspace small{color:var(--muted)}.base64-check{display:flex;align-items:flex-start;gap:10px}.base64-media{display:block;max-width:100%;max-height:420px}.base64-workspace li{overflow-wrap:anywhere}.base64-info li{margin:8px 0}.base64-workspace textarea{box-sizing:border-box}.base64-grid+.base64-info{margin-top:36px}.base64-card h3{font-size:1.05rem;margin:0 0 8px}.base64-workspace select{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit;font:inherit;max-width:100%}.base64-info,.base64-heading p{overflow-wrap:anywhere}.base64-page>section+section{margin-top:36px}.base64-workspace input:not([type=checkbox]){box-sizing:border-box;width:100%}.base64-workspace .base64-check input{flex:none}