html{background-color:#0f2027}body{margin:0;padding:2rem;font-family:Segoe UI,sans-serif;background:linear-gradient(to right,#0f2027,#203a43,#2c5364);color:#f0f4f8;transition:background .4s ease,color .4s ease;min-height:calc(100dvh - 4rem)}a{color:#00c6ff}.app{max-width:1000px;margin:auto;padding:2rem;background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 0 30px #0006;animation:fadeIn .6s ease}.header{font-size:2.5rem;margin-bottom:2rem;color:#93e1ff;display:flex;align-items:center;gap:1rem}.header img{width:5rem;transition:.2s all ease-in-out}.header img:active{transform:scale(5) translateY(100px) translate(30px) rotate(-180deg)}.folder-picker,.password-prompt,.file-upload,.file-entry{margin-bottom:2rem}.file-entry{transition:all .3s ease-in-out}.file-entry.hidden{transform:scaleY(0);position:fixed;pointer-events:none}.input{padding:.75rem;margin-right:.5rem;border-radius:8px;border:none;background:#1c2b36;color:#f0f4f8}::placeholder{color:#eee}textarea::placeholder{color:#0e1c26}.btn{padding:.6rem 1.2rem;margin-right:.5rem;background:linear-gradient(to right,#00c6ff,#0072ff);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease}.btn-large{font-size:1.5rem;transform:translateY(.25rem)}.btn:hover{transform:scale(1.05);box-shadow:0 0 10px #00c6ffaa}.btn.danger{background:linear-gradient(to right,#ff416c,#ff4b2b)}.btn.danger:hover{box-shadow:0 0 10px #ff416caa}.error{color:#ff7675;margin:1rem 0}.file-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.card{background:#172532;padding:1.2rem;border-radius:12px;box-shadow:0 0 15px #007bff1a;transition:transform .2s ease}.card:hover{transform:translateY(-4px)}.preview-container{margin:1rem 0;border-radius:8px;overflow:hidden;background:#0e1c26;border:1px solid #284357}.preview-container img,.preview-container iframe{width:100%;height:auto;border:none}.file-title{font-size:1.25rem;margin-bottom:.5rem;color:#e0f7fa}.file-info{font-size:.9rem;color:#b2bec3}.button-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{padding:0rem;min-height:100dvh;margin:0}.app{border-radius:0;min-height:calc(100dvh - 4rem);margin:0}.header{font-size:3rem;margin:0}.header img{width:3rem}.btn-large{font-size:1.25rem}.file-entry.card{width:calc(100% - 4rem)}.file-title{font-size:1.1rem}.file-info{font-size:.8rem}.input{margin-bottom:.5rem;margin-right:1rem}.button-group{flex-direction:column;align-items:stretch}.btn{text-align:center;margin-bottom:.5rem}}body{transition:all .3s ease-in-out}body.draging{transform:scale(.9)}:focus{outline:.3rem solid #00c6ff}