:root{font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#163d29;background:#eff8f1}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:1500px;margin:auto;padding:32px}h1{font-size:24px;margin:0;font-weight:650}header{display:flex;align-items:center;gap:20px;margin-bottom:28px}header span{margin-left:auto;color:#52695b}button,input,select,textarea{font:inherit;color:inherit;border:1px solid #c5e3d0;border-radius:8px;background:#f9fcf9;min-height:40px;padding:8px 12px}button{cursor:pointer;font-weight:550;white-space:nowrap}button:hover{background:#e1efe5}button:disabled{opacity:.5;cursor:wait}.primary{color:white;background:#007b42;border-color:#007b42}.primary:hover{background:#006531}label{display:flex;flex-direction:column;gap:6px;margin:12px 0}input[type=checkbox]{min-height:0;accent-color:#007b42}.check{flex-direction:row;align-items:center;margin:0;gap:8px}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar span{margin-left:auto;color:#52695b}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:32px}.editor textarea{width:100%;height:58vh;min-height:340px;resize:vertical;line-height:1.8}.save{display:flex;gap:8px;margin-top:16px}.save input{min-width:0;flex:1}.hint{color:#52695b;font-size:12px;margin:12px 0}aside{border-left:1px solid #c5e3d0;padding-left:28px}nav{display:flex;gap:8px;margin-bottom:20px}nav button{border:0;background:transparent}nav button[aria-pressed=true]{background:#d7ecdf;color:#006b39}#preview{max-width:100%;height:180px;object-fit:contain;margin-top:12px}.upload input{width:100%;font-size:12px}summary{cursor:pointer;padding:10px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;font:inherit}#result:empty{display:none}.version-row{padding:16px 0;border-bottom:1px solid #c5e3d0}.version-row p{margin:4px 0 12px;color:#52695b}.version-row button{margin-right:8px}#login{max-width:420px;margin:15vh auto}#login button{width:100%;margin-top:12px}#status{max-width:1500px;margin:0 auto;padding:0 32px 24px;color:#a33333;white-space:pre-wrap}input:focus,textarea:focus,button:focus-visible,select:focus{outline:2px solid #007b42;outline-offset:2px}::placeholder{color:#52695b}::selection{background:#d7ecdf}@media(max-width:850px){main{padding:20px}.workspace{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #c5e3d0;padding:24px 0}.save{flex-wrap:wrap}.save input{flex-basis:100%}.editor textarea{height:45vh}}
