@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap');:root{font-family:'Chakra Petch',sans-serif;color:#e9f4ff;background:#030611;--cyan:#55e6ff;--yellow:#ffc62e;--pink:#ef42c7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 10%,#15213b 0,#060914 32%,#02040a 70%)}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#70cfff 1px,transparent 1px),radial-gradient(#d04cff 1px,transparent 1px);background-position:0 0,40px 50px;background-size:91px 91px,137px 137px;opacity:.25}header{height:66px;padding:0 max(22px,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28364e;background:#060a12e8;position:relative;z-index:2}header a{color:#fff;text-decoration:none;font-size:21px;letter-spacing:.16em}header a span{color:var(--yellow)}header a small{color:#8391a5;font-size:10px}header>div{font:10px 'Space Mono';color:#8c9bb1;letter-spacing:.16em}header i{font-style:normal;color:#ff6f85;margin-left:12px}button{border:0;background:var(--yellow);color:#090b0e;padding:13px 18px;font:700 12px 'Chakra Petch';letter-spacing:.08em;cursor:pointer}button:disabled{opacity:.45;cursor:wait}header button,#refresh{background:transparent;color:var(--cyan);border:1px solid #33445e}main{width:min(1120px,92vw);margin:0 auto;padding:55px 0;position:relative}.panel{background:#0b111de8;border:1px solid #2d3b53;box-shadow:0 30px 100px #0009}.login{width:min(480px,100%);margin:7vh auto;padding:38px}.eyebrow{font:10px 'Space Mono';color:var(--cyan);letter-spacing:.15em}.login h1,.hero h1{font-size:42px;margin:10px 0}.login>p:not(.eyebrow){color:#8c9bb0;line-height:1.6}.login form{display:grid;gap:10px;margin-top:22px}.login label{font:10px 'Space Mono';color:#7e8da3}.login input{width:100%;background:#050811;border:1px solid #3c4b64;color:#fff;padding:15px;font:25px 'Space Mono';letter-spacing:.45em;text-align:center;outline:0}.login input:focus{border-color:var(--cyan);box-shadow:0 0 18px #36d9fa22}#message{font:11px 'Space Mono';color:#ff8294;min-height:16px}.hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.hero p{max-width:650px;color:#8494aa}.hero code{color:var(--yellow)}.status{border-left:2px solid #293a51;padding:8px 14px;font:10px 'Space Mono';color:#9dafc4}.status i{display:inline-block;width:7px;height:7px;background:#43f6b6;border-radius:50%;box-shadow:0 0 10px #43f6b6}.status small{display:block;color:#64748b;margin-top:7px}.drop{position:relative;min-height:250px;border:1px dashed #47617d;background:linear-gradient(135deg,#0b1422bb,#090a17dd);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.2s}.drop.drag,.drop:hover{border-color:var(--cyan);background:#0c1a29}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop .crate{font-size:58px;color:var(--yellow);filter:drop-shadow(0 0 18px #ffc62e55)}.drop h2{margin:5px}.drop p{margin:2px;color:#8696aa}.drop small{margin-top:16px;color:#65758b;font:9px 'Space Mono'}.progress{position:absolute;bottom:0;left:0;right:0;height:3px}.progress i{display:block;height:100%;width:0;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .2s}.library-head{display:flex;align-items:end;justify-content:space-between;margin:45px 0 15px}.library-head h2{margin:5px 0}.library-head h2 span{font-size:12px;color:var(--yellow)}.assets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.asset{background:#0b101bcf;border:1px solid #26344a;padding:16px;min-width:0}.asset-top{display:flex;justify-content:space-between}.asset-type{color:var(--pink);font:10px 'Space Mono'}.asset-size{color:#718198;font:10px 'Space Mono'}.asset h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.asset code{display:block;padding:9px;background:#03060c;color:#9bb4cd;font:9px 'Space Mono';overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset footer{display:flex;gap:8px;margin-top:12px}.asset button,.asset a{padding:8px 10px;border:1px solid #30415a;background:transparent;color:var(--cyan);text-decoration:none;font:700 10px 'Chakra Petch'}.empty{grid-column:1/-1;text-align:center;padding:50px;color:#66768c;border:1px dashed #26364d}@media(max-width:760px){header>div{display:none}.hero{display:block}.status{margin-top:20px}.assets{grid-template-columns:1fr}.login{padding:25px}}