:root{--dn-blur: 24px}.dn-glass-header{background:#ffffffb3;backdrop-filter:blur(var(--dn-blur));-webkit-backdrop-filter:blur(var(--dn-blur))}.dark .dn-glass-header{background:#090f1eb3}.dn-card{background:#ffffffa6;backdrop-filter:blur(var(--dn-blur));-webkit-backdrop-filter:blur(var(--dn-blur));box-shadow:0 4px 30px #00000008,inset 0 0 0 1px #fff9;transition:all .3s cubic-bezier(.16,1,.3,1)}.dark .dn-card{background:#0d142673;box-shadow:0 10px 40px #0003,inset 0 0 0 1px #ffffff0a}.dn-upload-zone{transition:all .25s cubic-bezier(.16,1,.3,1)}.dn-upload-zone.dragover{border-color:#3b82f6;background:#3b82f60d;transform:scale(.99)}.dark .dn-upload-zone.dragover{border-color:#60a5fa;background:#3b82f608}.dn-compression-level-card{transition:all .25s cubic-bezier(.16,1,.3,1);background:#ffffff80;cursor:pointer}.dark .dn-compression-level-card{background:#0d142633}.dn-compression-level-card:hover{transform:translateY(-2px);border-color:#06b6d466}.dn-compression-level-card.selected{border-color:#06b6d4;background:#06b6d40a;box-shadow:0 0 0 1px #06b6d4}.dark .dn-compression-level-card.selected{border-color:#22d3ee;background:#06b6d405;box-shadow:0 0 0 1px #22d3ee}.dn-spinner{animation:dn-spin .8s linear infinite}@keyframes dn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dn-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dn-animate-fade{animation:dn-fade-in-up .35s cubic-bezier(.16,1,.3,1) forwards}