*{box-sizing:border-box}body{color:#1d1d1f;background:#f6f5f2;margin:0;font:14px/1.45 system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #c9c6bf;border-radius:6px;padding:4px 10px}input,select{background:#fff;border:1px solid #c9c6bf;border-radius:6px;padding:4px 8px}.app{grid-template-columns:300px 1fr 300px;height:100vh;display:grid}.col{border-right:1px solid #e2dfd8;padding:14px;overflow:auto}.col:last-child{background:#fbfaf8;border-right:0}h2{text-transform:uppercase;letter-spacing:.06em;color:#77736a;margin:18px 0 6px;font-size:12px}.row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.item{cursor:pointer;border-radius:6px;padding:6px 8px}.item:hover{background:#ece9e2}.item.active{background:#e2ddd1}.muted{color:#77736a;font-size:12px}.editor{background:#fff;border:1px solid #e2dfd8;border-radius:8px;min-height:320px;padding:6px 16px}.editor .ProseMirror{outline:none;min-height:300px}.title{background:0 0;border:0;width:100%;padding:4px 0;font-size:22px;font-weight:600}pre{white-space:pre-wrap;background:#fff;border:1px solid #e2dfd8;border-radius:6px;padding:8px;font-size:12px}.error{color:#a1260d;font-size:12px}.banner{color:#f6f5f2;background:#1d1d1f;padding:8px 14px;font-size:12px}.account{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account button{color:#1d1d1f;padding:2px 8px}.warning{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:10px;display:flex}.signin{flex-direction:column;align-items:center;gap:8px;margin:auto;display:flex}.signin h1{margin:0;font-size:24px}#root{flex-direction:column;height:100vh;display:flex}.picker{cursor:pointer;background:#fff;border:1px solid #c9c6bf;border-radius:6px;padding:4px 10px}.picker input{display:none}.media{margin:10px 0}.media figure{margin:0}.media img,.media video{border-radius:6px;max-width:100%;max-height:360px;display:block}.media audio{width:100%}.media progress{width:100%;display:block}.collection{border:1px solid #e2dfd8;border-radius:8px;margin:10px 0;padding:8px}.collection-items>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}
