:root{--ink:#172724;--green:#116b56;--paper:#f5f3ec;--line:#d8ded9}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Microsoft YaHei,sans-serif}main{max-width:1080px;margin:auto;padding:0 24px}header{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:76px;display:flex}header .mark{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}header div:last-child{flex-direction:column;display:flex}header span{color:#6d7976;margin-top:3px;font-size:12px}.hero{padding:55px 0 32px}.hero p{color:var(--green);letter-spacing:.16em;font-size:11px;font-weight:800}.hero h1{margin:10px 0;font-size:44px}.hero>span{color:#6d7976}.workspace{border:1px solid var(--line);background:#fff;padding:24px}.auth{border-bottom:1px solid var(--line);align-items:end;gap:10px;padding-bottom:20px;display:flex}.auth label,.create label,.appVersion label{flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.auth span{color:#6d7976;margin-left:auto;font-size:12px}input,textarea{border:1px solid var(--line);font:inherit;padding:10px}button{border:1px solid var(--line);background:var(--ink);color:#fff;cursor:pointer;padding:10px 14px}button:disabled{opacity:.45;cursor:not-allowed}.create{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;padding:24px 0;display:grid}.create h2{grid-column:1/-1;margin:0 0 5px}.appVersion{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;align-items:end;gap:12px;padding:24px 0;display:grid}.appVersion h2{grid-column:1/-1;margin:0}.appVersion label:nth-of-type(2),.appVersion label:nth-of-type(3){grid-column:1/-1}.appVersion textarea{resize:vertical}.appVersion span{color:#6d7976;align-self:center;font-size:11px}.licenses h2{margin-top:25px}.licenses article{border:1px solid var(--line);margin:10px 0;padding:15px}.licenses article>div{justify-content:space-between;gap:10px;display:flex}.licenses article p{color:#6d7976;font-size:13px}.licenses article button{color:var(--ink);background:#fff;padding:7px 10px}.licenses .active{color:var(--green);background:#e1f1e8;padding:4px 8px;font-size:11px}.licenses .disabled{color:#b42318;background:#fce8e6;padding:4px 8px;font-size:11px}.empty{color:#7b8783;text-align:center;padding:30px}footer{text-align:center;color:#7b8783;padding:30px;font-size:12px}@media (max-width:720px){.create,.appVersion{grid-template-columns:1fr}.appVersion h2,.appVersion label:nth-of-type(2),.appVersion label:nth-of-type(3){grid-column:1}.auth{flex-direction:column;align-items:stretch}.auth span{margin:0}.hero h1{font-size:35px}}