.progress-bar-container{width:50%;height:6px;background:var(--gray-700);margin:1.5rem auto;box-shadow:var(--shadow-inset)}.progress-bar-container,.progress-bar-fill{border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-brand);transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:progressShimmer 1.5s infinite}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:768px){.progress-bar-container{width:80%}}.page-convert .base64-container{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--dark-text-primary)}.page-convert .base64-container h2{margin-top:.25rem}.page-convert .base64-container p{color:var(--dark-text-secondary);text-align:center}.page-convert .base64-container textarea{width:100%;max-width:680px;height:220px;padding:.85rem 1rem;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.3);border-radius:14px;color:var(--dark-text-primary);resize:vertical}.page-convert .base64-container button{padding:.65rem 1.5rem;border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);color:var(--dark-text-primary);font-weight:600}.page-convert .base64-container button:hover{background:hsla(0,0%,100%,.2)}.page-convert .base64-container img{max-width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:12px}