body{background-color:;place-items:stretch center;min-width:320px;min-height:100vh;margin:0;display:flex}.setup{background:linear-gradient(270deg,#fff,#c9cbd0);flex:auto;justify-content:space-around;align-items:center;display:flex}.setup article{border-radius:8px;flex:0 0 480px;width:400px;height:300px;padding:32px}.setup article header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.setup article header svg{height:48px}.setup article header h1{font-size:32px;font-weight:700}.setup article form{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.setup article form p{margin:0 0 16px}.setup article form h3{padding-bottom:8px;font-weight:700}.setup article form section{margin-bottom:16px}main{grid-template:"header header""aside article"1fr/280px 1fr;width:100vw;height:100vh;display:grid}main header{grid-area:header;width:100%;padding:8px 16px}main header svg{height:24px;display:inline-block}main header{align-items:center;display:flex}main header h3{margin-right:16px;font-weight:700}main header h4{text-align:right;flex:auto}main aside{background-color:#eae6e3;flex-direction:column;grid-area:aside;align-items:stretch;width:280px;display:flex}main aside>section{border-bottom:1px solid #eee;flex:auto;overflow:auto}main aside footer{flex:0 0 80px;justify-content:space-around;align-items:center;display:flex}main article{grid-area:article;overflow:hidden}.layer-entry{border-bottom:1px solid #eee;margin-bottom:8px;padding:8px 16px}.layer-entry h4{font-weight:700}.layer-entry{display:flex}.layer-entry aside{flex:0 0 48px}.layer-entry article{flex:auto}