.studio{min-height:100vh;padding:4vw;font-family:var(--mono)}.studio>header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid;padding-bottom:2rem}.studio.login h1,.studio>header h1{font:900 clamp(3rem,7vw,7rem)/1 var(--serif);margin:.5rem 0}.studio-mark,.studio>header p{font-size:11px;letter-spacing:.1em;color:var(--moss)}.studio>header a{color:inherit}.setup{margin-top:2rem;padding:1rem;border:1px solid var(--moss);color:var(--moss);font-size:12px}.studio-grid{display:grid;grid-template-columns:330px 1fr;border:1px solid;margin-top:3rem}.studio-grid>aside{border-right:1px solid;max-height:900px;overflow:auto}.studio-grid>aside>button{width:100%;padding:1.4rem;text-align:left;background:var(--ink);color:var(--paper);border:0;font:12px var(--mono)}.studio-grid aside article{padding:1.3rem;border-bottom:1px solid var(--line);cursor:pointer}.studio-grid aside article:hover{background:#fff5}.studio-grid aside h3{font:600 1rem var(--serif);margin:.5rem 0}.studio-grid aside small,.studio-grid aside span{font-size:9px;color:var(--muted)}.editor{padding:3rem;max-width:900px}.editor label,.login label{display:flex;flex-direction:column;gap:.5rem;font-size:10px;letter-spacing:.08em;margin-bottom:1.5rem}.editor input,.editor select,.editor textarea,.login input{width:100%;border:0;border-bottom:1px solid;background:#ffffff30;padding:.9rem;font:1rem var(--serif);border-radius:0}.editor textarea.body{font-family:var(--mono);font-size:.85rem;line-height:1.8}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.editor-top{display:flex;justify-content:space-between;margin-bottom:2rem;color:var(--moss);font-size:11px}.editor-top button{border:0;background:none;color:#8c2d24}.login button,.save{background:var(--moss);color:white;border:0;padding:1rem 2rem;font:11px var(--mono);cursor:pointer}.login{max-width:600px;margin:auto;padding-top:15vh}.login form{margin-top:4rem}.login button{width:100%}@media(max-width:800px){.studio-grid{grid-template-columns:1fr}.studio-grid>aside{border-right:0;border-bottom:1px solid;max-height:320px}.editor{padding:1.5rem}.two{grid-template-columns:1fr}}