.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;animation:fadeIn .2s ease}.modal-panel{width:min(92vw,420px);background:#111;border:1px solid #333;border-radius:10px;padding:16px;color:#fff;box-shadow:0 10px 30px #00000059;transform:scale(.98);opacity:0;animation:popIn .22s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.flash-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#28a745f2;color:#fff;padding:10px 14px;border-radius:8px;font-size:14px;box-shadow:0 6px 20px #00000040;z-index:1300;animation:slideDownFade .28s ease}.flash-toast.error{background:#c0392bf2}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}button:disabled{opacity:.5;cursor:not-allowed!important}button:disabled:hover{filter:none}.login-hint{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1100}.login-hint .hint-box{background:#0009;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px)}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:#111;color:#fff;padding:16px;font-family:sans-serif;font-size:14px;box-shadow:0 4px 16px #00000040}.sidebar input,.sidebar button{display:block;margin-top:8px}.panel{margin-top:20px;padding:10px;background:#222;border-radius:6px}.viewer{flex:1;background:#000}.empty{color:#fff;display:flex;justify-content:center;align-items:center;height:100%;font-family:sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input[type=file]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input[type=file]{width:100%;padding:8px;font-size:14px}img{max-width:100%;height:auto}@media(max-width:768px){*{-webkit-overflow-scrolling:touch}input[type=file]{font-size:13px;padding:10px}}.sidebar-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;object-fit:contain;flex-shrink:0}