*{box-sizing:border-box}body{color:#111;background:#f3f3f3;margin:0;font:14px/1.4 system-ui,sans-serif}header{background:#fff;border-bottom:1px solid #ccc;align-items:center;gap:12px;padding:10px 16px;display:flex}#status{flex:1}#banner{background:#fff3cd;border-bottom:1px solid #e0c060;margin:0;padding:8px 16px}main{height:calc(100vh - 50px);display:flex}aside{background:#fff;border-right:1px solid #ccc;width:340px;padding:8px;overflow-y:auto}aside label{overflow-wrap:anywhere;cursor:pointer;padding:3px 0;display:block}section{text-align:center;flex:1;padding:8px 16px;overflow:auto}nav{justify-content:center;align-items:center;gap:12px;padding-bottom:8px;display:flex}canvas{cursor:crosshair;touch-action:none;background:#fff;width:100%;max-width:900px;box-shadow:0 0 4px #999}button{font:inherit;padding:4px 10px}