.base64-section{width:100%;padding:clamp(1.25rem, 3vw, 2.5rem) var(--page-padding);background:var(--surface-utilities)}.base64-shell{border:1px solid var(--grey-300);background:var(--white);border-radius:1.25rem;width:min(100%,78rem);margin-inline:auto;overflow:hidden;box-shadow:0 1.25rem 3.5rem #03214814}.base64-heading{border-bottom:1px solid var(--grey-200);justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.25rem,2.8vw,2rem);display:flex}.base64-heading h1{margin-bottom:.5rem;font-size:clamp(1.75rem,3vw,2.5rem)}.base64-heading>div>p:last-child{max-width:43rem;color:var(--grey-700);margin:0}.base64-controls{border-bottom:1px solid var(--grey-200);background:var(--grey-100);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:clamp(1.25rem,2.8vw,2rem);display:grid}.base64-choice-group{border:0;min-width:0;margin:0;padding:0}.base64-choice-group legend{margin-bottom:.5rem;padding:0;font-size:.82rem;font-weight:800}.base64-choice-group>div{gap:.45rem;display:flex}.base64-choice-group label{cursor:pointer;flex:1;min-width:0;display:flex;position:relative}.base64-choice-group input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.base64-choice-group span{border:1px solid var(--grey-300);background:var(--white);width:100%;min-height:2.75rem;color:var(--navy-950);text-align:center;border-radius:.65rem;justify-content:center;align-items:center;padding:.55rem .75rem;font-size:.84rem;font-weight:700;line-height:1.2;display:flex}.base64-choice-group input:checked+span{border-color:var(--blue-700);background:var(--blue-100);box-shadow:inset 0 0 0 1px var(--blue-700)}.base64-choice-group input:focus-visible+span{outline:2px solid var(--blue-700);outline-offset:3px;box-shadow:var(--focus-ring)}.base64-workspace{gap:1rem;padding:clamp(1.25rem,2.8vw,2rem);display:grid}.base64-field{min-width:0}.base64-field>label,.base64-label-row>label{font-size:1rem;font-weight:800;display:block}.base64-label-row{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;margin-bottom:.55rem;display:flex}.base64-field textarea,.base64-field input[type=text]{overflow-wrap:anywhere;border:1px solid var(--grey-300);background:var(--white);width:100%;color:var(--navy-950);font:inherit;border-radius:.75rem;padding:.9rem 1rem;display:block}.base64-field>label+textarea,.base64-field>label+input{margin-top:.55rem}.base64-field textarea{resize:vertical;white-space:pre-wrap;word-break:break-all;min-height:12rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.55}.base64-field textarea[readonly]{background:var(--grey-100)}.base64-field textarea:focus-visible,.base64-field input:focus-visible,.base64-dropzone:focus-visible{outline:2px solid var(--blue-700);outline-offset:3px;box-shadow:var(--focus-ring)}.base64-help{color:var(--grey-700);margin:.5rem 0 0;font-size:.8rem}.base64-actions{flex-wrap:wrap;gap:.65rem;display:flex}.base64-error{color:#7a271a;background:#fff1f0;border-left:4px solid #b42318;border-radius:.4rem;margin:0;padding:.8rem 1rem;font-weight:700}.base64-output-stack{gap:1.25rem;min-width:0;padding-top:.25rem;display:grid}.base64-dropzone{border:2px dashed var(--grey-300);background:var(--grey-100);width:100%;min-height:9rem;color:var(--navy-950);cursor:pointer;text-align:center;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.5rem;display:flex}.base64-dropzone:hover,.base64-dropzone.is-dragging{border-color:var(--blue-700);background:var(--blue-100)}.base64-dropzone span{overflow-wrap:anywhere;max-width:100%;font-weight:800}.base64-dropzone small{color:var(--grey-700)}.base64-file-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.base64-file-details div{border:1px solid var(--grey-200);border-radius:.65rem;min-width:0;padding:.75rem}.base64-file-details dt{color:var(--grey-700);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.base64-file-details dd{overflow-wrap:anywhere;margin:0;font-size:.86rem;font-weight:800}.base64-filename-field{max-width:32rem}.base64-download{border:1px solid var(--grey-300);background:var(--grey-100);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.base64-download div{gap:.2rem;min-width:0;display:grid}.base64-download strong{overflow-wrap:anywhere}.base64-download span{color:var(--grey-700);font-size:.82rem}.base64-footer-note{border-top:1px solid var(--grey-200);background:var(--grey-100);color:var(--grey-700);gap:.35rem;padding:1rem clamp(1.25rem,2.8vw,2rem);font-size:.82rem;display:grid}.base64-footer-note p{margin:0}@media (width<=56rem){.base64-heading{flex-direction:column;align-items:flex-start;gap:1rem}.base64-heading .privacy-note{max-width:none}.base64-controls{grid-template-columns:1fr}.base64-file-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=30rem){.base64-section{padding:1rem}.base64-shell{border-radius:1rem}.base64-controls,.base64-workspace{padding:1rem}.base64-label-row{flex-direction:column;align-items:flex-start}.base64-label-row .copy-action,.base64-label-row button{width:100%}.base64-actions>*{flex:1}.base64-file-details{grid-template-columns:1fr}.base64-download{flex-direction:column;align-items:stretch}.base64-download .action{width:100%}}