:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#243a32;background:#f4f6f3;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.back{border:1px solid #cbd6cf;background:white;color:#2d443a;border-radius:8px;min-height:44px;padding:9px 13px;cursor:pointer;text-decoration:none}button:hover{background:#eef4ef}button.primary,button.active{background:#225c49;color:white;border-color:#225c49}button.primary:hover,button.active:hover{background:#184a39}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid #429c7a;outline-offset:2px}header{display:flex;align-items:center;gap:18px;padding:16px 24px;background:white;border-bottom:1px solid #dce4df;flex-wrap:wrap}h1{font-size:23px;margin:0}.files{display:flex;gap:8px;margin-left:auto}main{max-width:1500px;margin:auto;padding:20px}.intro{display:flex;gap:22px;align-items:center;margin-bottom:16px}.intro label{min-width:240px;font-size:14px}.intro p{color:#65766c;font-size:14px;line-height:1.7;margin:0}input,textarea,select{width:100%;border:1px solid #c6d5ca;border-radius:7px;padding:10px;background:white;color:#23382e;min-height:44px}.intro input{margin-top:5px}.board{border:1px solid #d5dfd8;border-radius:12px;overflow:hidden;background:white}.toolbar{display:flex;gap:12px;justify-content:space-between;padding:13px;flex-wrap:wrap}.tools,.options,.view,.edit{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.check{display:flex;align-items:center;font-size:14px;min-height:44px;gap:6px;margin-right:6px}.check input{width:19px;height:19px;min-height:19px}.hint{color:#60786b;font-size:14px;line-height:1.6;padding:0 15px;margin:0 0 10px}#stage{height:min(68vh,800px);min-height:340px;background:white;overflow:hidden;border-top:1px solid #e2e8e4;border-bottom:1px solid #e2e8e4;touch-action:none}#canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}#drawing text{font-family:"Microsoft YaHei",sans-serif}#overlay{pointer-events:none}.board-footer{padding:11px 14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}#zoomLabel{min-width:42px;font-size:13px;text-align:center}.bottom{display:flex;justify-content:space-between;gap:15px;margin-top:14px;align-items:center;flex-wrap:wrap}#status{font-size:13px;color:#667a6e;line-height:1.6}#status.error{color:#a73636}dialog{max-width:430px;width:calc(100% - 30px);border:1px solid #d3dfd5;border-radius:12px;padding:22px;color:#243a32;box-shadow:0 16px 60px #243a3244}dialog::backdrop{background:#172d2744}dialog h2{font-size:19px;margin:0 0 15px}dialog textarea{resize:vertical;line-height:1.6}dialog label{display:block;margin:14px 0}dialog select{margin-top:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}[hidden]{display:none!important}@media(max-width:700px){header{padding:12px;gap:10px}header h1{font-size:19px}.back{font-size:13px;padding:9px}.files{width:100%;margin:0}.files button{flex:1;padding:8px 9px;font-size:14px}main{padding:12px}.intro{display:block}.intro label{display:block;min-width:0}.intro p{margin-top:9px}.toolbar{padding:10px;gap:6px}.tools{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tools button{padding:9px 6px;font-size:14px}.options{gap:5px}.options button{font-size:13px;padding:8px 10px}.check{font-size:13px}.hint{font-size:13px;padding:0 11px}#stage{height:52vh;min-height:350px}.board-footer{padding:9px;gap:8px}.board-footer button{font-size:13px;padding:9px 10px}.bottom{align-items:flex-start}.bottom button{font-size:13px}dialog{padding:18px}}