:root{--primary-color:#4b3d8e;--bg-color:#1a1a2e;--text-color:#e6e6e6;--accent-color:#a29bfe;--error-color:#ff7675;--success-color:#55efc4}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;margin:0;font-family:Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.container{text-align:center;width:100%;max-width:900px;margin:0 auto;padding:1rem}.nav-menu{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.nav-menu button{border:1px solid var(--primary-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;transition:all .3s}.nav-menu button.active{background-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}h1{color:var(--accent-color);letter-spacing:1px;margin-bottom:.5rem;font-size:1.5rem;font-weight:300}.subtitle{color:#888;margin-bottom:1.5rem;font-size:.8rem}.drop-zone{border:2px dashed var(--primary-color);word-break:break-all;background-color:#4b3d8e1a;border-radius:12px;margin-bottom:1.5rem;padding:2rem 1rem;transition:all .3s;position:relative}.drop-zone p{font-size:.9rem}.select-button{background-color:var(--primary-color);cursor:pointer;border-radius:20px;margin-top:1rem;padding:.5rem 1.5rem;font-size:.8rem;display:inline-block}.upload-button{background-color:var(--accent-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:30px;width:100%;max-width:300px;padding:.8rem 2rem;font-size:1rem;font-weight:700}.progress-bar{background-color:var(--accent-color);border-radius:4px;height:8px;margin-bottom:.5rem}.list-controls{justify-content:center;margin-bottom:1rem;display:flex}.mode-button{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.8rem}.mode-button.delete-active{background-color:var(--error-color)}.file-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;margin-top:1rem;display:grid}.grid-item{aspect-ratio:1;cursor:pointer;background-color:#000;border:1px solid #333;border-radius:8px;position:relative;overflow:hidden}.grid-item img{object-fit:cover;width:100%;height:100%}.video-thumb,.file-thumb{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.delete-overlay{background-color:#ff00004d;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(0)}75%{transform:rotate(-1deg)}to{transform:rotate(0)}}.shake{animation:.2s infinite shake;border-color:var(--error-color)!important}.modal-overlay{z-index:1000;background-color:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;gap:1rem;width:100%;max-width:600px;max-height:90vh;display:flex}.modal-content img,.modal-content video{object-fit:contain;border-radius:8px;max-width:100%;max-height:60vh}.modal-info{background-color:var(--bg-color);border:1px solid var(--primary-color);border-radius:12px;padding:1rem}.notify-box{flex-direction:column;gap:.5rem;display:flex}.notify-box select{color:#fff;background:#000;border:1px solid #333;border-radius:4px;width:100%;padding:.5rem}.url-box{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.url-box input{width:100%;color:var(--success-color);background:#000;border:1px solid #333;border-radius:4px;padding:.5rem;font-size:.8rem}.url-box button,.notify-button,.copy-btn,.close-btn{cursor:pointer;border:none;border-radius:4px;padding:.6rem 1rem;font-size:.9rem}.notify-button,.copy-btn{background-color:var(--accent-color);color:var(--bg-color);font-weight:700}.close-btn{color:#fff;background-color:#333}.error-message{color:var(--error-color);margin-top:1rem;font-size:.8rem}.disk-info{color:var(--accent-color);opacity:.8;margin-top:.5rem;font-size:.8rem}.file-info-list{text-align:left;max-height:200px;margin-bottom:1rem;overflow-y:auto}.file-item{color:#ccc;border-bottom:1px solid #ffffff1a;padding:.2rem 0;font-size:.8rem}.url-list{text-align:left;background:#000;border-radius:4px;margin-top:.5rem;padding:.5rem}.url-item{color:var(--success-color);word-break:break-all;margin-bottom:.3rem;font-size:.7rem}.clear-button{border:1px solid var(--error-color);color:var(--error-color);cursor:pointer;background:0 0;border-radius:10px;margin-left:1rem;padding:.3rem .8rem;font-size:.7rem}