@font-face{font-family:Studio;src:local("Segoe UI")}*{box-sizing:border-box}:root{color-scheme:dark;--blue:#0052e0;--line:#263044;--muted:#8f9fb8}body{margin:0;font-family:Studio,Arial,sans-serif;background:#0b101a;color:#f3f6ff;font-size:14px}header{display:flex;align-items:center;justify-content:space-between;height:90px;padding:0 5vw;border-bottom:1px solid var(--line);background:#0d131f}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:#fff;font-size:36px;font-weight:800}.brand>span{font-size:18px;letter-spacing:3px}.brand small{display:block;color:#8c9fbc;font-size:9px;letter-spacing:3px;margin-top:5px}.domain{font-size:12px;color:var(--muted);letter-spacing:.6px}main{max-width:1500px;margin:auto;padding:0 5vw}.hero{display:flex;align-items:center;justify-content:space-between;padding:60px 0 52px;gap:25px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#89a3c7}h1{font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1.08;letter-spacing:-3px;margin:21px 0}h1 em{font-style:normal;color:#6299ff}.hero p{color:var(--muted);font-size:14px;line-height:1.9}.hero-number{border-left:1px solid var(--line);padding:30px 30px 30px 50px;min-width:235px}.hero-number strong{font-size:70px;font-weight:400;letter-spacing:-4px;display:block}.hero-number span{display:block;font-size:10px;letter-spacing:2px;color:#a9bad5;margin-top:7px}.hero-number small{display:block;color:#7186a6;font-size:11px;margin-top:22px}.library{border-top:1px solid var(--line)}.library-top{display:flex;justify-content:space-between;align-items:center;padding:28px 0 22px}.title{display:flex;align-items:center;gap:12px}.marker{width:7px;height:7px;background:var(--blue);border-radius:50%}h2{font-size:20px;font-weight:500;margin:0}.title>span:last-child{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 7px}a{color:#a6c4ff}.manifest{font-size:11px;text-decoration:none}.filters{display:flex;gap:12px}.search{display:flex;flex:1;align-items:center;background:#111b2b;border:1px solid #2c3a51;border-radius:8px;padding:0 15px}.search>span{font-size:28px;color:#7b91b5;margin-right:10px}input,select,button{font:inherit}input{background:transparent;border:0;color:#fff;padding:15px 0;width:100%;outline:none}select{min-width:170px;border:1px solid #2c3a51;border-radius:8px;background:#111b2b;color:#c7d5eb;padding:12px;font-size:12px}.result-line{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:20px 0}.result-line a{text-decoration:none;color:#839abd}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#111a29;border:1px solid #253147;border-radius:10px;overflow:hidden;transition:border-color .15s,transform .15s}.card:hover{border-color:#477bd7;transform:translateY(-2px)}.preview{background-color:#172133;background-image:linear-gradient(45deg,#1c283d 25%,transparent 25%),linear-gradient(-45deg,#1c283d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c283d 75%),linear-gradient(-45deg,transparent 75%,#1c283d 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;display:grid;place-items:center;aspect-ratio:1.15;position:relative;width:100%;border:0;padding:0;color:var(--muted);cursor:zoom-in}.preview img{width:100%;height:100%;object-fit:contain}.preview .badge{position:absolute;left:12px;top:12px;background:#0d1420d9;border:1px solid #ffffff12;border-radius:4px;font-size:9px;color:#b7c8e2;padding:5px 7px;letter-spacing:.3px}.info{padding:15px}.info h3{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 8px}.info code{color:#7d91b2;font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid #ffffff09}.card-bottom small{color:#758caf;font-size:10px}.copy{font-size:10px;color:#a6c4ff;border:1px solid #304a72;background:#0052e015;padding:6px 9px;border-radius:5px;cursor:pointer}.copy:hover{background:#0052e0;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:30px;padding:36px 0}.pagination button{padding:10px 15px;border:1px solid var(--line);border-radius:6px;color:#b3c5e0;background:#111b2b;cursor:pointer}.pagination button:disabled{opacity:.3;cursor:default}.pagination span{font-size:11px;color:var(--muted)}footer{padding:25px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#7185a5;font-size:9px;letter-spacing:1px}.empty{padding:70px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#0052e0;border:1px solid #639aff;border-radius:8px;box-shadow:0 8px 30px #0008;font-size:12px}dialog{background:#111b2b;border:1px solid #34496c;border-radius:12px;color:#f3f6ff;padding:24px;width:min(520px,90vw)}dialog::backdrop{background:#05080ed9}dialog .preview{aspect-ratio:1;border-radius:8px;margin-bottom:20px}dialog>button{float:right;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}dialog p{color:var(--muted);font-family:monospace;font-size:12px}dialog>a{font-size:12px}.missing{font-size:11px;color:#8da1bf}[hidden]{display:none!important}:focus-visible{outline:2px solid #6ba1ff;outline-offset:3px}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-number{padding-left:30px;min-width:180px}}@media(max-width:720px){.hero{padding:35px 0}.hero-number{display:none}.filters{flex-wrap:wrap}.search{flex-basis:100%}select{flex:1;min-width:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.domain{font-size:9px}.info{padding:10px}.info h3{font-size:12px}.card-bottom{gap:5px}.copy{padding:5px;font-size:9px}.result-line{font-size:10px}footer{gap:20px;line-height:1.7}.wide{display:none}}

.login{max-width:760px;margin:12vh auto;padding:40px}.login p{color:#a3acc0;line-height:1.7}.primary-button{display:inline-block;background:#0052E0;color:white;border:0;border-radius:8px;padding:14px 22px;font:inherit;cursor:pointer;text-decoration:none}.primary-button:disabled{opacity:.5;cursor:wait}.account{display:flex;gap:16px;align-items:center}.account button,.library-tabs button{background:transparent;border:1px solid #303849;color:#e7edff;padding:10px 18px;border-radius:8px;cursor:pointer}.library-tabs{display:flex;gap:12px;margin:0 0 24px}.library-tabs .active{background:#0052E0;border-color:#0052E0}.upload-section{border:1px solid #303849;padding:28px;border-radius:12px;margin-bottom:28px;background:#111824}.upload-section[hidden]{display:none}.upload-section p{color:#a3acc0}.upload-section form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.upload-section label{display:flex;flex-direction:column;gap:8px}.upload-section input:not([type=checkbox]){background:#080d17;border:1px solid #303849;border-radius:6px;color:#fff;padding:12px;font:inherit;min-width:0}.upload-section .check{flex-direction:row;align-items:center}.upload-section #upload-message{grid-column:1/-1;overflow-wrap:anywhere}.upload-section input[type=file]{max-width:100%}@media(max-width:640px){.upload-section form{grid-template-columns:1fr}.account #account-name{display:none}.library-tabs{flex-wrap:wrap}.upload-section{padding:18px}}