body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes float1{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.1)}}@keyframes float2{0%,to{opacity:.7;transform:translateY(0) translateX(0)}50%{opacity:1;transform:translateY(-8px) translateX(5px)}}@keyframes float3{0%,to{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-6px) scale(1.2)}}.animate-float1{animation:float1 4s ease-in-out infinite}.animate-float2{animation:float2 5s ease-in-out infinite}.animate-float3{animation:float3 6s ease-in-out infinite}body{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#e2e8f0;font-family:Inter,Segoe UI,system-ui,sans-serif;margin:0;min-height:100vh;padding:0}body,html{overflow-y:scroll}nav.flex.flex-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}nav{background:#111;position:-webkit-sticky;position:sticky;top:0;z-index:50}.p-4{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border-radius:1.5rem;box-shadow:0 10px 25px #0006;padding:2rem;transition:transform .3s ease}.p-4:hover{box-shadow:0 15px 30px #0009}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#06b6d4,#3b82f6);-webkit-background-clip:text;font-weight:800;letter-spacing:-.5px}button{font-size:1rem;font-weight:600;letter-spacing:.3px;padding:.6rem 1.2rem}button:hover{filter:brightness(1.1)}button:active{transform:scale(.95)}.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.card{background-color:#1e1e1e;border-radius:.75rem;box-shadow:0 2px 8px #0009;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 4px 16px #000c;transform:translateY(-3px)}.card img{background-color:#2a2a2a;object-fit:contain;width:100%}.card .actions{display:flex;gap:.25rem;justify-content:space-between;padding:.5rem}.card .actions button,.card .actions select{flex:1 1;font-size:.95rem;padding:.5rem}.card .timestamp{background:#00000080;border-radius:.25rem;color:#fff;font-size:.65rem;left:.25rem;padding:0 .25rem;position:absolute;top:.25rem}input{background:#1e293bb3;border:1px solid #fff3;border-radius:.75rem;outline:none;padding:.6rem 1rem;transition:all .3s ease}input:focus{border-color:#06b6d4;box-shadow:0 0 8px #06b6d499}.animate-pop{animation:pop .4s ease}@keyframes pop{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fixed{animation:fadeIn .3s ease}@keyframes fadeIn{0%{filter:blur(6px);opacity:0;transform:scale(.9) translateY(-8px)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOut{0%{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}to{filter:blur(6px);opacity:0;transform:scale(.9) translateY(-8px)}}.animate-fadeIn{animation:fadeIn .25s cubic-bezier(.22,1,.36,1) forwards}.animate-fadeOut{animation:fadeOut .25s ease-in forwards}.dropdown-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border:1px solid #06b6d44d;border-radius:1rem;box-shadow:0 0 20px #06b6d44d,inset 0 0 40px #06b6d41a;overflow:hidden;padding:.75rem;transform-origin:top right}.dropdown-panel button{background:#0000;border:none;border-radius:.5rem;color:#e0faff;display:block;font-weight:600;padding:.5rem .75rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-panel button:hover{background:#06b6d426;color:#67e8f9;transform:translateX(4px)}button{animation:neonPulse 3s ease-in-out infinite;background:#0f172a;border:2px solid #0ff;border-radius:.75rem;box-shadow:0 0 12px #00ffff80,inset 0 0 10px #00ffff40;color:#0ff;cursor:pointer;display:inline-block;font-weight:700;letter-spacing:.5px;padding:.6rem 1.4rem;position:relative;text-shadow:0 0 8px #0ff,0 0 16px #0ff;transition:all .25s ease}button:hover{background:#0ff;box-shadow:0 0 20px #0ffc,0 0 40px #0ff9;color:#0f172a;transform:scale(1.05)}button.active,button.selected{background:#ff007f;border-color:#ff007f;box-shadow:0 0 25px #ff007fcc,0 0 45px #ff007f99;color:#0f172a;text-shadow:0 0 8px #ff007f,0 0 20px #ff007f}button:disabled{animation:none;box-shadow:none;cursor:not-allowed;opacity:.5;text-shadow:none}@keyframes neonPulse{0%,to{box-shadow:0 0 10px #00ffff55,inset 0 0 6px #0ff3}50%{box-shadow:0 0 20px #00ffffaa,inset 0 0 10px #0ff6}}button.glow{animation:intenseGlow 2s ease-in-out infinite}@keyframes intenseGlow{0%,to{box-shadow:0 0 15px #ff00ff55,0 0 30px #00ffff55}50%{box-shadow:0 0 35px #f0fc,0 0 60px #0ffc}}.toolbar-compact{align-items:center;background:#222;border-radius:8px;display:flex;gap:4px;margin-bottom:8px;padding:4px 6px;width:-webkit-fit-content;width:fit-content}.toolbar-compact button{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:4px 6px;transition:.2s}.toolbar-compact button:hover{background:#00bcd4}.toolbar-compact .count{color:#00bcd4;font-size:14px;font-weight:700;margin-left:6px}.image-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-item{border:2px solid #0000;border-radius:6px;cursor:pointer;overflow:hidden;position:relative;transition:.2s}.image-item img{display:block;width:100%}.image-item.selected{outline:3px solid #0ff;transform:scale(1.03);transition:transform .1s ease,outline .1s ease}
/*# sourceMappingURL=main.b5ba901d.css.map*/