:root{font-family:system-ui,-apple-system,sans-serif;color:#e9edf7;background:#10141c;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:40px 28px}header,.title{display:flex;align-items:center;justify-content:space-between;gap:16px}header{color:#aab5c9;font-size:14px}.brand{font-weight:750;letter-spacing:2px;color:#7cacf9}h1{font-size:clamp(34px,6vw,60px);line-height:1.1;letter-spacing:-2px;margin:48px 0 36px}h2{font-size:22px;margin:14px 0}p{color:#b8c3d6;line-height:1.6} .setup{display:grid;grid-template-columns:1fr 1fr;border:1px solid #334055;border-radius:18px;overflow:hidden}.setup>div{padding:28px}.setup>div+div{border-left:1px solid #334055}.step{font-size:13px;letter-spacing:1px;color:#82aff7}button,.button{border:0;border-radius:9px;background:#86b5ff;color:#101b2e;padding:14px 20px;display:inline-block;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}button:disabled{opacity:.5}small{display:block;color:#9aaac1;font-size:14px;margin-top:16px}.code{font:600 27px ui-monospace,monospace;letter-spacing:3px;margin-top:26px;overflow-wrap:anywhere}aside{background:#1b2638;border-radius:12px;padding:20px;margin:22px 0 42px;line-height:1.6;color:#c7d4e9}aside b{color:#fff}.files .title button{background:#26364d;color:#dce9fd;padding:10px 16px}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #2c3749}.row div{min-width:0}.row b,.row small{overflow-wrap:anywhere}.row small{margin:6px 0 0}.row button{padding:10px 16px}.empty{padding:35px;border:1px dashed #3d4d66;border-radius:12px;color:#aabbd2}footer{margin:40px 0 0;color:#94a3bb;font-size:14px}#count{color:#86b5ff;font-size:18px}@media(max-width:650px){main{padding:24px 18px}header{align-items:flex-start;flex-direction:column}.setup{grid-template-columns:1fr}.setup>div+div{border-left:0;border-top:1px solid #334055}.setup>div{padding:24px}h1{margin-top:32px}.row{align-items:flex-start;flex-direction:column}.code{font-size:23px}}
