.footer-slot{width:100%;flex-shrink:0}
.site-footer{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;color:#9ca3af;font-size:12px;line-height:1.5;text-align:center}
.site-footer span{display:inline-flex;align-items:center;min-height:22px;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.64);border:1px solid rgba(229,231,235,.72)}
body.has-tool-footer #upload-screen{min-height:calc(100vh - 42px);padding-bottom:20px}
body.has-tool-footer .footer-slot{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(240,242,245,.86);border-top:1px solid rgba(229,231,235,.8);backdrop-filter:blur(6px);transition:opacity .15s ease,visibility .15s ease}
body.has-tool-footer.footer-hidden .footer-slot{opacity:0;visibility:hidden;pointer-events:none}
body.has-index-footer .app-shell{min-height:calc(100vh - 42px)}
body.has-index-footer .footer-slot{margin-top:auto}
body.has-index-footer .site-footer{color:#4a90e2}
body.has-index-footer .site-footer span{background:rgba(255,255,255,.78);border:2px solid rgba(144,202,249,.5);box-shadow:0 4px 15px rgba(144,202,249,.14)}
@media(max-width:640px){
  .site-footer{min-height:38px;padding:8px 12px;font-size:11px}
  body.has-tool-footer #upload-screen{min-height:calc(100vh - 38px)}
  body.has-index-footer .app-shell{min-height:calc(100vh - 38px)}
}