*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#e5eaf5;font:16px/1.5 system-ui,sans-serif}main{max-width:1050px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:15px;padding:12px 0 30px}header a{font-size:24px;font-weight:750;text-decoration:none;color:#8db8ff}header span,.muted{color:#a4aec4}section{background:#151e32;border:1px solid #2a3650;border-radius:18px;padding:25px;margin-bottom:22px}h1,h2{margin-top:0;overflow-wrap:anywhere}h1{font-size:25px}h2{font-size:21px}label{display:block;flex:1;min-width:180px;margin:10px 0}input,select{display:block;background:#0b1326;color:#edf2ff;border:1px solid #41506c;border-radius:9px;padding:12px;width:100%;margin-top:7px}button,.button{display:inline-block;border:0;border-radius:9px;background:#6499ff;color:#091127;font:inherit;font-weight:650;padding:10px 16px;cursor:pointer;text-decoration:none;margin:5px 6px 5px 0}button:disabled{opacity:.5;cursor:default}.secondary{background:#2c3a56;color:#e5eaf5}.danger{background:#71374b;color:white}.row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.row h1,.row h2{flex:1;margin-bottom:0}.drop{border:2px dashed #516a97;border-radius:12px;padding:20px}.drop.over{background:#233b62}progress{display:block;width:100%;height:20px;margin-top:16px;accent-color:#6499ff}.item{border-top:1px solid #34415c;padding:18px 0;overflow-wrap:anywhere}.item strong{font-size:18px}.item p{margin:7px 0}.error,#notice{color:#ffb5bb}#notice:empty{display:none}[hidden]{display:none!important}code{font-size:14px}@media(max-width:600px){main{padding:12px}section{padding:18px}header span{display:none}.row{display:block}}
/* FoxDrop UI v1 */
:root{--accent:#ffad69;--accent2:#e46b91;--ink:#f2effc}
body{background:radial-gradient(ellipse at 12% 0,#302038 0,transparent 48%),radial-gradient(ellipse at 100% 50%,#172b44 0,transparent 45%),#0c101c;color:var(--ink);min-height:100vh}
main{max-width:1120px;padding:28px}header{align-items:center;padding:10px 0 28px}header a{color:var(--accent);letter-spacing:-1px;font-size:29px}header a:before{content:'🦊';font-size:29px;margin-right:10px}header span{font-size:13px;letter-spacing:1px;text-transform:uppercase}
section{background:linear-gradient(130deg,#1c2238ee,#141c2dee);border-color:#ffffff13;box-shadow:0 15px 45px #0002;border-radius:22px}button,.button{background:linear-gradient(110deg,var(--accent),#ff8b79);color:#251628;transition:transform .15s,filter .15s}button:hover,.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary{background:#ffffff0c;border:1px solid #ffffff16;color:#ede9f6}.danger{background:#673448;color:#ffd9e6}
input,select{padding:10px 12px;border-color:#ffffff20;background:#0e1423;border-radius:10px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffad691c}label{font-size:14px;color:#c4cbdd}#login{max-width:420px;margin:7vh auto 35px;padding:30px}#login h1{font-size:27px;letter-spacing:-.6px}#login>p{color:#aeb8cd;font-size:14px}#login label{min-width:0;margin:16px 0}#login input{height:43px}#login button{width:100%;margin-top:12px}#login .muted{font-size:12px}body:has(#panel[hidden]) header{max-width:900px;margin:auto}
.drop{background:#ffffff03;border-color:#ffffff25;padding:26px;text-align:center}.drop.over{border-color:var(--accent);background:#ffad6910}progress{accent-color:var(--accent)}.item{padding:20px 0;border-color:#ffffff12}.item strong{font-size:17px}#notice{border-radius:10px;background:#272236;padding:10px 15px;font-size:14px}#notice:empty{display:none}
.link-card{display:block;width:100%;text-align:left;white-space:normal;background:linear-gradient(120deg,#ffad6914,#b37eff10);border:1px solid #ffad6950;border-radius:14px;padding:16px 18px;margin:14px 0;color:#fff;box-shadow:none}.link-card small{display:block;color:#eac7ad;font-size:12px;margin-bottom:7px}.link-card code{display:block;overflow-wrap:anywhere;font:14px/1.6 ui-monospace,monospace}.link-card.copied{border-color:#67d9aa;background:#67d9aa12}.link-card.copied small{color:#8fe7bd}.result-title{color:var(--accent);font-weight:650}.preview-shell{background:#080d17;border:1px solid #ffffff15;border-radius:16px;overflow:hidden;margin:24px 0}.preview-shell img,.preview-shell video{display:block;width:100%;max-height:72vh;object-fit:contain;background:#080d17}.preview-note{color:#acb6ca;font-size:14px;padding:18px}.share-meta{color:#aeb8cd;font-size:14px}.share-page{max-width:930px;margin:auto}.share-page h1{font-size:clamp(20px,4vw,29px)}@media(max-width:600px){main{padding:15px}#login{padding:24px;margin-top:30px}.link-card{padding:13px}header a{font-size:25px}}
