html{scroll-behavior:smooth}::selection{background-color:#8b5cf64d;color:inherit}:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.no-select{user-select:none;-webkit-user-select:none}input[type=range]{-webkit-appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{background:#2a2a3a;height:4px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;margin-top:-7px;box-shadow:0 2px 8px #6366f166,0 0 20px #8b5cf633;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 12px #6366f199,0 0 30px #8b5cf64d}input[type=range]::-moz-range-track{background:#2a2a3a;height:4px;border-radius:2px}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;border:none;box-shadow:0 2px 8px #6366f166,0 0 20px #8b5cf633}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #3a3a4a;border-radius:4px;background:#12121a;cursor:pointer;transition:all .2s ease}input[type=checkbox]:checked{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf64d}input[type=checkbox]:checked:after{content:"✓";display:block;text-align:center;color:#fff;font-size:12px;line-height:14px}input[type=checkbox]:hover{border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf633}.skeleton{background:linear-gradient(90deg,#1a1a25,#2a2a3a,#1a1a25);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:linear-gradient(145deg,#1a1a25,#12121a);color:#fff;font-size:12px;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;margin-bottom:8px;border:1px solid #2a2a3a;box-shadow:0 4px 20px #0000004d,0 0 20px #6366f11a}.tooltip:hover:after{opacity:1;visibility:visible}@media(max-width:640px){.upload-zone{padding:2rem}.platform-card{padding:.75rem}}@media print{.no-print{display:none!important}}.btn-ghost{background:transparent;border:1px solid #2a2a3a;color:#a0a0b0;transition:all .3s ease}.btn-ghost:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#fff;box-shadow:0 0 20px #8b5cf626}.card-dark{background:linear-gradient(145deg,#12121a,#1a1a25);border:1px solid #2a2a3a;border-radius:16px}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:17px;opacity:0;transition:opacity .3s ease;z-index:-1}.card-glow:hover:before{opacity:.5}.text-glow{text-shadow:0 0 20px rgba(139,92,246,.5)}.text-glow-strong{text-shadow:0 0 10px rgba(99,102,241,.8),0 0 30px rgba(168,85,247,.5)}.border-glow{border:1px solid transparent;background:linear-gradient(145deg,#12121a,#1a1a25) padding-box,linear-gradient(135deg,#6366f1,#a855f7) border-box}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d,0 0 40px #6366f133}.underline-gradient{position:relative}.underline-gradient:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#6366f1,#a855f7);transition:width .3s ease}.underline-gradient:hover:after{width:100%}.pulse-dot{position:relative}.pulse-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-dot-animation 2s ease-in-out infinite}@keyframes pulse-dot-animation{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 10px #10b98100}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-border{border:2px solid transparent;background:linear-gradient(145deg,#12121a,#1a1a25) padding-box,linear-gradient(90deg,#6366f1,#a855f7,#6366f1) border-box;background-size:200% 100%;animation:gradient-shift 3s ease infinite}.glass-dark{background:#12121acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(42,42,58,.5)}.neon-text{color:#8b5cf6;text-shadow:0 0 5px rgba(139,92,246,.5),0 0 10px rgba(139,92,246,.3),0 0 20px rgba(139,92,246,.2)}.icon-glow{filter:drop-shadow(0 0 8px rgba(139,92,246,.4));transition:filter .3s ease}.icon-glow:hover{filter:drop-shadow(0 0 12px rgba(168,85,247,.6))}.gradient-text{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.format-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.format-card-hover:hover{transform:translateY(-2px)}@keyframes expandIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-expand-in{animation:expandIn .3s ease-out}@keyframes subtle-pulse{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 0 4px #8b5cf61a}}.selected-pulse{animation:subtle-pulse 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .4s ease-out}.btn-neon{position:relative;overflow:hidden;transition:all .3s ease}.btn-neon:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#6366f1,#a855f7,#6366f1);border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(8px)}.btn-neon:hover:before{opacity:.5}.glass{background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card-intense{background:linear-gradient(145deg,#12121a,#16161f);border:1px solid rgba(42,42,58,.6);border-radius:16px;transition:all .3s ease}.card-intense:hover{border-color:#8b5cf64d;box-shadow:0 8px 32px #0000004d,0 0 40px #8b5cf61a}.neon-glow-violet{box-shadow:0 4px 20px #8b5cf64d,0 0 40px #8b5cf61a}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #8b5cf64d,0 0 40px #8b5cf61a}50%{box-shadow:0 4px 30px #8b5cf680,0 0 60px #8b5cf633}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}
