:root{--bg-color:#F8F8F8;--bg-pattern:linear-gradient(rgba(0,0,0,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.05) 1px, transparent 1px);--bg-size:10px 10px;--text-color:#333;--text-secondary:#5C5C5C;--text-link:#0078B4;--text-link-hover:#005580;--border-color:#B7D1A0;--btn-bg:rgba(202, 230, 190, 0.75);--btn-border:#B7D1A0;--btn-color:#468847;--btn-hover-bg:rgb(188, 228, 170);--btn-shadow:rgba(70, 136, 71, 0.3);--drop-bg:#F0F8FF;--drop-border:#B0C4DE;--alert-info-bg:#D9EDF7;--alert-info-border:#BCE8F1;--alert-info-color:#167196;--donate-bg:hsl(0, 0%, 95%);--donate-border:hsl(0, 0%, 85%);--donate-color:hsl(0, 0%, 25%);--donate-hover-bg:hsl(0, 0%, 80%);--nav-color:#167196;--footer-color:#167196;--progress-bg:#eee;--progress-fill:#468847;--edit-bg:linear-gradient(135deg, #F0FFF0 0%, #E8F5E8 100%);--edit-border:#90EE90;--edit-header-bg:rgba(144, 238, 144, 0.3);--input-bg:#F7F7F7;--input-border:#B7D1A0;--toast-bg:#468847;--toast-color:white;--preview-bg:linear-gradient(135deg, #F0FFF0 0%, #E8F5E8 100%);--preview-border:#90EE90;--file-url-bg:rgba(202, 230, 190, 0.5);--donation-bar-bg:#D9EDF7;--donation-bar-border:#BCE8F1;--donation-bar-color:#167196;--card-bg:rgba(255, 255, 255, 0.95);--grid-line:rgba(52, 73, 94, 0.08);--accent-color:#468847;--shadow-color:rgba(39, 174, 96, 0.25);--premium-border:#B7D1A0;--player-bg:linear-gradient(135deg, var(--card-bg), rgba(255,255,255,0.1));--player-text:var(--text-color);--player-accent:var(--text-link);--player-progress:var(--border-color);--player-glow:rgba(168, 213, 186, 0.2);--player-shine:rgba(255, 255, 255, 0.15)}.dark{--bg-color:#1a1a1a;--bg-pattern:linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);--bg-size:10px 10px;--text-color:#e0e0e0;--text-secondary:#a0a0a0;--text-link:#4da6ff;--text-link-hover:#3399ff;--border-color:#4a5568;--btn-bg:rgba(52, 211, 153, 0.2);--btn-border:#38a169;--btn-color:#48bb78;--btn-hover-bg:rgba(52, 211, 153, 0.3);--btn-shadow:rgba(72, 187, 120, 0.4);--drop-bg:#2d3748;--drop-border:#4a5568;--alert-info-bg:#2d3748;--alert-info-border:#4a5568;--alert-info-color:#63b3ed;--donate-bg:hsl(0, 0%, 20%);--donate-border:hsl(0, 0%, 40%);--donate-color:hsl(0, 0%, 75%);--donate-hover-bg:hsl(0, 0%, 30%);--nav-color:#63b3ed;--footer-color:#63b3ed;--progress-bg:#4a5568;--progress-fill:#48bb78;--edit-bg:linear-gradient(135deg, #2d3748 0%, #4a5568 100%);--edit-border:#68d391;--edit-header-bg:rgba(104, 211, 145, 0.2);--input-bg:#4a5568;--input-border:#4a5568;--toast-bg:#48bb78;--toast-color:#1a1a1a;--preview-bg:linear-gradient(135deg, #2d3748 0%, #4a5568 100%);--preview-border:#68d391;--file-url-bg:rgba(52, 211, 153, 0.2);--donation-bar-bg:#2d3748;--donation-bar-border:#4a5568;--donation-bar-color:#63b3ed;--card-bg:rgba(30, 30, 30, 0.95);--grid-line:rgba(255,255,255,0.06);--accent-color:#48bb78;--shadow-color:rgba(76, 175, 80, 0.3);--premium-border:#4a5568;--player-bg:linear-gradient(135deg, var(--card-bg), rgba(0,0,0,0.1));--player-text:var(--text-color);--player-accent:var(--text-link);--player-progress:var(--border-color);--player-glow:rgba(74, 144, 226, 0.2);--player-shine:rgba(255, 255, 255, 0.08)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-attachment:fixed;background-color:var(--bg-color);background-image:var(--bg-pattern);background-size:var(--bg-size);color:var(--text-color);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;margin:0;padding-top:15px;text-shadow:0 1px hsl(0 0% 100% / .5);text-rendering:optimizelegibility;height:100vh;opacity:1!important;overflow-x:hidden;transition:all 0.3s ease;will-change:transform}body.loaded{animation:fadeIn 1s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background-image:radial-gradient(2px 2px at 20px 30px,var(--btn-color),transparent),radial-gradient(2px 2px at 40px 70px,rgb(124 179 66 / .8),transparent),radial-gradient(1px 1px at 90px 40px,#7cb342,transparent),radial-gradient(1px 1px at 130px 80px,rgb(70 136 71 / .6),transparent),radial-gradient(2px 2px at 160px 30px,var(--btn-color),transparent);background-repeat:repeat;background-size:200px 100px;animation:floatParticles 20s linear infinite}@keyframes floatParticles{from{transform:translateY(0) rotate(0deg)}to{transform:translateY(-100px) rotate(360deg)}}.dark body::before{background-image:radial-gradient(2px 2px at 20px 30px,var(--btn-color),transparent),radial-gradient(2px 2px at 40px 70px,rgb(124 179 66 / .8),transparent),radial-gradient(1px 1px at 90px 40px,#4a8f28,transparent),radial-gradient(1px 1px at 130px 80px,rgb(74 143 40 / .6),transparent),radial-gradient(2px 2px at 160px 30px,var(--btn-color),transparent)}.grill-wrapper{background-image:var(--png-bg);@supports (background-image:var(--avif-bg)){background-image:var(--avif-bg)}background-attachment:fixed;background-position:85% 100%;background-repeat:no-repeat;min-height:100vh}.container{margin:0 auto;max-width:750px;padding:0 15px;width:100%}input[type=image],img{vertical-align:middle}a{color:var(--text-link);text-decoration:none;transition:color 0.3s ease}a:hover,a:focus,a:active{color:var(--text-link-hover)}a:focus{outline:thin dotted var(--text-color)}.jumbotron{margin:60px auto;text-align:center;padding:0 20px}.jumbotron h1{color:inherit;font-family:inherit;font-size:clamp(32px, 8vw, 72px);font-weight:700;line-height:1;margin:10px 0;cursor:default;text-rendering:optimizelegibility;animation:slideInDown 0.8s ease-out}@keyframes slideInDown{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.jumbotron .lead{font-size:clamp(16px, 4vw, 21px);font-weight:200;line-height:1.4;margin-bottom:20px;animation:fadeInUp 0.8s ease-out 0.2s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.jumbotron .btn{background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;color:var(--btn-color);cursor:pointer;display:inline-block;font-size:clamp(14px, 3vw, 24px);padding:clamp(12px, 2vw, 28px) clamp(20px, 4vw, 48px);min-height:44px;text-shadow:0 1px hsl(0 0% 100% / .5);transition:all 0.3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;will-change:transform,box-shadow;line-height:1.4;touch-action:manipulation}.jumbotron .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.5s ease}.jumbotron .btn:hover::before{left:100%}.jumbotron .btn:hover,.jumbotron .btn:active,.jumbotron .btn:focus,.jumbotron .btn.drop{background-color:var(--btn-hover-bg);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px var(--btn-shadow)}.jumbotron .btn:active{transform:translateY(0);box-shadow:0 2px 6px var(--btn-shadow)}.jumbotron .btn:focus{outline:2px solid var(--btn-color);outline-offset:2px}.jumbotron .small-btn{font-size:16px;padding:12px 20px;margin-top:10px;display:inline-block;min-height:44px}.alert{border:1px solid var(--alert-info-border);border-radius:4px;padding:14px 14px;text-shadow:0 1px hsl(0 0% 100% / .5);transition:all 0.3s ease}.alert-error{background-color:#F2DEDE;border-color:#EED3D7;color:#aa4342}.alert-info{background-color:var(--alert-info-bg);border-color:var(--alert-info-border);color:var(--alert-info-color)}span.donate-btns{display:block;text-align:center;margin:11px 0 3px}a.donate-btn{height:32px;display:inline-block;margin:2px 3px;background:var(--donate-bg);line-height:1.2;padding:5px 8px 5px 24px;border-radius:6px;color:var(--donate-color);border:1px solid var(--donate-border);transition:all 0.4s cubic-bezier(.25,.46,.45,.94);text-decoration:none;font-size:11px;min-height:32px;touch-action:manipulation;position:relative;overflow:hidden;box-shadow:0 2px 4px rgb(0 0 0 / .1)}a.donate-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);transition:left 0.6s ease}a.donate-btn:hover::before{left:100%}a.donate-btn:hover{color:#000;border:1px solid hsl(0 0% 70%);background-color:var(--donate-hover-bg);transform:scale(1.05) translateY(-1px);box-shadow:0 4px 8px rgb(0 0 0 / .15),0 0 0 1px rgb(255 255 255 / .3) inset}a.donate-btn:active{transform:scale(.98) translateY(0);box-shadow:0 1px 2px rgb(0 0 0 / .1);transition:all 0.1s ease}a.donate-btn:focus{outline:2px solid var(--alert-info-color);outline-offset:2px;box-shadow:0 0 0 3px rgb(22 113 150 / .2)}.icon{display:block;height:14px;width:14px;float:left;margin-left:-20px;margin-top:1px;transition:transform 0.4s cubic-bezier(.25,.46,.45,.94)}.icon-paypal{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xml:space="preserve" width="16" height="16"><path fill="%23385c8e" d="M14.823 2.791c.65 1.192.435 2.597.179 3.428-1.385 4.524-7.635 4.278-8.539 4.278s-1.113.842-1.113.842l-.675 2.946c-.184 1.034-1.122.982-1.122.982H1.52q-.077 0-.143-.01c-.01.189.017.743.694.743h2.034s.938.053 1.122-.981l.674-2.946s.211-.842 1.114-.842 7.154.246 8.539-4.278c.309-1.011.56-2.869-.731-4.162"/><path fill="%23385c8e" d="m4.048 13.642.675-2.946s.21-.841 1.114-.841c.902 0 7.153.245 8.538-4.278C14.882 3.923 15.233 0 8.922 0H4.364s-.948-.044-1.181.963L.204 13.819s-.128.806.687.806h2.035s.938.053 1.122-.982m1.718-7.479.605-2.612s.193-.71.816-.816c.622-.106 1.682.019 1.955.07 1.77.332 1.394 2.007 1.394 2.007-.35 2.586-4.375 2.227-4.375 2.227-.631-.228-.395-.877-.395-.877"/></svg>')}a.donate-btn:hover .icon-paypal{transform:rotate(360deg) scale(1.1)}.icon-bitcoin{background-image:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 -0.01 0.68 0.68" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.665.323a.323.323 0 1 1-.648 0 .323.323 0 0 1 .649 0M.42.203c.045.015.078.038.071.081Q.482.329.446.336q.048.027.033.086C.46.477.414.481.354.47L.339.529.303.52.318.462.29.455.275.513.24.504.255.445.183.427.201.386l.026.006C.237.394.242.388.243.384l.04-.159C.283.217.281.208.266.204L.24.198.249.16l.072.018L.336.12l.035.009-.014.57Z" fill="%23F7931A"/></svg>')}a.donate-btn:hover .icon-bitcoin{transform:scale(1.2) rotate(10deg)}.icon-peoplesbank{background-image:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M90,45L90,35L50,15L10,35L10,45L15,45L15,75L10,75L10,85L90,85L90,75L85,75L85,45L90,45ZM25,75L25,45L35,45L35,75L25,75ZM45,75L45,45L55,45L55,75L45,75ZM75,75L65,75L65,45L75,45L75,75Z" fill="%23205099" stroke="none"/></svg>')}a.donate-btn:hover .icon-peoplesbank{transform:scale(1.1) translateY(-1px)}.icon-kofi{background-image:url('data:image/svg+xml,<svg width="16" height="16" viewBox="-0.181 0 1.859 1.859" xmlns="http://www.w3.org/2000/svg"><g data-name="Layer 2"><g data-name="Layer 1"><g data-name="Coffee Icon"><path data-name="Coffee Cup" d="M.124.36A.125.125 0 0 1 .248.222H1.25a.125.125 0 0 1 .124.138l-.151 1.388a.125.125 0 0 1-.124.111h-.7a.125.125 0 0 1-.124-.111Z" fill="%237b7b7b"/><path d="M1.387.14h-.032V.11a.11.11 0 0 0-.11-.11h-.99a.11.11 0 0 0-.11.11v.03H.11A.11.11 0 0 0 0 .249v.06a.11.11 0 0 0 .11.11h1.277a.11.11 0 0 0 .11-.11v-.06a.11.11 0 0 0-.11-.11" fill="%2398c7eb"/><g data-name="Cup Sleeve"><path data-name="Cup Sleeve" d="M.072.861A.11.11 0 0 1 .181.738H1.32a.11.11 0 0 1 .109.123l-.062.5a.11.11 0 0 1-.109.096H.242a.11.11 0 0 1-.109-.096Z" fill="%23edaea3"/><path d="m.751 1.271-.026-.026C.629 1.16.566 1.103.566 1.033A.1.1 0 0 1 .668.932a.11.11 0 0 1 .083.039.11.11 0 0 1 .083-.039.1.1 0 0 1 .102.101c0 .07-.063.127-.159.212Z" fill="%23ff7878"/></g></g></g></g></svg>')}a.donate-btn:hover .icon-kofi{animation:bounce 0.6s cubic-bezier(.25,.46,.45,.94)}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-4px) scale(1.05)}60%{transform:translateY(-2px) scale(1.02)}}nav{padding:15px 0;text-align:center}.nav-bar{background:#fff0;border:none;padding:0;margin:0;text-align:center}.nav-bar ul{list-style:none;padding:0;margin:0;display:block}.nav-bar ul li{display:inline;font-size:14px;color:var(--text-color)}.nav-bar ul li:after{content:"|";margin:0 6px;color:var(--text-color);font-weight:400}.nav-bar ul li:last-child:after{content:"";margin:0}.nav-bar a{color:var(--text-link);text-decoration:none;font-weight:400;padding:0;background:none;border:none;border-radius:0;display:inline;min-height:auto;line-height:inherit;transition:color 0.2s ease}.nav-bar a:hover{color:var(--text-link-hover);text-decoration:underline;background:none;transform:none}.nav-bar a::after{display:none}#darkModeToggle{background:none;border:none;color:var(--text-link);cursor:pointer;font-size:14px;padding:0;border-radius:0;display:inline;min-height:auto;line-height:inherit;text-decoration:none;font-family:inherit;margin:0;transition:color 0.2s ease}#darkModeToggle:hover{color:var(--text-link-hover);text-decoration:underline;background:none}#darkModeToggle.dark-toggle-active{background:none;color:var(--text-link)}#upload-filelist{list-style-type:none;margin:20px 30px;padding:0;text-align:left}.error#upload-filelist{color:#891A18}button.upload-clipboard-btn{height:44px;margin-left:8px;transition:all 0.3s ease;min-height:44px;padding:8px 12px;border-radius:4px;background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-color);cursor:pointer;touch-action:manipulation}button.upload-clipboard-btn:hover{background:var(--btn-hover-bg);transform:translateY(-1px)}button.upload-clipboard-btn:active{transform:translateY(0)}button.upload-clipboard-btn:focus{outline:2px solid var(--btn-color);outline-offset:2px}button.upload-clipboard-btn img{content:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 0.48 0.48" xmlns="http://www.w3.org/2000/svg"><path d="M.42.179.419.174V.172L.415.166l-.12-.12L.289.042H.287L.28.04H.2A.06.06 0 0 0 .14.1v.02H.12a.06.06 0 0 0-.06.06v.2a.06.06 0 0 0 .06.06h.16A.06.06 0 0 0 .34.38V.36h.02A.06.06 0 0 0 .42.3zM.3.108.352.16H.32A.02.02 0 0 1 .3.14ZM.3.38A.02.02 0 0 1 .28.4H.12A.02.02 0 0 1 .1.38v-.2A.02.02 0 0 1 .12.16h.02V.3A.06.06 0 0 0 .2.36h.1ZM.38.3a.02.02 0 0 1-.02.02H.2A.02.02 0 0 1 .18.3V.1A.02.02 0 0 1 .2.08h.06v.06A.06.06 0 0 0 .32.2h.06Z"/></svg>')}button.upload-clipboard-btn img:active{content:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 0.64 0.64" xmlns="http://www.w3.org/2000/svg" fill="none"><path stroke="#535358" stroke-linecap="round" stroke-linejoin="round" stroke-width=".04" d="m.13.34.12.12L.51.2"/></svg>')}.error#upload-filelist .progress-percent{color:#B94A48}.error#upload-filelist .file-progress{display:none}#upload-filelist>li{margin-top:5px;overflow:hidden}#upload-filelist>li.total{border-top:1px solid rgb(0 0 0 / .05);font-weight:700;padding-top:5px}.file-name{float:left;overflow:hidden;max-width:70%;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color)}.file-progress,.file-url{display:inline-block;float:right;font-size:1em;margin-left:8px;vertical-align:middle}.file-url a{color:var(--text-secondary);transition:color 0.3s ease}.file-url a:hover{color:var(--text-color)}.progress-percent{float:right}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;transition:all 0.3s ease}progress[value]::-webkit-progress-bar{background-color:var(--progress-bg);border-radius:2px;box-shadow:0 2px 5px rgb(0 0 0 / .25) inset}.completed .file-progress,.completed .progress-percent{display:none}.completed .file-url{display:block}.progress-outer{background-color:rgb(255 255 255 / .8);border:1px solid #fff;border-radius:4px;box-shadow:0 0 0 1px #000;color:#fff0;display:inline-block;font-size:0;float:right;height:8px;margin:6px 6px 0;overflow:hidden;vertical-align:middle;width:50px;transition:all 0.3s ease}.progress-inner{background-color:#000;height:6px;margin:0;width:0;transition:width 0.3s cubic-bezier(.25,.46,.45,.94)}@media only screen and (max-width:768px){body{padding:10px 0 0 0}.jumbotron{margin:20px auto 30px;padding:0 10px}.jumbotron .lead{font-size:18px}.jumbotron .btn,.alert,#upload-filelist{border-radius:4px;border-width:1px 0;width:100%;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}#upload-filelist{background-color:rgb(255 255 255 / .75);overflow:hidden;text-align:center;margin:20px 0}#upload-filelist>li.file{margin-top:14px;margin-bottom:14px}.file-progress{width:30%}.file-name,.file-url{width:100%;max-width:100%}.file-url a{text-decoration:underline;margin-left:15px}.alert{font-size:13px}.alert-error{background-color:rgb(248 223 223 / .75)}nav{background-color:#fff0;padding-bottom:15px;padding-top:10px}.nav-bar ul{display:block}.nav-bar ul li{display:inline;margin:0}.nav-bar ul li:after{content:"|";margin:0 4px}span.donate-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.file-header{flex-direction:column;align-items:flex-start;gap:5px}.file-progress-bar{width:100%;flex:none}#editUrlContainer{flex-direction:column;align-items:stretch}#editUrlContainer .edit-header{border-radius:4px 4px 0 0}#editUrlContainer .edit-url-section{border-radius:0;width:100%;margin:5px 0}#editUrlContainer .edit-buttons{border-radius:0 0 4px 4px;order:-1;display:flex;gap:10px;justify-content:center}.btn[id="saveUrlBtn"],.btn[id="copyUrlBtn"],.btn[id="closeEditBtn"],.btn[id="generateUrlBtn"]{width:auto;flex:1;min-width:80px;padding:12px 20px;font-size:16px;min-height:44px;transition:all 0.3s ease}#editUrlContainer>div>.btn{margin-top:5px}.copy-url-btn,.edit-url-btn{padding:10px 16px;font-size:14px;min-height:44px;margin-left:10px;width:auto}}@media only screen and (max-width:480px){.container{padding:0 10px}.jumbotron{margin:10px auto 20px}#drop-area{padding:20px}.donation-bar{font-size:11px;padding:8px}.donation-bar .links a{display:block;margin:5px 0}footer{padding:10px;font-size:12px}.jumbotron .btn{padding:16px 24px;font-size:16px;min-height:48px}.small-btn{padding:16px 24px;font-size:16px;min-height:48px}a.donate-btn{padding:6px 10px 6px 28px;font-size:12px;min-height:36px;margin:3px}.icon{height:16px;width:16px;margin-left:-22px;margin-top:1px}}#upload-btn{display:none}.js #upload-input{display:none}.js input[type="submit"]{display:none}.js #upload-btn{display:inline-block!important}kbd{padding:.1875rem .375rem;font-size:13px;color:#FFF;background-color:#444;border-radius:.25rem;text-shadow:none}kbd:before{content:"$ "}#copy-all-btn{float:right;margin-right:2.24em}#drop-area{border:2px solid var(--drop-border);border-radius:4px;padding:clamp(20px, 5vw, 30px);cursor:pointer;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);margin-bottom:20px;background-color:var(--drop-bg);text-align:center;position:relative;overflow:hidden;will-change:transform,box-shadow}#drop-area::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--btn-bg),transparent);transition:left 0.5s ease}#drop-area.hover::before{left:100%}#drop-area.hover{background:var(--btn-bg);transform:scale(1.02);box-shadow:0 0 20px var(--btn-shadow);animation:pulse 0.6s ease}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--btn-shadow)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}#drop-area p{margin:0;font-weight:700;color:var(--btn-color);font-size:clamp(14px, 3vw, 16px);position:relative;z-index:1}.progress-container{width:100%;height:8px;background:var(--progress-bg);border-radius:2px;overflow:hidden;margin-top:15px;display:none;box-shadow:0 2px 5px rgb(0 0 0 / .25) inset;transition:all 0.3s ease}.progress-bar{height:100%;width:0%;background:var(--progress-fill);border-radius:2px;transition:width 0.3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;will-change:width}.progress-bar::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgb(255 255 255 / .2) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .2) 50%,rgb(255 255 255 / .2) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progressStripe 2s linear infinite}@keyframes progressStripe{0%{background-position:0 0}100%{background-position:20px 0}}#urlInputContainer,#editUrlContainer,#replaceContainer{display:none;margin-top:10px;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);animation:slideInRight 0.3s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}#urlInputContainer{display:flex;flex-direction:column;gap:10px}#urlInput,#editableShortId{width:100%;padding:12px 16px;border-radius:4px;border:1px solid var(--input-border);outline:none;box-sizing:border-box;font-size:16px;background-color:var(--input-bg);transition:all 0.3s cubic-bezier(.25,.46,.45,.94);min-height:44px;color:var(--text-color)}#urlInput:focus,#editableShortId:focus{border-color:var(--btn-color);box-shadow:0 0 0 3px var(--btn-shadow);transform:scale(1.02)}#closeUrlBtn,#closeEditBtn,#uploadUrlBtn,#saveUrlBtn,#copyUrlBtn,#generateUrlBtn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-color);border-radius:4px;margin:5px 0;width:100%;padding:12px 16px;font-size:16px;min-height:44px;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;overflow:hidden;will-change:transform;line-height:1.4;touch-action:manipulation}#closeUrlBtn::before,#closeEditBtn::before,#uploadUrlBtn::before,#saveUrlBtn::before,#copyUrlBtn::before,#generateUrlBtn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgb(255 255 255 / .3);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}#closeUrlBtn:active::before,#closeEditBtn:active::before,#uploadUrlBtn:active::before,#saveUrlBtn:active::before,#copyUrlBtn:active::before,#generateUrlBtn:active::before{width:300px;height:300px}#closeUrlBtn:hover,#closeEditBtn:hover,#uploadUrlBtn:hover,#saveUrlBtn:hover,#copyUrlBtn:hover,#generateUrlBtn:hover{background:var(--btn-hover-bg);transform:translateY(-1px)}#closeUrlBtn:active,#closeEditBtn:active,#uploadUrlBtn:active,#saveUrlBtn:active,#copyUrlBtn:active,#generateUrlBtn:active{transform:translateY(0);box-shadow:0 2px 6px var(--btn-shadow)}#closeUrlBtn:focus,#closeEditBtn:focus,#uploadUrlBtn:focus,#saveUrlBtn:focus,#copyUrlBtn:focus,#generateUrlBtn:focus{outline:2px solid var(--btn-color);outline-offset:2px}#link{margin-top:15px;word-break:break-word;font-weight:700;color:var(--btn-color);cursor:pointer;user-select:none;transition:all 0.2s ease;font-size:16px}#link:hover{color:var(--text-link-hover);text-shadow:0 2px 4px rgb(0 88 128 / .3)}#toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%) translateY(20px) scale(.95);background:var(--toast-bg);color:var(--toast-color);padding:12px 25px;border-radius:999px;font-weight:600;opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 5px 20px rgb(0 0 0 / .25);z-index:9999;font-size:14px;will-change:transform,opacity;display:flex;align-items:center;gap:8px}#toast::before{content:'';width:10px;height:10px;border-radius:50%;background:#fff;opacity:.8}#toast.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}#toast.toast-success{background:#22c55e;color:#fff}#toast.toast-error{background:#ef4444;color:#fff}#toast.toast-info{background:#3b82f6;color:#fff}#toast.toast-warning{background:#f59e0b;color:#111827}#editUrlContainer{position:relative;background:var(--edit-bg);border:2px solid var(--edit-border);border-radius:12px;padding:20px;margin:20px auto;display:none;flex-direction:column;gap:15px;transition:all 0.4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 24px rgb(104 211 145 / .3),0 1px 4px rgb(0 0 0 / .1);max-width:500px;animation:slideInUp 0.5s ease-out;z-index:1000}#editUrlContainer.show{display:flex}@keyframes slideInUp{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-header{display:flex;justify-content:space-between;align-items:center;background:var(--edit-header-bg);padding:12px;border-radius:8px;border:1px solid var(--edit-border);box-shadow:0 2px 8px rgb(104 211 145 / .2)}.edit-header .file-name{font-weight:700;color:var(--text-color);font-size:16px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-header .file-size{background:var(--edit-border);color:var(--btn-color);padding:6px 10px;border-radius:6px;font-weight:700;font-size:14px;min-width:70px;text-align:center}.edit-url-section{display:flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:12px;transition:all 0.3s ease;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.edit-url-section:hover{background:var(--edit-bg);border-color:var(--edit-border);transform:translateY(-1px);box-shadow:0 4px 12px rgb(104 211 145 / .2)}.edit-url-section span{background:#fff0;color:var(--btn-color);font-weight:700;white-space:nowrap;padding:0 8px;font-size:14px}#editableShortId{flex:1;min-width:120px;border:none;background:#fff0;color:var(--btn-color);font-weight:700;padding:10px;outline:none;transition:all 0.3s ease;font-size:16px}#editableShortId:focus{background:var(--edit-bg);box-shadow:0 0 0 2px var(--edit-border)}.edit-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}.edit-buttons .btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-color);border-radius:6px;padding:12px 20px;font-size:14px;cursor:pointer;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);min-width:90px;min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;margin:0;width:auto;line-height:1.4;touch-action:manipulation;box-shadow:0 2px 4px rgb(183 209 160 / .3)}.edit-buttons .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.5s ease}.edit-buttons .btn:hover::before{left:100%}.edit-buttons .btn:hover{background:var(--btn-hover-bg);transform:translateY(-2px);box-shadow:0 4px 12px var(--btn-shadow)}.edit-buttons .btn:active{transform:translateY(0);box-shadow:0 2px 6px var(--btn-shadow)}.edit-buttons .btn:focus{outline:2px solid var(--btn-color);outline-offset:2px}#replaceBtn,#closeReplaceBtn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-color);border-radius:4px;margin:5px;padding:12px 20px;font-size:16px;min-height:44px;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;display:inline-block;will-change:transform;line-height:1.4;touch-action:manipulation}#replaceBtn:hover,#closeReplaceBtn:hover{background:var(--btn-hover-bg);transform:translateY(-1px);box-shadow:0 4px 12px var(--btn-shadow)}#replaceBtn:active,#closeReplaceBtn:active{transform:translateY(0);box-shadow:0 2px 6px var(--btn-shadow)}#replaceBtn:focus,#closeReplaceBtn:focus{outline:2px solid var(--btn-color);outline-offset:2px}.edit-url-btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-color);border-radius:4px;padding:10px 16px;font-size:14px;min-height:44px;cursor:pointer;margin-left:10px;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);line-height:1.4;touch-action:manipulation;box-shadow:0 2px 4px rgb(183 209 160 / .3)}.edit-url-btn:hover{background:var(--btn-hover-bg);transform:translateY(-1px);box-shadow:0 4px 12px var(--btn-shadow)}.edit-url-btn:active{transform:translateY(0)}.edit-url-btn:focus{outline:2px solid var(--btn-color);outline-offset:2px}.copy-url-btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-color);border-radius:4px;padding:10px 16px;font-size:14px;min-height:44px;cursor:pointer;margin-left:10px;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);line-height:1.4;touch-action:manipulation;box-shadow:0 2px 4px rgb(183 209 160 / .3)}.copy-url-btn:hover{background:var(--btn-hover-bg);transform:translateY(-1px);box-shadow:0 4px 12px var(--btn-shadow)}.copy-url-btn:active{transform:translateY(0)}.copy-url-btn:focus{outline:2px solid var(--btn-color);outline-offset:2px}footer{text-align:center;padding:15px;font-size:14px;color:var(--footer-color);font-weight:600;margin-bottom:20px;transition:color 0.3s ease}.donation-bar{background-color:var(--donation-bar-bg);border:1px solid var(--donation-bar-border);border-radius:4px;padding:10px;margin:20px 0;text-align:center;color:var(--donation-bar-color);font-size:12px;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px rgb(188 232 241 / .3)}.donation-bar:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(22 113 150 / .2)}.donation-bar .links{margin-top:10px}.donation-bar .links a{color:var(--donation-bar-color);margin:0 10px;text-decoration:none;transition:color 0.3s ease}.donation-bar .links a:hover{color:var(--text-link-hover)}#file-preview{margin:20px 0;display:none}.selected-file{border:2px solid var(--preview-border);border-radius:12px;padding:20px;margin:10px 0;background:var(--preview-bg);display:block;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 24px rgb(104 211 145 / .3),0 1px 4px rgb(0 0 0 / .1);position:relative;overflow:hidden}.selected-file::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--edit-border),var(--btn-color))}.selected-file:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgb(104 211 145 / .4)}.file-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.file-name{flex:1;font-weight:700;font-size:16px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-progress-bar{flex:1;height:8px;background-color:var(--edit-border);border-radius:4px;position:relative;overflow:hidden;transition:width 0.3s ease;max-width:200px}.file-progress-bar::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.file-size{white-space:nowrap;font-size:14px;color:var(--btn-color);font-weight:700;min-width:60px;text-align:right}.file-url{margin-top:15px;word-break:break-word;font-size:14px;color:var(--text-link-hover);display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.file-url a{color:var(--text-link-hover);text-decoration:none;font-weight:700;padding:8px 12px;border-radius:6px;background:var(--file-url-bg);border:1px solid var(--btn-border)}.file-url a:hover{text-decoration:underline;background:var(--btn-hover-bg);transform:translateY(-1px)}.uploaded-image{margin-top:15px;text-align:center;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .1);max-height:300px;display:block}.uploaded-image img{max-width:100%;height:auto;display:block;transition:transform 0.3s ease}.uploaded-image:hover img{transform:scale(1.02)}.info-card{margin-top:12px;padding:12px 16px;border:2px solid #2cb7c0;border-radius:18px;background:#fff;color:#111827;text-align:center;line-height:1.35;box-shadow:0 2px 8px rgb(0 0 0 / .08);max-width:760px;margin-left:auto;margin-right:auto;margin-bottom:20px}.info-card p{margin:6px 0}.info-card strong{font-weight:800}.info-card a{color:#1e73be;font-weight:700;text-decoration:underline;text-underline-offset:2px}body.dark .info-card{background:#0f141a;color:#e7eef6;border-color:#2cb7c0;box-shadow:0 8px 18px rgb(0 0 0 / .35)}body.dark .info-card a{color:#8cc7ff}.music-player-section{background:var(--bg-color);background-attachment:fixed;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),var(--player-bg);background-size:10px 10px,10px 10px,cover;border-radius:16px;padding:clamp(15px, 3vw, 20px);margin-bottom:30px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 30px var(--shadow-color),0 0 0 1px var(--premium-border),inset 0 0 15px var(--player-shine);backdrop-filter:blur(10px);border:1px solid var(--border-color);animation:slideInUpGlow 1s cubic-bezier(.25,.46,.45,.94) 0.5s both;flex-shrink:0}@keyframes slideInUpGlow{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.music-player-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,var(--accent-color),transparent),radial-gradient(2px 2px at 40px 70px,rgb(124 179 66 / .6),transparent),radial-gradient(1px 1px at 90px 40px,#7cb342,transparent),radial-gradient(1px 1px at 130px 80px,rgb(70 136 71 / .4),transparent),radial-gradient(2px 2px at 160px 30px,var(--accent-color),transparent),radial-gradient(3px 3px at 200px 50px,rgb(168 213 186 / .5),transparent);background-repeat:repeat;background-size:250px 120px;animation:floatParticles 25s linear infinite,subtleGlow 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px var(--player-glow));opacity:.8;z-index:-1}@keyframes subtleGlow{from{opacity:.8}to{opacity:1}}.music-player-section:hover::before{opacity:1;animation-duration:20s,2s}.dark .music-player-section::before{background-image:radial-gradient(2px 2px at 20px 30px,var(--accent-color),transparent),radial-gradient(2px 2px at 40px 70px,rgb(124 179 66 / .4),transparent),radial-gradient(1px 1px at 90px 40px,#4a8f28,transparent),radial-gradient(1px 1px at 130px 80px,rgb(74 143 40 / .3),transparent),radial-gradient(2px 2px at 160px 30px,var(--accent-color),transparent),radial-gradient(3px 3px at 200px 50px,rgb(74 144 226 / .4),transparent)}.music-player-section::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--player-shine),transparent);transition:left 0.6s;z-index:1}.music-player-section:hover::after{left:100%}.music-player-section h2{color:var(--player-text);font-size:clamp(1rem, 2.5vw, 1.25rem);margin-bottom:15px;text-align:center;font-weight:600;position:relative;z-index:2;text-shadow:0 1px 3px var(--btn-shadow)}.music-player{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:2}.album-art{width:150px;height:150px;border-radius:12px;box-shadow:0 6px 20px rgb(0 0 0 / .2),0 0 20px var(--player-glow);transition:all 0.3s cubic-bezier(.25,.46,.45,.94);object-fit:cover;position:relative;overflow:hidden;border:1px solid var(--premium-border)}.album-art::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--player-shine),transparent);transition:left 0.6s}.album-art:hover::before{left:100%}.album-art.playing{animation:albumRotate 20s linear infinite,gentleFloat 2s ease-in-out infinite alternate;box-shadow:0 6px 20px rgb(0 0 0 / .2),0 0 25px var(--player-glow);transform:scale(1.03)}@keyframes albumRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.album-art:hover{transform:scale(1.05) rotate(2deg)}.track-info{color:var(--player-text);text-align:center}.track-info h4{font-size:1.1rem;font-weight:600;margin:0 0 3px 0;text-shadow:0 1px 3px var(--btn-shadow);transition:color 0.3s ease}.track-info h4:hover{color:var(--player-accent);text-shadow:0 0 8px var(--player-glow)}.track-info p{font-size:.85rem;opacity:.8;margin:0;color:var(--player-text);font-style:italic}#audioPlayer{width:100%;margin:10px 0;outline:none;appearance:none;background:#fff0}#audioPlayer::-webkit-media-controls-panel{background:var(--card-bg);border-radius:8px;box-shadow:0 3px 15px var(--player-glow);border:1px solid var(--premium-border)}#audioPlayer::-webkit-media-controls-play-button,#audioPlayer::-webkit-media-controls-volume-slider,#audioPlayer::-webkit-media-controls-current-time-display,#audioPlayer::-webkit-media-controls-time-remaining-display{filter:none;transition:all 0.3s ease;border-radius:4px;box-shadow:inset 0 1px 2px rgb(255 255 255 / .2),0 1px 3px rgb(0 0 0 / .1)}#audioPlayer::-webkit-media-controls-play-button:hover{box-shadow:inset 0 1px 2px rgb(255 255 255 / .3),0 2px 5px rgb(0 0 0 / .2),0 0 8px var(--player-glow);transform:translateY(-1px)}#audioPlayer::-webkit-media-controls-timeline{background-color:var(--player-progress);border-radius:4px;box-shadow:inset 0 1px 2px rgb(0 0 0 / .1)}.music-player-section .progress-container{height:4px;background:rgb(255 255 255 / .1);border-radius:2px;overflow:hidden;margin-top:10px;position:relative;box-shadow:inset 0 1px 2px rgb(0 0 0 / .05);border:1px solid var(--premium-border)}.music-player-section .progress-bar{height:100%;background:linear-gradient(90deg,var(--player-accent),var(--accent-color));width:0%;transition:width 0.2s ease;border-radius:1px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgb(255 255 255 / .2),0 1px 2px rgb(0 0 0 / .1)}.music-player-section .progress-bar::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--player-shine),transparent);transform:translateX(-100%);animation:progressShine 2s linear infinite}@keyframes progressShine{from{transform:translateX(-100%)}to{transform:translateX(400%)}}.dark .music-player-section{border-color:var(--border-color);box-shadow:0 8px 30px var(--shadow-color),0 0 0 1px var(--premium-border),inset 0 0 15px var(--player-shine)}.dark #audioPlayer::-webkit-media-controls-panel{background:var(--card-bg)}